/*
Theme Name: Most (Child Theme)
Theme URI: http://madsparrow.us/
Author: Mad Sparrow
Author URI: https://themeforest.net/user/madsparrow
Description: Most Creative Agency and Portfolio Theme – The theme is built to take advantage of the Full Site Editing features introduced in WordPress and Elementor plugin, which means that colors, typography, and the layout of every single page on your site can be customized to suit your vision. Whether you want to build a complex or incredibly simple website, you can do it quickly and intuitively through the bundled styles or dive into creation and full customization yourself.
Tags: one-column, two-columns, right-sidebar, custom-menu, post-formats, sticky-post, translation-ready, page transition
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: most
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
Template: most
*/

/* Add your own modification from here
-------------------------------------------------------------- */
h1 , h2, h3, h4, h5,h6{
	font-weight:500 !important;
}
/*
.p-list-item__info span h4 {
    display: none;
}
*/
.main-header__default .navbar-nav .menu-item a {
	font-weight:500 !important;
}
div#theme-toggle {
    display: none !important;
}


div#comments {
    display: none;
}

.ms-product-link {
    display: none; /* Oculta el enlace "Leer más" */
}

.ms-product-footer {
    display: flex; /* Use flexbox for distribution */
    justify-content: center; /* Center the elements horizontally */
    align-items: center; /* Center vertically */
    margin-top: 10px; /* Space above */
    flex-direction: column; /* Stack elements vertically */
}

.ms-product-price {
    display: flex; /* Use flexbox for elements inside */
    flex-direction: column; /* Stack content vertically */
    align-items: center; /* Center elements */
    width: 100%; /* Ensure container occupies 100% width */
}

.custom-product-buttons {
    display: flex; /* Use flexbox for buttons */
    justify-content: center; /* Center buttons horizontally */
    width: 100%; /* Occupy full width */
    margin-top: 10px; /* Additional space at the top */
    flex-wrap: wrap; /* Allow wrapping for responsiveness */
}

.custom-button {
    background-color: #6d9783; /* Button background color */
    color: white; /* Button text color */
    padding: 10px; /* Inner spacing */
    border: none; /* No border */
    border-radius: 5px; /* Rounded corners */
    text-decoration: none; /* No underline */
    transition: background-color 0.3s; /* Smooth transition */
    text-align: center; /* Center text */
    margin: 5px; /* Space between buttons */
    flex-grow: 1; /* Allow buttons to grow */
    min-width: 100px; /* Minimum width to maintain size */
    box-sizing: border-box; /* Include padding/border in width */
}


/* Responsive rules */
@media (max-width: 768px) { /* Tablet */
    .custom-button {
        flex-basis: calc(50% - 10px); /* Two buttons per row, accounting for margins */
    }
}

@media (max-width: 480px) { /* Mobile */
    .custom-button {
        flex-basis: 100%; /* One button per row */
    }
}

.custom-button:hover {
    background-color: #383b3e; /* Background color on hover */
    color: white; /* Text color on hover */
}

.ms-product-content {
    padding: 15px;
}


/* Desactivar clics en todos los enlaces dentro de ms-product-content */
.ms-product-content a {
    pointer-events: none; /* Desactivar clics en enlaces */
    color: inherit; /* Mantener el color del texto */
    text-decoration: none; /* Sin subrayado */
}

/* Activar clics solo en los botones */
.custom-product-buttons a {
    pointer-events: auto; /* Activar clics en los botones */
    color: white; /* Asegúrate de que el color de los botones sea visible */
    text-decoration: none; /* Sin subrayado en los botones */
}

/* Desactivar clics en el contenedor de la imagen */
.ms-product-media a {
    pointer-events: none; /* Desactivar clics en el enlace de la imagen */
}











/* Estilo para el menú de navegación */
.main-header__nav {
    background-color: #1c1c1c; /* Color de fondo del menú */
    padding: 10px; /* Espaciado interno para que el texto no esté pegado */
}

/* Color de texto de los enlaces */
.main-header__nav a {
    color: white !important; /* Color normal del texto */
    text-decoration: none; /* Quitar subrayado de los enlaces */
    transition: color 0.3s ease; /* Transición suave para el hover */
}

/* Color de texto al pasar el ratón (hover) */
.main-header__nav a:hover {
    color: #00a0d2; /* Color del texto en hover */
}

/* Color del enlace activo */
.main-header__nav .current-menu-item a {
    color: #00a0d2; /* Color del enlace activo */
    font-weight: bold; /* Poner en negrita el enlace activo */
}

/* Para asegurarte que los submenús también tengan el mismo estilo */
.main-header__nav .sub-menu a {
    color: white !important; /* Color normal del submenú */
}

.main-header__nav .sub-menu a:hover {
    color: #00a0d2; /* Color del submenú al pasar el ratón */
}

/* Para que el fondo del menú sea completamente visible */
.navbar-nav {
    list-style: none; /* Quitar los puntos de la lista */
    margin: 0; /* Quitar márgenes */
    padding: 0; /* Quitar relleno */
}

/* Ajustes adicionales para los elementos de la lista */
.navbar-nav li {
    display: inline-block; /* Mostrar los elementos en línea */
    margin-right: 20px; /* Espaciado entre los elementos */
}

/* Asegúrate que la barra de menú tenga suficiente altura para que el texto no se vea comprimido */
.main-header__nav {
    min-height: 50px; /* Altura mínima del menú */
}