/*************************************************

****************  ESTILOS GENERALES  *************

**************************************************/

/* ANULACIÓN DEL PADDING-TOP EXCESIVO SOLO EN LA PÁGINA PRINCIPAL */
/* Esto apunta al elemento principal del contenido */
main#page {
    /* Forzamos un padding bajo para que el contenido suba sin margin negativo */
    padding-top: 90px !important;
}

/* Si 30px es muy poco y el header lo tapa, aumenta este valor a 80px, etc. */


html, body {

  background: #ffffff !important;

}


#wrapper,

#footer,

#header,

#header .header-top,

.breadcrumb-full,

#wrapper .breadcrumb,

.product-variants,

#related-product-section,

.leo-megamenu,

.page-content,

.page-content > * {

  background: #ffffff !important;

}



.eu-container {

  font-family: Arial, sans-serif;

  max-width: 600px;

  margin: auto;

  padding: 20px;

  box-sizing: border-box;

}



.eu-header {

  display: flex;

  align-items: center;

  justify-content: space-between;

  margin-bottom: 20px;

}



.eu-left-text,

.eu-right-text {

  flex: 1;

  font-weight: bold;

  font-size: 9px;

  color: #363434;

}



.eu-left-text {

  text-align: right;

  margin-right: 10px;

}



.eu-right-text {

  text-align: left;

  margin-left: 10px;

}



.eu-flag {

  width: 100px;

  height: auto;

}



.eu-main-text {

  text-align: center;

  margin-top: 20px;

  font-size: 9px;

  color: #363434;

}



/*************************************************

*****************  MENÚ SUPERIOR  ****************

**************************************************/



.leo-megamenu .navbar-nav > li > a {

  padding: 30px 15px !important;
  font-size: 13px;

}



/* Dropdown */

.dropdown-toggle::after {

  display: none !important;

}



.leo-widget .nav-links li a {

  font-size: 16px !important;

  font-weight: 600 !important;

  color: #000 !important;

}



.leo-megamenu .dropdown-menu .menu-title {

  margin-bottom: 4px !important;

  padding-bottom: 0 !important;

}



.leo-megamenu .dropdown-menu li {

  padding: 0 !important;

  line-height: 0 !important;

}





/*************************************************

**************** PRODUCTOS / DETALLE **************

**************************************************/

/* Oculta permanentemente la etiqueta "Cantidad" en la ficha de producto. */
.product-actions .control-label {
    display: none !important;
}

.price-black {

  color: #000 !important;

}

/* Nombre del producto en minúsculas excepto primera letra */

.product-detail-name {

  text-transform: lowercase;

}


.product-detail-name {

  text-transform: capitalize;

}



/* 1. Estilo general para párrafos */
p {
    line-height: 30px;
}

/* 2. Estilo específico para el popup de SeQura */
small.sequra-educational-popup {
 margin-top: 20px !important;
}


/*************************************************
************* ELIMINAR ::BEFORE Y DESACTIVAR HOVER EN ESTRELLAS *************
**************************************************/

/* 1. ELIMINACIÓN PERMANENTE DEL ::BEFORE DE LA ESTRELLA */
/* Esto eliminará el ícono de la estrella, ya sea rellena o vacía. */
.star::before {
    content: none !important; 
    display: none !important;
}

/* 2. DESACTIVAR EL HOVER (para prevenir cualquier efecto residual) */
/* Previene que la estrella de hover intente mostrar un ícono */
.star:hover::before {
    content: none !important;
    display: none !important;
}

/* 3. DESACTIVAR LA VISUALIZACIÓN DE ESTRELLAS ANTERIORES EN HOVER */
.star:hover ~ .star::before {
    content: none !important;
    display: none !important;
}

/*************************************************
************* OCULTAR CANTIDAD DE DESCUENTO *************
**************************************************/

.discount-amount.discount-product {
    display: none !important;
}


/*************************************************

******************  BREADCRUMB  *******************

**************************************************/


.breadcrumb-full {
    padding-top: 0px !important;
    margin-bottom: -50px !important;
}

/* Ajuste adicional solicitado */

.breadcrumb-bg .breadcrumb {

  //margin: -50px !important;

  display: block !important;

}

#wrapper .breadcrumb {
    padding: 0;
    background: transparent;
    padding-top: 0px;
    padding-bottom: 50px;
    margin-bottom: 0;
}


/*************************************************

***************   BOTONES ANTERIOR/SIGUIENTE  ****

**************************************************/



.leonextprevious-container > div {

  width: 50%;

  float: left;

  padding: 0;

  margin: 0;

}



.leonextprevious-container > div .btn p {

  margin-bottom: 0;

  display: flex;

  align-items: center;

  font-weight: 600;

  font-size: 12px !important;

  text-transform: uppercase;

  margin-top: 4px !important;

}



.leo-button-prev p i.material-icons,

.leo-button-next p i.material-icons {

  margin-right: 0 !important;

}





/*************************************************

********************** FOOTER *********************

**************************************************/



#footer {

  background: #fff !important;

}





/*************************************************

******************* RESPONSIVE ********************

**************************************************/



/* Texto EU */

@media (max-width: 767px) {

  .elementor-3 .elementor-element.elementor-element-05b8d6e {

    width: 100% !important;

    margin-bottom: 50px !important;

  }

}



/* Megamenu adaptación */

@media (max-width: 1730px) {

  .leo-megamenu .navbar-nav > li > a { padding: 30px 10px !important; }

}



@media (max-width: 1635px) {

  .leo-megamenu .navbar-nav > li > a {

    font-size: 12px !important;

    padding: 30px 9px !important;

  }

}



@media (max-width: 1420px) {

  .leo-megamenu .navbar-nav > li > a {

    font-size: 11px !important;

    padding: 30px 5px !important;

  }

}



@media (max-width: 1252px) {

  .leo-megamenu .navbar-nav > li > a {

    font-size: 10px !important;

  }

}



@media (max-width: 1160px) {

  .leo-megamenu .navbar-nav > li > a {

    font-size: 9px !important;

  }

}



@media (max-width: 1058px) {

  .leo-megamenu .navbar-nav > li > a {

    font-size: 8px !important;

  }

}



/* Botones anterior/siguiente */

@media (max-width: 768px) {

  .leonextprevious-container > div {

    width: 100%;

    float: none;

    text-align: center;

    margin-bottom: 10px;

  }

}



/*************************************************

*************** TITULARES (ELEMENTOR) ************

**************************************************/



.elementor-2 .elementor-element.elementor-element-7b78f3c .elementor-heading-title {

  font-size: 30px !important;

  font-weight: 600;

  line-height: 1.25em;

}


/*************************************************

*************** Creación de cuenta nueva Checkout*************************

**************************************************/

.form-control-comment {
display: none !important;
}
             

/*************************************************
************* BOTÓN 'ESCRIBE TU RESEÑA' *************
**************************************************/

/* Estilo por defecto (fondo negro #222) */
.btn-comment {
    background-color: #222 !important;
    border-color: #222 !important; /* Asegurar que el borde también sea negro */
    color: #fff !important;         /* Texto blanco para contraste */
}

/* Estilo al pasar el ratón por encima (hover - fondo #FBD4BE) */
.btn-comment:hover {
    background-color: #ffad60 !important;
    border-color: #ffad60 !important; /* Asegurar que el borde también cambie */ 
}


#product-details {
opacity: 1 !important;
}