/* MÓVIL / base: sin fondo */
#header .header-nav{ border-top: #168194 4px solid;}
/* ESCRITORIO: añade el fondo en la cabecera */
@media (min-width: 768px){           
  #header .header-nav{ background: #f6f6f6;}
}

#header  i  {color: #168194;}
#header .header-nav { max-height: 55px; border-bottom: #f6f6f6 4px solid;}


#header .header-top a[data-depth="0"] {border-right:1px solid #d6d4d4; color: #000000;}
#wrapper {border-top: 5px solid #7ec0cae3;}

.block-category {border-top: 5px solid #168194;background-color: #d6ebee !important;}
a {color: #168194;}
.block-categories {border-top: 5px solid #168194;}
.block-categories .h6 {background: #d6ebee;}
.block-categories .category-sub-menu li[data-depth="0"]>a { border-bottom: 1px solid #d6d4d4;}


.material-icons {font-size: 32px;}
#category-sub-menu .material-icons i {font-size: 16px; background: #f6f6f6;}
.wishlist-button-add i { color: #168194 !important;}


/* ===== Slider - título sin H2 pero con el mismo estilo y responsivo ===== */
#carousel .caption .display-1{
  display:block;              /* el h2 lo aportaba */
  font-weight:700;
  text-transform:uppercase;
  line-height:1;
  margin:0 0 8px 0;
  color:#fff;                 /* como antes */
}

/* Desktop grande (≈ ≥1200px) */
@media (min-width: 1200px){
  #carousel .caption .display-1{ font-size:3rem; }
  #carousel .caption .caption-description{ font-size:0.98rem; }
}

/* Desktop/Tablet horizontal (992–1199px) */
@media (min-width: 992px) and (max-width: 1199.98px){
  #carousel .caption .display-1{ font-size:2.5rem; }
  #carousel .caption .caption-description{ font-size:0.95rem; }
}

/* Tablet (576–991px) */
@media (min-width: 576px) and (max-width: 991.98px){
  #carousel .caption .display-1{ font-size:2rem; color: rgb(35,35,35); font-weight:500;}
  #carousel .caption .caption-description{ font-size:0.92rem; }
}

/* Móvil (<576px) */
@media (max-width: 575.98px){
  #carousel .caption .display-1{
    font-size:1.3rem;
    line-height:1.05;
	color: rgb(35,35,35);
	font-weight:500;
  }
  #carousel .caption .caption-description{ font-size:0.9rem; }
}


/* ================================
   ESCRITORIO: mostrar solo 1er nivel
   ================================ */
@media (min-width: 800px) {
  /* Oculta UL de profundidad >= 2 dentro del menú de escritorio */
  #_desktop_top_menu ul.top-menu[data-depth="2"],
  #_desktop_top_menu ul.top-menu[data-depth="3"],
  #_desktop_top_menu ul.top-menu[data-depth="4"],
  #_desktop_top_menu ul.top-menu[data-depth="5"] {
    display: none !important;
  }

  /* En el primer submenú (depth=1), oculta el icono +/– porque no habrá más niveles que desplegar */
  #_desktop_top_menu ul.top-menu[data-depth="1"] .collapse-icons {
    display: none !important;
  }
}

/* MÓVIL: no tocamos nada; seguirá mostrando todos los niveles */
/*fin visualizar solo un nivel*/

/* ====== Menú superior – escritorio (sin scroll, en columnas) ====== */
@media (min-width: 992px){

  /* Contenedor del desplegable */
  #_desktop_top_menu .popover.sub-menu.js-sub-menu{
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 1000;

    background: #f5f7f8;           /* gris claro */
    border: 1px solid #e6ecef;
    box-shadow: 0 8px 20px rgba(0,0,0,.08);
    padding: 18px 22px;
    margin-top: 6px;

    /* Muy importante: sin límites ni scroll */
    max-height: none !important;
    overflow: visible !important;
    width: auto;                   /* deja crecer lo necesario */
  }

  /* La lista de subcategorías en columnas fluidas */
  #_desktop_top_menu .popover.sub-menu .top-menu{
    display: grid;
    grid-template-columns: repeat(3, minmax(220px, 1fr)); /* ajusta 3/4/5 columnas si quieres */
    column-gap: 28px;
    row-gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
  }

  /* Cada ítem del submenú */
  #_desktop_top_menu .popover.sub-menu .top-menu > li{
    list-style: none;
  }

  /* Enlaces de subcategoría */
  #_desktop_top_menu .popover.sub-menu .dropdown-item{
    display: block;
    padding: 6px 0;
    font-weight: 600;              /* efecto “encabezado” */
    color: #222;
  }
  #_desktop_top_menu .popover.sub-menu .dropdown-item:hover{
    color: #168194;                /* tu turquesa */
  }

  /* Asegura que el encabezado no corte el desplegable */
  #header { overflow: visible; position: relative; z-index: 5; }
}

  /* puntito visual delante de cada ítem */
   #_desktop_top_menu .popover.sub-menu a::before{
    content: "•";
    color: #168194;
    margin-right: 6px;
    font-weight: 700;
  } 
}
/* El móvil no se toca: conserva el acordeón con todos los niveles */



#products .product-availability-mbc {margin-top:.700rem; margin-bottom:.900rem; font-weight:700;text-align:center;font-size:0.84rem;} 
.product-availability-mbc {margin-top:.700rem; margin-bottom:.900rem; font-weight:700;text-align:center;font-size:0.84rem;}  /*para que se active productos recomentados y portada*/
.product-last-items-mbc, .product-available-mbc{color:#4cbb6c}
.product-available-con-mbc{color:white;background-color:#55c65e;padding:4px 8px 4px 8px;border:1px solid #36943e;}
.product-available-sin-mbc{color:#ff9a52}
.product-unavailable-mbc{color:#f3515c;}
.product-available-product-mbc {	
	color: #fff;
	padding: 3px 8px 4px;
	background-color: #55c65e;
	border: 1px solid #36943e;}	

.product-available-product-sin-mbc {	
	color: #fff;
	padding: 3px 8px 4px;
	background-color: #fe9126;
	border: 1px solid #e4752b;}
	
/* Espacio bajo el título "También podría interesarle" */
section.product-accessories > p.h5.text-uppercase{
  margin-bottom: 18px;   
}

/* 16px de separación bajo el título del cross-selling */
.crosssell .mbc-crosssell-title{ margin:0 0 16px; }
.featured-products .mbc-crosssell-title{ margin-bottom:18px; }

/* Color del título/caption en el modal de imágenes del producto */
#product-modal .image-caption{
  background: #7ec0cae3 !important; 
}

/* Más información: regla vertical sutil a la izquierda */
.product-more-info{
  margin-top: 22px;
  padding-left: 14px;
  border-left: 3px solid #168194;     /* acento turquesa */
  background: transparent;
  border-top: 0;
  box-shadow: none;
}
.product-more-info .bm-heading-product{
  margin: 0 0 8px;
  font-weight: 600;
  font-size: 1.08rem;
  color: #2a3d45;                      /* un gris oscuro más neutro */
}


/* Ficha de producto: ancho de la columna de flechas */
.product-quantity .bootstrap-touchspin .input-group-btn-vertical{
  width: 38px !important;                /* prueba 36–46px */
}
.product-quantity .bootstrap-touchspin .input-group-btn-vertical .btn{
  width: 100%;
  padding-left: 1; 
  padding-right: 0;
}

/* hacer los iconos un poco más grandes cantidad carrito ficha producto */
.product-quantity .bootstrap-touchspin .input-group-btn-vertical i{
  font-size: 18px;
}
/* Móvil: cantidad grande y sin saltos */
@media (max-width: 576px){
  /* Mantener tamaño contenido para que quepa junto al botón */
  .product-quantity .bootstrap-touchspin{
    display: inline-block !important;
    max-width: 170px !important;   /* ajusta 160–175 si hace falta */
    white-space: nowrap;
  }

  /* Alto del input (más cómodo) */
  #quantity_wanted{
    height: 52px !important;
    font-size: 18px;
    text-align: center;
  }

  /* Columna de flechas, un poco más ancha y centrada */
  .product-quantity .bootstrap-touchspin .input-group-btn-vertical{
    width: 40px !important;
  }
  .product-quantity .bootstrap-touchspin .input-group-btn-vertical .btn{
    display:flex; align-items:center; justify-content:center; padding:0; line-height:1;
    height: 26px;                     /* mitad del alto aprox. */
  }
  .product-quantity .bootstrap-touchspin .input-group-btn-vertical i{
    font-size: 18px;
  }
}
/* FIN Ficha de producto: ancho de la columna de flechas */

/* imagen metodo de pago ficha producto */
.blockreassurance_product .reassurance-logos{
  margin-left: 25px;
  text-align: left;  
  margin-bottom: 10px; }
.blockreassurance_product .reassurance-logos img{
  display: block;
  max-width: 100%;
  height: auto;
}

/* Nota de promo en el modal del carrito */
#blockcart-modal p.cart-promo-note{
  margin-top: 15px;
  font-size: .95rem;
  font-weight: 600;
  color: #168194 !important;   /* fuerza el color */
}



/* === Carrito: flechas más anchas y visibles === */
.cart-item .bootstrap-touchspin .input-group-btn-vertical{
  width: 32px !important;
}
.cart-item .bootstrap-touchspin .input-group-btn-vertical .btn{
  width: 100%;
  padding: 0;
  line-height: 1;
}
.cart-item .bootstrap-touchspin .input-group-btn-vertical i{
  font-size: 18px;
}

/* Móvil: grande pero sin desbordar */
@media (max-width: 576px){
  #cart .bootstrap-touchspin{
    display: inline-block !important;
    max-width: 170px !important;
    white-space: nowrap;
  }
  .cart-item .bootstrap-touchspin input.js-cart-line-product-quantity{
    height: 52px;
    font-size: 18px;
  }
  .cart-item .bootstrap-touchspin .input-group-btn-vertical{
    width: 40px !important;
  }
  .cart-item .bootstrap-touchspin .input-group-btn-vertical .btn{
    height: 26px;
  }
  .cart-item .bootstrap-touchspin .input-group-btn-vertical i{
    font-size: 18px;
  }
}


.cart-availability-mbc { margin-top: .25rem; }
.cart-availability-mbc span{ font-size:.85rem; font-weight:700; }
/* línea sutil entre líneas del carrito */
.cart-overview .cart-items .cart-item + .cart-item{
  border-top:1px solid #e9e9e9;
  margin-top:12px; padding-top:12px;
}


.stars-container a {font-size: .975rem; font-weight:400;color: #7a7a7a;}
/* .thumbnail-top  {border: 1px solid #62B5C3; border-radius: 6px; } */ /*quitado para ponerlo el contendor en la tarjeta */
#products  .product-miniature {font-weight:700;color:#232323;text-align:center;font-size:1.25rem;}
.product-miniature .product-title a{font-size:.975rem;}
#products .product-price-and-shipping {
	margin-top:.700rem;
	color:#168194;
	font-weight:700;
	text-align:center;
	font-size:1.4rem;}
 .product-price-and-shipping {  /*para que se active productos recomentados y portada*/
	margin-top:.700rem;
	color:#168194 !important;
	font-weight:700;
	text-align:center;
	font-size:1.3rem;
	}		
.product-flags li.product-flag.discount-percentage,.product-flags li.product-flag.discount-amount,.product-flags li.product-flag.discount,.product-flags li.product-flag.on-sale{background-color:#f13340}
.product-flags li.product-flag{background:#43a1b1;}
.product-ficha-price-size-mbc {font-size:2.6rem; color:#168194;}

/* Separadores arriba/abajo del bloque de precio */
.product-prices{
  border-top: 3px solid #e6e6e6;
  border-bottom: 2px solid #e6e6e6;
  padding: 8px 0;   /* aire dentro del bloque */
  margin: 16px 0;    /* separación con lo de arriba/abajo */
}


.our-tax-display-mbc {display:inline-block;font-size:1.0rem;}
.product-discount{color:#f13340;}
.product-miniature .regular-price{color:#f13340;font-size:1.2rem;}

/* Precio tachado (regular) en rojo */
.product-prices .product-discount .regular-price,
.product-prices .has-discount .regular-price {
  color: #ff3340 !important;
  text-decoration-color: #ff3340;          /* navegadores modernos */
  -webkit-text-decoration-color: #ff3340;  /* Safari */
  opacity: 1;                               /* por si el tema lo “apaga” */
}

/* Precio tachado un poco más grande */
.product-prices .regular-price{
  font-size: 1.7rem;  
}

.has-discount.product-price,.has-discount p,.has-discount .page-content.page-cms ul,.page-content.page-cms .has-discount ul{color:#f13340;}
.has-discount .discount{background:#f13340; font-size: 1.4rem;}


/* espacio alrededor del bloque de opiniones bajo el H1 y asignar color */
.mbc-reviews-under-title{
  margin: .5rem 0 .9rem;  color:#4398a5e3; font-size:.89rem; 
}


/*bloque para que el listado de producto sea de la misma altura*/
.products .product-miniature {  
  display: flex;
  height: 100%;            /* que ocupe toda la altura posible */
}
.products .product-miniature .thumbnail-container {
  flex-grow: 1;            /* hace que la parte central se estire */
  border: 1px solid #62B5C3;
  border-radius: 6px;
}
/* fin bloque para que el listado de producto sea de la misma altura*/


/*titulo de productos en listado categoria*/
/* Transición suave */
.products .product-miniature .product-title a {
  transition: all 0.2s ease;
}

/* Hover: negrita (o cambia color) */
.products .product-miniature .product-title a:hover {
  font-weight: 700;
  color: #222;              /* opcional */
  text-decoration: none;    /* opcional */
}

/* menu diseño ps annterior  */
/* ==== BLOQUE CATEGORÍAS LATERAL (ps_categorytree) ==== */

/* Enlaces: efecto al pasar el ratón (fondo #168194 como 1.6) */
.block-categories .category-sub-menu > li > a {
  display: block;
  width: 100%;
  padding: .45rem .55rem;
  transition: background-color .15s, color .15s;
  border-radius: 2px;
}
.block-categories .category-sub-menu > li > a:hover {
  background: #168194;
  color: #fff;
}


/* menu diseño personalizado mbc  */
/* === Botón de desplegar ( + / – ) en el bloque de categorías lateral === */
.block-categories .collapse-icons {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;     /* tamaño del cuadrito más pequeño */
  height: 22px;
  padding: 0;
  margin-left: .4rem;
  margin-top: 7px;  /* ↓ desplaza el cuadrito un poco hacia abajo */
  background: #eee;
  border: 1px solid #ccc;
  border-radius: 2px;
  line-height: 1;
}
/* Tamaño del icono dentro del botón */
.block-categories .collapse-icons .material-icons {
  font-size: 17px;   /* icono “+” más pequeño */
  line-height: 1;
  color: #555;
}
/* Hover: gris más oscuro */
.block-categories .collapse-icons:hover {
  background: #e0e0e0;
}
/* Ajustes de espaciado y líneas separadoras opcionales */
.block-categories .category-sub-menu > li {
  border-bottom: 1px solid #e9e9e9;
}
.block-categories .category-sub-menu > li:last-child {
  border-bottom: 0;
}
/* Ajustes de TEXTO PARA QUE NO SE SOLAPE CON EL MAS */
.block-categories .category-sub-menu > li{
  position:relative;
}
.block-categories .category-sub-menu > li > a{
  display:block;
  padding-right: 25px;   /* 25px del botón + margen */
  word-break: break-word;
  overflow-wrap: anywhere;
}
/* FIN menu diseño personalizado mbc  */

/* Ocultar el encabezado y el bloque de categorías SOLO en móvil */
@media (max-width: 768px) {
  body#category #left-column {
    display: none !important;
  }
}
 /* Asegura que la columna pueda mostrarse para el panel de filtros en la version movil */
  body#category #left-column { 
    display: block !important; 
  }
}
/* FIN ocultar encabezado*/


/* Filtros: texto de cada opción más pequeño y compacto */
#search_filters .facet .facet-label {
  font-size: .80rem;      /* antes ~.9375rem */
  line-height: 1.25;      /* un pelín más compacto */
}

/* Asegura que lo que esté dentro herede el tamaño (enlaces, spans, etc.) */
#search_filters .facet .facet-label a,
#search_filters .facet .facet-label span {
  font-size: inherit;
  line-height: inherit;
}

/* Cantidad (n) a mismo tamaño que el texto */
#search_filters .facet .facet-label .magnitude {
  font-size: .85rem;
}

/* Un poco menos de separación entre el check y el texto */
#search_filters .facet .custom-checkbox {
  margin-right: .35rem;
  vertical-align: middle;
}

#search_filters .facet {
  border-bottom: 1px solid #e4e4e4;
  padding-bottom: .75rem;
  margin-bottom: .75rem;
}
#search_filters .facet:last-child {
  border-bottom: none;
  margin-bottom: 0;
}
/* fin Filtros: texto de cada opción más pequeño y compacto */


/* Barra del H2 */
.mbc-offerbar{ margin:10px 0 15px; }
.mbc-offerbar__title{
  margin:0;
  font-size:1.0rem; /* ~18px */
  font-weight:600;
  text-transform:none; /* sin MAYÚSCULAS */
}
.mbc-offerbar__title .cat-name{ font-weight:700; }


/* Sube el color del contenedor gris del header */
#js-product-list-header #category-description.text-muted { color:#333 !important; }

/* Negritas oscuras y con peso 700 */
#js-product-list-header #category-description.text-muted strong,
#js-product-list-header #category-description.text-muted b {
  color:#232323 !important;
  font-weight:700;
}


#subcategories ul li { width: calc(100% / 4 - 10px); min-width: 125px; margin: 2px;}
#subcategories ul li p .subcategory-name { font-size: 0.9rem;font-weight: 600;line-height: 1.2;margin: 0 0 .5rem 0;}


/* ===== Reassurance / bloque de confianza ===== */
.blockreassurance_product{
  /* ya tienes el borde; añadimos padding y redondeo */
  padding: 14px 16px;
  border-radius: 8px;
  /* Si NO quieres fondo, comenta la línea de abajo */
  background: #f6fbfc; /* sutil tono para separar del fondo */
  border: 1px dashed #168194;
}

/* Cada item en una fila con icono + textos */
.blockreassurance_product > div{
  align-items: flex-start;
  gap: 10px;
  padding: 10px 0;
  border-top: 1px dashed rgba(22,129,148,.18);
}
.blockreassurance_product > div:first-child{ border-top: 0; }

/* Iconos */
.blockreassurance_product .item-product img{
  width: 26px;           /* ajusta 22–28px si lo prefieres */
  height: auto;
  margin-top: 2px;
}

/* Título: más visible y en el color de marca */
.blockreassurance_product .block-title{
  display: block;        /* que ocupe su propia línea */
  font-weight: 700;      /* negrita */
  font-size: 1rem;
  color: #168194 !important;      /* turquesa corporativo */
  line-height: 1.2;
  margin: 0;             /* quitamos posibles márgenes */
  letter-spacing: .2px;
}

/* Texto secundario: más suave y con aire */
.blockreassurance_product p{
  margin: 4px 0 0;
  font-size: .9375rem;   /* ≈ 15px */
  color: #2a2a2a;        /* mejor contraste que #7a7a7a */
}

/* Enlaces dentro del bloque (si los hubiera) */
.blockreassurance_product a{
  color: #168194;
  text-decoration: underline;
}

/* Móvil: un pelín más compacto */
@media (max-width: 576px){
  .blockreassurance_product .block-title{ font-size: .995rem; }
  .blockreassurance_product p{ font-size: .92rem; }
}


.block_newsletter  {background: #6abac836; border:3px dashed #168194;} 
/*.custom-checkbox input[type="checkbox"] {opacity: 1;}  el filtro falla saliendo duplicado el cuado de seleccion*/
.block-contact {color: #dfdcdc;}
.content_scene_cat_mbc { border-top: 5px solid #168194;color: #d7d7d7;line-height: 19px;margin: 0 0 26px 0;}
.content_scene_cat_mbc .content_scene_cat_bg_mbc {padding: 18px 10px 10px 42px; background-color: #43a1b1 !important;} 
.content_scene_cat_mbc  h1 {color: #fff;} 
.color_text_category_up_mbc p {color: #d7d7d7 !important;}
.border-bottom-gris-mbc {border-bottom: 1px solid #f6f6f6;}
.txt-derecha-mbc {text-align: right;}
.txt-tur-claro-mbc p {color: #43a1b1;}




/* No recortar la descripción de los productos */
.product-miniature .product-description {
  height: auto !important;
  overflow: visible !important;
}

.fondo_categoryTree_mbc  p {
  font: 600 18px/22px "Open Sans", sans-serif;
  color: #555454;
  background: #f6f6f6;
  border-top: 5px solid #168194; //**333*//
  text-transform: uppercase;
  padding: 14px 5px 17px 20px;
  margin-bottom: 20px; }


/* — FICHA DE PRODUCTO — fuerza un solo subrayado en los enlaces del texto */
.page-product #main .product-description a,
.page-product #main #product-description-short a,
.page-product #main .product-more-info a,
.page-product #main .product-information p a {
  text-decoration-line: underline !important;  /* subrayado nativo */
  text-underline-offset: 2px;                  /* separación agradable */
  border-bottom: 0 !important;                 /* sin línea extra */
}

/* Si el enlace envuelve spans u otros inlines, que hereden la decoración */
.page-product #main .product-description a *,
.page-product #main #product-description-short a *,
.page-product #main .product-more-info a * {
  text-decoration: inherit !important;
  border: 0 !important;
}

  
  
 #footer {border-top: #168194 2px solid; background: #4398a5e3;} 
.footer-container li a {color: #f8f5f5;} .footer-container li a:hover{color: #168194;} .footer-container a {color: #f8f5f5;}
/* Cuerpo del bloque: más aire entre líneas */

.footer-container .block-contact #contact-infos{
  line-height: 1.75;                 /* separa dirección / teléfono / email */
}

/* La línea de “Horario… Tel… Móvil…” que pusiste en <strong> */
.footer-container .block-contact #contact-infos strong{
  display: block;
  margin: 8px 0;                     /* añade margen arriba y abajo */
  font-weight: 600;
}


/* ==== Checkout: “Pedir como invitado | Iniciar sesión” como pestañas ==== */
#checkout .js-customer-form p.identity{
  display: flex;
  align-items: center;
  gap: .5rem;
  margin: .5rem 0 1rem;
  /* Ocultamos el texto plano y el separador | visualmente,
     pero el HTML sigue igual y el enlace funciona */
  font-size: 0;
}



/* “Pedir como invitado” como chip/pestaña (texto generado por CSS) */
#checkout .js-customer-form p.identity::before{
  content: "Pedir como invitado";
  font-size: 14px;
  line-height: 1;
  padding: .35rem .75rem;
  border: 1px solid #168194;
  border-radius: 20px;
  color: #168194;
  background: #fff;
  white-space: nowrap;
}

/* Enlace “Iniciar sesión” como chip activo */
#checkout .js-customer-form p.identity a[data-link-action="show-login-form"]{
  font-size: 14px;            /* reactivamos el tamaño de fuente solo aquí */
  line-height: 1;
  padding: .35rem .75rem;
  border-radius: 20px;
  border: 1px solid #168194;
  background: #168194;
  color: #fff !important;
  text-decoration: none;
  white-space: nowrap;
}
#checkout .js-customer-form p.identity a[data-link-action="show-login-form"]:hover{
  filter: brightness(.95);
}

/* Móvil: permitir salto de línea si hace falta */
@media (max-width: 576px){
  #checkout .js-customer-form p.identity{ flex-wrap: wrap; gap: .4rem; }
}



/* Footer > Newsletter: hacer visible el checkbox del consentimiento */
/* 1) Texto de ayuda del boletín: más oscuro y legible */
#footer .block_newsletter form .row .col-xs-12:last-of-type p{
  color: #d0eef2 !important;      
}

//* —— GDPR checkbox en el bloque newsletter del footer —— */
#footer .block_newsletter label.psgdpr_consent_message {
  display: inline-flex;
  align-items: center;
}
#footer .block_newsletter .custom-checkbox input[type="checkbox"] + span::before {
  content: "";
  position: absolute;
  left: 0; top: 2px;
  width: 18px; height: 18px;
  background: #fff;          /* fondo blanco */
  border: 2px solid #000;    /* borde negro y más grueso */
  border-radius: 3px;        /* opcional */
}
/* Marca de verificación en negro */
#footer .block_newsletter .custom-checkbox input[type="checkbox"]:checked + span::after {
  content: "";
  position: absolute;
  left: 6px; top: 4px;
  width: 5px; height: 10px;
  border: solid #000;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}


/* ==== Checkout: pestañas "Invitado / Iniciar sesión" ==== */

/* Oculta la barrita vertical que pone el tema entre enlaces */
#checkout .nav-separator{ display:none; }


/* Contenedor de pestañas */
#checkout .nav-inline{
  display:flex;
  gap:10px;
  border-bottom: 2px solid #daeef3;
  margin-bottom: 14px;
}

/* El <li> no necesita margen propio */
#checkout .nav-inline .nav-item{ margin:0; }

/* Aspecto de cada pestaña */
#checkout .nav-inline .nav-link{
  display:inline-block;
  padding:10px 14px;
  border: 1px solid #c5e6ed;
  background:#168194;
  color:#f6fbfc;
  font-weight:600;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  text-decoration:none;      /* por si el tema añade subrayado */
}

/* Hover */
#checkout .nav-inline .nav-link:not(.active):hover{
  background:#eaf6f9;
  color:#0d5d6c;
}

/* Pestaña activa */
#checkout .nav-inline .nav-link.active{
  background:#ffffff;
  color:#168194;
  border-color:#168194;
  position:relative;
  z-index: 2;                 /* para quedar por encima del panel */
}


/* Responsive: pestañas de 2 columnas en móvil */
@media (max-width: 576px){
  #checkout .nav-inline{
    flex-wrap:wrap;
    gap:8px;
  }
  #checkout .nav-inline .nav-link{
    flex: 1 1 calc(50% - 8px);
    text-align:center;
  }
}


/* Atributos en el resumen del pedido (checkout) */
#checkout .order-confirmation-table .product-line-info { 
  margin: 2px 0;
}

#checkout .order-confirmation-table .product-line-info .label{
  font-weight: 500;
  color: #232323 !important;  
}

#checkout .order-confirmation-table .product-line-info .value{
  color: #232323 !important;
  font-weight: 350;
}


/* Bloque de aceptación de condiciones – más visible */
#checkout #conditions-to-approve{
  padding: 14px 16px;
  margin: 14px 0 20px;
 /* background: #fff8e5;   */              /* amarillo muy suave */
  border: 1px solid #f3c24f;            /* borde acorde al fondo */
  border-radius: 8px;
}
/* Etiqueta más marcada */
#checkout #conditions-to-approve label{
  font-weight: 600;
  color: #232323;
}

/* Links subrayados para que “canten” */
#checkout #conditions-to-approve a{
  text-decoration: underline;
  color: #168194;                       /* color de marca */
}

/* Asterisco de “obligatorio” al final (puramente visual) */
#checkout #conditions-to-approve label::after{
  content: " *";
  color: #d93025;
  font-weight: 700;
}

/* Checkbox más grande y con color de marca (navegadores modernos) */
#checkout #conditions-to-approve input[type="checkbox"]{
  transform: scale(1.25);
  margin-right: 8px;
  accent-color: #168194;
}