/*
 Theme Name:Astra Child
 Theme URI:https://tederoca.com/
 Description:Tema hijo para Astra
 Author:quique.se
 Author URI:https://tederoca.com/
 Template:astra
 Version:1.0.0
 Text Domain:astra-child
*/

@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200');


/* color */
.black-title-text{color: #2e2d2c !important;}
.brown-color-1{color:#6C3A09}
.brown-bg-1{background-color:#EAE4E1;}
.brown-bg-2{background-color:#ddd8d3;}
.brown-bg-3{background-color:#d0cdc6;}

/* Fonts  -------    -----------   -------------*/

/* FONT MYLOVE */
@font-face {
  font-family: 'Mylove';
  src: url('/wp-content/themes/astra-child/fonts/mylove/Mylove-Script.woff') format('woff'),
       url('/wp-content/themes/astra-child/fonts/mylove/Mylove-Script.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* FONT JUANA */

/* Juana bold */
@font-face {
  font-family: 'Juana-bold';
  src: url('/wp-content/themes/astra-child/fonts/juana/Juana-Bold.woff2') format('woff2'),
       url('/wp-content/themes/astra-child/fonts/juana/Juana-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Juana Regular */
@font-face {
  font-family: 'Juana-regular';
  src: url('/wp-content/themes/astra-child/fonts/juana/Juana-Regular.woff2') format('woff2'),
       url('/wp-content/themes/astra-child/fonts/juana/Juana-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Juana Light */
@font-face {
  font-family: 'Juana-light';
  src: url('/wp-content/themes/astra-child/fonts/juana/Juana-Light.woff2') format('woff2'),
       url('/wp-content/themes/astra-child/fonts/juana/Juana-Light.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}


/* END FONTS --- ------- ----- ------------ ---- --- - -- - */

.container-welcome {
  background-color: #F1ECE4 !important; /* o el color que quieras en esos modos */
}

/* Solo en escritorio */
@media (min-width: 1025px) {
  .container-welcome {
    background-color: #fff !important; /* blanco */
  }
}
/* normal text to read block = DM Sans*/
.mylove,h1,h2 {
    font-family: 'Mylove', cursive !important;
}

.juana-bold,.juana-bold h3{
  font-family: 'Juana-bold', cursive !important;
  font-weight: 400; /* bold */
}
.juana-regular, span.juana-regular,h3,.blockImgText-regular p, .cardInfo-regular .hfe-infocard-text, .card-entorno h3 {
  font-family: 'Juana-regular', cursive !important;
  font-weight: 400; /* regular */
}
.juana-light,span.juana-light,.juana-light h3,.blockImgText-light p,.cardInfo-light .hfe-infocard-text,.card-entorno p{
  font-family: 'Juana-light', cursive !important;
  font-weight: 300; /* light */
}
.subtitle-secc{
  font-family: 'Juana-regular', cursive !important;
  font-weight:lighter;
  font-size: 1.125rem !important;
  color: #2e2d2c !important;
  
}
.elementor-element .dirLocation{
  color: #007B8B !important;
}

/* Forzar todas las imágenes a ocupar todo el bloque */
/* .galeria {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    transition: transform 0.3s;
}

.galeria:hover {
    transform: scale(1.05) !important;
}
.altura-fija-galeria{

  height: 300px; 
}
.img-vert{
  height: 100%;
  width: auto;
  overflow: hidden !important;
} */

/* Contenedor del hero con fondo */
.hero-banner-inicio{
  /* Altura: ocupa toda la pantalla, pero jamás menos de 800px */
  height: 100vh;          /* fallback */
  height: 100svh;         /* viewport real en móviles modernos (Safari, iOS) */
  min-height: 800px;

  /* Fondo (ajusta la posición al “cielo” que te interese) */
  background-size: cover;
  background-position: center 40%;  /* p.ej. 40% si el cielo está algo arriba */
  background-repeat: no-repeat;

  /* Opcionales útiles */
  position: relative;
  overflow: hidden;
}

/* Si Elementor te fija un min-height que lo pisa, fuerza el nuestro (inicio->entorno 3º foto */
@media (max-height: 800px){
  .hero-banner-inicio{
    min-height: 800px !important;
  }
}

/* ===== Imágenes que cubren todo el contenedor (links, galerías, etc.) ===== */
/* === Imagen de Elementor que mantiene COVER aunque tenga enlace ===
   Aplica este CSS a los widgets de imagen que tengan la clase "link-cover"
   (en Elementor > Avanzado > Clase CSS: link-cover)
*/
/* === Elementor imagen con enlace que mantiene COVER ===
   Añade la clase "link-cover" al widget de imagen en Elementor (Avanzado → Clase CSS).
   Puedes elegir proporción con clases extra: link-11, link-43, link-169 (ver abajo).
*/

/* Marco: el <a> se convierte en un contenedor con proporción fija */
.link-cover .elementor-widget-container > a {
  display: block;
  width: 100%;
  aspect-ratio: var(--lc-ratio, 4 / 3);  /* por defecto 4:3 */
  overflow: hidden;
  position: relative;
  border-radius: 8px; /* opcional */
}

/* La imagen rellena el marco */
.link-cover .elementor-widget-container > a > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;        /* CLAVE: “cover” */
  object-position: center;  /* centra el recorte */
  transition: transform .3s; /* opcional */
}

/* Pequeño zoom al hover (opcional) */
.link-cover .elementor-widget-container > a:hover > img {
  transform: scale(1.03);
}

/* --- Atajos de proporción por clases ---
   Añade además de "link-cover" UNA de estas: "link-11", "link-43" o "link-169"
*/
.link-cover.link-11  .elementor-widget-container > a { --lc-ratio: 1 / 1; }   /* cuadrado */
.link-cover.link-43  .elementor-widget-container > a { --lc-ratio: 4 / 3; }   /* 4:3  (por defecto) */
.link-cover.link-169 .elementor-widget-container > a { --lc-ratio: 16 / 9; }  /* 16:9 */

/* Fallback muy antiguo (si un navegador no soporta aspect-ratio):
.link-cover .elementor-widget-container > a { position: relative; }
.link-cover .elementor-widget-container > a::before {
  content:""; display:block; padding-top: calc(100% * 3 / 4);  // 4:3
}
.link-cover.link-11  .elementor-widget-container > a::before { padding-top: 100%; }
.link-cover.link-169 .elementor-widget-container > a::before { padding-top: calc(100% * 9 / 16); }
.link-cover .elementor-widget-container > a > img { position:absolute; inset:0; }
*/

/* ===== FIN Imágenes que cubren todo el contenedor (links, galerías, etc.) ===== */

/* Contenedor con altura fija y centrado */
.altura-fija-galeria {
  height: 300px; /* Ajusta según quieras */
  display: flex;
  justify-content: center; /* Centra horizontalmente */
  align-items: center; /* Centra verticalmente */
  overflow: hidden; /* Recorta las imágenes que sobresalgan */
  position: relative; /* Necesario para las imágenes absolutas */
}

/* Estilo común para todas las imágenes */
.galeria {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important; /* Asegura que las imágenes cubran todo el contenedor */
  display: block;
  transition: transform 0.3s;
}

/* Efecto hover */
.galeria:hover {
  transform: scale(1.05);
}

/* Estilo específico para imágenes verticales */
.img-vert {
  max-height: 100%; /* No se desborda */
  max-width: 100%;  /* No se desborda */
  object-fit: contain; /* Mantiene la proporción sin recortar */
  object-position: center center; /* Centra la imagen */
  transition: transform 0.3s;
}

/* Hover para imagen vertical */
.img-vert:hover {
  transform: scale(1.05); /* Aplica el efecto de hover */
}


.texto-intro-1,.texto-intro-2{
  display: none;
}
/* ==========================================================
   H2 personalizados para textos SEO (clase .customTitle)
   ========================================================== */
html body .entry-content h2.customTitle,
html body h2.customTitle,
html body .elementor h2.elementor-heading-title.customTitle,
html body .elementor .elementor-widget-heading h2.elementor-heading-title.customTitle {
  font-family: 'Juana-regular', serif !important;
  font-weight: bold !important;   /* 700 */
  font-size: 1.2rem !important;
  line-height: 1.3 !important;
  color: #2e2d2c !important;      /* tono principal de texto */
  text-transform: none !important;
  margin-top: 0.7rem !important;  /* respiro antes del título */
  margin-bottom: 0.5rem !important; /* separación inferior suave */
}



/* ==============================================
   Tilde sobre la "e" del H1 “Té de Roca”
   (desktop + fix móvil iOS/Android)
   ============================================== */

.elementor-widget-heading h1.elementor-heading-title .accent{
  position: relative;
  display: inline-block;
  line-height: 1;
  overflow: visible;
}

/* Base */
.elementor-widget-heading h1.elementor-heading-title .accent::after{
  content: "";
  position: absolute;

  /* Ajuste fino: ahora anclado sobre la e real */
  left: 0.4em;
  top: 0em;

  width: 0.42em;
  height: 0.14em;

  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 20'%3E%3Cpath d='M5 15 L22 5' stroke='%23664141' stroke-width='4' stroke-linecap='round' fill='none'/%3E%3C/svg%3E");

  pointer-events: none;
  z-index: 2;
  display: block;
}

/* Desktop un poco mayor */
@media (min-width: 768px){
  .elementor-widget-heading h1.elementor-heading-title .accent::after{
    left: 0.4em;
    top: 0em;
    width: 0.44em;
    height: 0.15em;
  }
}

/* Móvil real */
@media (max-width: 767px) and (hover: none) and (pointer: coarse){
  .elementor-widget-heading h1.elementor-heading-title .accent::after{
    left: 0.4em !important;
    top: 0em !important;
    width: 0.32em !important;
    height: 0.11em !important;
  }
}

/* Fin tilde */

/* === Botón de cabecera Astra - estilos globales === */
.ast-custom-button {
    color: #000000 !important;
    background-color: #ffffff !important;
    border: none !important;
    border-radius: 4px;
    padding: 10px 20px;
    font-weight: 600;
    text-transform: uppercase;
}
.ast-custom-button:hover {
    color: #000000 !important;
    background-color: #dab200 !important;
    border: none !important;
}



/* === Botón de cabecera Astra - estilos globales === */
.ast-custom-button {
    color: #000000 !important;          /* texto negro */
    /* background-color: #ffd936 !important;  */
    background-color: #ffffff !important; /* amarillo normal */
    border: none !important;
    border-radius: 4px;                 /* opcional, esquinas redondeadas */
    padding: 10px 20px;                 /* opcional, tamaño del botón */
    font-weight: 600;                   /* texto más fuerte */
    text-transform: uppercase;          /* opcional, todo mayúsculas */
}

.ast-custom-button:hover {
    color: #000000 !important;          /* mantiene texto negro */
    background-color: #dab200 !important; /* amarillo oscuro en hover */
    border: none !important;
}


/* === Botón en cabecera transparente de Astra (ej. en la home) === */
/* Estilos base del botón de cabecera */
.ast-header-button-1[data-section*="section-hb-button-"] .ast-builder-button-wrap .ast-custom-button,
.ast-theme-transparent-header .ast-header-button-1[data-section*="section-hb-button-"] .ast-builder-button-wrap .ast-custom-button {
    font-size: 14px !important;
    font-weight: bold !important;
    font-family: inherit !important;       /* hereda la fuente global */
    line-height: 1.4 !important;           /* asegura altura de texto estable */
    color: #000000 !important;             /* texto negro */
    background-color: #ffffff !important;  /* amarillo base */
    border: none !important;
    padding: 10px 20px !important;         /* fijamos padding para que no cambie en hover */
    box-sizing: border-box !important;
}

/* Hover - solo cambia el color de fondo */
.ast-header-button-1[data-section*="section-hb-button-"] .ast-builder-button-wrap .ast-custom-button:hover,
.ast-theme-transparent-header .ast-header-button-1[data-section*="section-hb-button-"] .ast-builder-button-wrap .ast-custom-button:hover {
    color: #000000 !important;
    background-color: #dab200 !important;  /* amarillo más oscuro */
    border: none !important;
    padding: 10px 20px !important;         /* mismo padding que el normal, así no se encoge */
}
/* Añadimos transición al botón */
.ast-header-button-1[data-section*="section-hb-button-"] .ast-builder-button-wrap .ast-custom-button,
.ast-theme-transparent-header .ast-header-button-1[data-section*="section-hb-button-"] .ast-builder-button-wrap .ast-custom-button {
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* Oculta "Reservas" en Desktop */
.main-header-menu li.reservas-mobile {
    display: none;
}

/* Muestra "Reservas" en Tablet y Mobile */
@media (max-width: 921px) { /* breakpoint Astra tablet */
    .main-header-menu li.reservas-mobile {
        display: block;
    }
}

/* PIE DE FOTO CON LINK (UNDERLINE & ICON) */

/* Enlace normal: sin subrayado por defecto */
.elementor-element.caption-icon .elementor-heading-title a {
  font-family: "Juana-light" !important;
  text-decoration: none !important;
  position: relative;
  text-underline-offset: 2px;
}

/* Subrayado SOLO en hover */
.elementor-element.caption-icon .elementor-heading-title a:hover {
  text-decoration: underline !important;
}

/* Icono "open_in_new" (ligadura Material Symbols) */
.elementor-element.caption-icon .elementor-heading-title a::after {
  content: "open_in_new";                           /* ¡minúsculas! */
  font-family: "Material Symbols Outlined" !important;
  font-style: normal;
  font-weight: 400;                                  /* requerido por var font */
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;
  font-feature-settings: "liga" 1;                   /* fuerza ligaduras */
  font-variant-ligatures: normal;
  letter-spacing: normal;                            /* evita espaciado heredado */
  text-transform: none !important;                   /* bloquea uppercase heredado */
  white-space: nowrap;                               /* no partir en varias líneas */
  writing-mode: horizontal-tb;                       /* iOS: evita apilar vertical */
  direction: ltr;

  display: inline-block;
  margin-left: .35em;
  line-height: 1;
  font-size: 1em;
  vertical-align: -0.15em;

  transform: translateX(0);
  transition: transform .2s ease;

  /* antialias para iOS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Animación suave al pasar el ratón (opcional) */
.elementor-element.caption-icon .elementor-heading-title a:hover::after {
  transform: translateX(2px);
}



/* ============================================= */
/* SECCIÓN LA CASA */
/* ============================================= */
/* Acordeón */
.acordeon-estancias{
  ul small{
    font-size: 14px;
    font-weight: bold;
  }
}


/* FOOTER  */

/* ===== Estilos generales de texto en el footer ===== */
.footer-container-localizacion,
.footer-container-reservas,
.footer-social-inner-wrap,
.footer-legales {
  color: #787673;
  font-size: 14px;
  line-height: 1.5;
}

/* ===== Enlaces (tel, mail, direcciones, legales, redes) ===== */
.footer-container-localizacion a,
.footer-container-reservas a,
.footer-legales a,
.footer-social-inner-wrap a {
  color: #787673;
  text-decoration: none;
  transition: color 0.2s ease;
}
/* Asegura que los enlaces de tel y mail hereden el estilo */
.footer-container-reservas a[href^="tel:"],
.footer-container-reservas a[href^="mailto:"] {
  color: #787673; /* Gris */
  text-decoration: none;
  transition: color 0.2s ease;
}

.footer-container-reservas a[href^="tel:"]:hover,
.footer-container-reservas a[href^="mailto:"]:hover {
  color: #000000; /* Negro */
  text-decoration: underline;
}

.footer-container-localizacion a:hover,
.footer-container-reservas a:hover,
.footer-legales a:hover,
.footer-social-inner-wrap a:hover {
  color: #000000;
  text-decoration: underline; /* opcional, lo puedes quitar si no lo quieres */
}

/* ===== Redes sociales ===== */
.footer-social-inner-wrap {
  margin-top: 16px;
  /* display: flex;
  gap: 12px;
  justify-content: center;
  margin: 20px 0; */
}

.footer-social-inner-wrap .footer-social-item {
  width: 36px;
  height: 36px;
  /* display: flex;
  align-items: center;
  justify-content: center; */
  border-radius: 50%; 
  transition: transform 0.2s ease, color 0.2s ease;
}

.footer-social-inner-wrap .footer-social-item:hover {
  transform: scale(1.1);
}

/* ===== Legales ===== */

.footer-legales {
  background: #dedbdb;
  text-align: center;
  font-size: 13px;
  padding-top: 16px;
  padding-bottom: 16px;
}


/* Modales del footer */
/* Personalizar los enlaces en el footer */
.footer-column-1 .modal-link,
.widget_custom_html .modal-link,
.wp-block-custom-html .modal-link {
    text-decoration: none !important; /* Quita el subrayado */
    border-bottom: none !important; /* Quita cualquier borde inferior */
    color: #ffffff !important; /* Blanco, cambia por tu color preferido */
    background-color: transparent !important; /* Quita el fondo negro inline */
}
.footer-column-1 .modal-link span,
.widget_custom_html .modal-link span,
.wp-block-custom-html .modal-link span {
    background-color: transparent !important; /* Quita el fondo negro de los span */
}
.footer-column-1 .modal-link:hover,
.widget_custom_html .modal-link:hover,
.wp-block-custom-html .modal-link:hover {
    color: #d3d3d3 !important; /* Gris claro al pasar el ratón, cambia si quieres */
}


/* Personalizar los enlaces en el footer de Astra */
.ast-footer-widget-1 .modal-link {
    text-decoration: none !important; /* Quita el subrayado */
    border-bottom: none !important; /* Quita cualquier borde inferior */
    color: #ffffff !important; /* Blanco, cambia por tu color preferido */
    background-color: transparent !important; /* Quita el fondo negro inline */
}
.ast-footer-widget-1 .modal-link span {
    background-color: transparent !important; /* Quita el fondo negro de los span */
}
.ast-footer-widget-1 .modal-link:hover {
    color: #d3d3d3 !important; /* Gris claro al pasar el ratón */
}
/* ---- Footer legales (versión con <ul>) ---- */
.footer-legales{
  display:flex;
  justify-content:center;   /* centra el nav */
}
.footer-legales .legal-list{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;   /* centra los enlaces */
  gap:.5rem .75rem;
  list-style:none;
  margin:0; 
  padding:0;
}
.footer-legales .legal-list li{
  display:flex;
  align-items:center;
}
.footer-legales .legal-list li+li::before{
  content:"|";
  margin:0 .5rem;
  opacity:.5;
}
.footer-legales a{
  text-decoration:none;
}
.footer-legales a:hover,
.footer-legales a:focus{
  text-decoration:underline;
}
/* ---- Complianz: que "Configurar cookies" se vea como enlace ---- */

/* Complianz: que "Configurar cookies" herede el estilo de los enlaces del footer */
.footer-legales .cmplz-manage-consent,
.ast-footer-widget-1 .cmplz-manage-consent,
.widget_custom_html .cmplz-manage-consent,
.wp-block-custom-html .cmplz-manage-consent{
  display:inline;
  color:inherit !important;          /* <- hereda color exactamente como los demás enlaces */
  background:transparent !important;
  border:none !important;
  padding:0 !important;
  margin:0 !important;
  text-decoration:inherit !important; /* respeta subrayado/no subrayado del resto */
  box-shadow:none !important;
}

/* Hover igual que tus <a> del footer */
.footer-legales .cmplz-manage-consent:hover,
.ast-footer-widget-1 .cmplz-manage-consent:hover,
.widget_custom_html .cmplz-manage-consent:hover,
.wp-block-custom-html .cmplz-manage-consent:hover{
  color:inherit !important;           /* mismo color hover que el resto (si lo defines) */
  text-decoration:underline !important;
}

/* Si el shortcode renderiza un <button>, lo forzamos a parecer un enlace y heredar color */
.footer-legales button.cmplz-manage-consent,
.ast-footer-widget-1 button.cmplz-manage-consent{
  appearance:none;
  background:transparent !important;
  border:none !important;
  padding:0 !important;
  margin:0 !important;
  color:inherit !important;           /* <- hereda */
  text-decoration:inherit !important;
  font:inherit;
  line-height:inherit;
  cursor:pointer;
}
.footer-legales button.cmplz-manage-consent:hover{
  color:inherit !important;           
  text-decoration:underline !important;
}

/* Por si el tema le mete clase de botón (Astra, etc.) */
.footer-legales .cmplz-manage-consent.ast-button,
.ast-footer-widget-1 .cmplz-manage-consent.ast-button{
  background:transparent !important;
  border:none !important;
  padding:0 !important;
  box-shadow:none !important;
}



/* Estilos para los modales */
/* ===== Estilos Generales para los Modales ===== */
.modal {
  display: none; /* Ocultar el modal por defecto */
  position: fixed;
  z-index: 99999; /* Asegura que quede por encima de casi todo */
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* Fondo semitransparente */
  overflow: auto; /* En caso de que el contenido sea grande */
  padding-top: 60px;
}

/* ===== Complianz - Documento de Política de Cookies (estilos locales) ===== */

/* ===== Scope: solo en 3983, 3964 y 3966 ===== */
body:is(.page-id-3983, .page-id-3964, .page-id-3966){

  /* 0) Respiro arriba y abajo (72px) */
  /* Arriba: separa el primer bloque del menú */
  .entry-content > *:first-child { margin-top: 56px; }
  /* Abajo: aire antes del footer */
  /* (si ya añadiste padding-bottom global, puedes omitir esta línea) */
  #content.site-content { padding-bottom: 72px; }

  /* 1) H2 de documentos Complianz como tus H3 */
  .elementor-shortcode .cmplz-document h2{
    font-family: "juana-regular" !important;
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 1.3;
    margin: 1.2em 0 .6em;
  }

  /* 2) Texto en negro dentro de documentos Complianz */
  .elementor-shortcode .cmplz-document,
  .elementor-shortcode .cmplz-document p,
  .elementor-shortcode .cmplz-document li,
  .elementor-shortcode .cmplz-document h2,
  .elementor-shortcode .cmplz-document h3,
  .elementor-shortcode .cmplz-document h4{
    color:#000 !important;
  }

  /* 3) Enlaces en negro (subrayados) */
  .elementor-shortcode .cmplz-document a{
    color:#000 !important;
    text-decoration: underline;
    text-underline-offset: 2px;
  }

  /* 4) Títulos de bloques/acordeones en negro */
  .elementor-shortcode .cmplz-document .cmplz-service-header h3,
  .elementor-shortcode .cmplz-document .cmplz-category-title{
    color:#000 !important;
  }

  /* 5) Iconos/caret del acordeón en negro */
  .elementor-shortcode .cmplz-document .cmplz-icon svg path{
    fill:#000 !important;
  }

  /* 6) Checkboxes negros dentro del documento */
  .elementor-shortcode .cmplz-document .cmplz-banner-checkbox input + label{
    border:1px solid #000 !important;
  }
  .elementor-shortcode .cmplz-document .cmplz-banner-checkbox input:checked + label{
    background:#000 !important;
    border-color:#000 !important;
  }

  /* 7) Summary/bordes de <details> en negro */
  .elementor-shortcode .cmplz-document details.cmplz-dropdown summary{
    border-color:#000 !important;
  }

  /* —— Extra para “Aviso legal” (3983) que no usa cmplz-document —— */
  /* Si el contenido de 3983 no es un doc de Complianz, forzamos negro y jerarquía similar */
  &.page-id-3983 .entry-content,
  &.page-id-3983 .entry-content p,
  &.page-id-3983 .entry-content li{
    color:#000;
  }
  &.page-id-3983 .entry-content h2{
    font-family: "juana-regular";
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 1.3;
    margin: 1.2em 0 .6em;
    color:#000;
  }
  &.page-id-3983 .entry-content a{
    color:#000;
    text-decoration: underline;
    text-underline-offset: 2px;
  }
}
/* ===== /Scope ===== */
/* ===== Botón VOLVER solo en las 3 páginas legales ===== */
body.page-id-3983 .legal-header,
body.page-id-3964 .legal-header,
body.page-id-3966 .legal-header{
  display:flex;
  align-items:center;
  justify-content:space-between;      /* título izq, botón dcha */
  gap:16px;
  margin-bottom:16px;
}

/* Botón estilo enlace con flecha */
.legal-back-btn{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  padding:.55rem .9rem;
  border:1px solid #6a6056;           /* tono acorde al sitio */
  border-radius:999px;
  text-decoration:none;
  font: 500 0.95rem/1.1 var(--e-global-typography-text-font-family, system-ui);
  color:#3a362f;
  background:#fff;
  transition:transform .08s ease, background .2s ease, box-shadow .2s ease;
  box-shadow:0 1px 0 rgba(0,0,0,.04);
}
.legal-back-btn:hover{ background:#f5f3f0; }
.legal-back-btn:active{ transform:translateY(1px); }

/* Flecha (svg) */
.legal-back-btn svg{ width:18px; height:18px; display:block; }

/* En móviles, que el botón baje debajo del título si no cabe */
@media (max-width:600px){
  body.page-id-3983 .legal-header,
  body.page-id-3964 .legal-header,
  body.page-id-3966 .legal-header{
    flex-direction:column;
    align-items:flex-start;
    gap:10px;
  }
}


/* ==== ESTILO PAGINAS LEGALES ===== */

/* Páginas legales: 3983 (aviso), 3964 (cookies), 3966 (privacidad) */
:where(.page-id-3983, .page-id-3964, .page-id-3966) #page{
  min-height: 100vh;    /* estructura sticky */
  display: flex;
  flex-direction: column;
}

:where(.page-id-3983, .page-id-3964, .page-id-3966) .site-footer#colophon{
  margin-top: auto;     /* footer siempre abajo */
}

/* Aire mínimo arriba y abajo (72px) */
:where(.page-id-3983, .page-id-3964, .page-id-3966) .site-content{
  padding-top: 72px;    /* separa del menú superior */
  padding-bottom: 72px; /* separa del footer */
}

/* Por si usas el layout “separate container” de Astra */
:where(.page-id-3983, .page-id-3964, .page-id-3966).ast-separate-container .site-content{
  padding-top: 72px;
  padding-bottom: 72px;
}

/* Páginas maquetadas con Elementor */
:where(.page-id-3983, .page-id-3964, .page-id-3966).ast-page-builder-template .site-content{
  padding-top: 72px;
  padding-bottom: 72px;
}

/* Evitar huecos raros por márgenes del último bloque */
:where(.page-id-3983, .page-id-3964, .page-id-3966) .site-main > *:last-child{
  margin-bottom: 0;
}



/* ===== Estilo para el Contenido del Modal ===== */
.modal .modal-content {
  background-color: #fff;
  margin: 5% auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%; /* Ajustar el ancho del modal */
  max-width: 600px; /* Máximo ancho */
  box-sizing: border-box;
  border-radius: 10px;

  /* Tipografía base del modal */
  font-family: 'Juana-light', cursive !important;
  font-weight: 400 !important;
}

/* ===== Estilo para el Cierre del Modal (X) ===== */
.modal .modal-content .close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
  cursor: pointer;
}

.modal .modal-content .close:hover,
.modal .modal-content .close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

/* ===== Títulos del Modal: Juana-regular ===== */
.modal .modal-content h2,
.modal .modal-content h2.juana-regular {
  font-family: 'Juana-regular', cursive !important;
  font-weight: 400 !important;
  font-size: 24px;
  margin-bottom: 15px;
  text-align: center;
  color: #333;
}

/* ===== Bloque de texto legales ===== */
.modal .modal-content .block-text-legales {
  background-color: #f9f9f9;
  border-radius: 4px;
  padding: 15px 18px;
  margin-top: 10px;
}

/* ===== Texto del Modal: Juana-light en bold ===== */
.modal .modal-content .block-text-legales p,
.modal .modal-content .block-text-legales p.juana-light {
  font-family: 'Juana-light', cursive !important;
  font-weight: 700 !important; /* Forzamos bold */
  font-size: 14px !important;
  line-height: 1.6;
  color: #333;
  margin-bottom: 10px;
  text-align: justify;
}

/* ===== Enlaces dentro de los Modales ===== */
.modal .modal-content a {
  color: #0077cc;
  text-decoration: none;
}

.modal .modal-content a:hover {
  text-decoration: underline;
}


/* ------   Meun principal superior  -------  -----------  -------  */

/* Subrayado custom pegado al texto, 4px más corto por cada lado */
.ast-desktop #ast-hf-menu-1 > li > a.menu-link {
  position: relative;
  display: inline-block;
  line-height: 1.2;
  padding: 0.7rem 1rem 0.35rem; /* controla lo cerca que va la línea del texto */
  text-decoration: none;
}

/* Línea inferior con “márgenes” de 4px a izquierda y derecha */
.ast-desktop #ast-hf-menu-1 > li > a.menu-link::after {
  content: "";
  position: absolute;
  left: 8px;                 /* 4px menos a la izquierda */
  right: 8px;                /* 4px menos a la derecha */
  bottom: -8px;                 /* queda pegada al padding-bottom del <a> */
  height: 1px;               /* grosor de la línea */
  background: currentColor;
  transform: scaleX(0.001);  /* ~0 para animación sin “saltos” */
  transform-origin: center;
  opacity: 0;
  transition: transform .2s ease, opacity .2s ease;
}

/* Mostrar en hover y en el item activo/ancestro */
.ast-desktop #ast-hf-menu-1 > li:hover > a.menu-link::after,
.ast-desktop #ast-hf-menu-1 > li.current-menu-item > a.menu-link::after,
.ast-desktop #ast-hf-menu-1 > li.current-menu-ancestor > a.menu-link::after {
  opacity: 1;
  transform: scaleX(1);
}

/* MENSAJE DE CONFIRMACIOIN DE FORMULARIO DE CONTACTO 7 */
.entry-content p.mssgConfirmacionForm{
font-family: 'Juana-regular', cursive !important;
  font-size: 18px !important;
  background-color: #f7f7f7;    /* Gris muy claro */
  border-radius: 4px;           /* Bordes redondeados */
  padding: 12px 16px;           /* Espaciado interno */
  display: flex;                /* Para alinear icono + texto */
  align-items: center;          /* Centrar verticalmente */
  color: #155724;               /* Verde oscuro para el texto */
}

/* Icono Dashicon (check con círculo) */
/* Insertar SVG como icono */
.entry-content p.mssgConfirmacionForm::before {
  content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 24 24' fill='%2328a745'><circle cx='12' cy='12' r='10' fill='%2328a745'/><path d='M9 12l2 2 4-4' stroke='%23fff' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>");
  display: inline-block;
  margin-right: 10px;
}

/* BOTON DE ENVIO DEL FORMULARIO DE CONTACTO 7 */
/* Botón enviar WPForms */
.wpforms-submit {
    background-color: #FFFFFF00;
    font-size: 16px;
    fill: #2E2D2C;
    color: #2E2D2C;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #2E2D2C;
    border-radius: 4px 4px 4px 4px;
}

/* Hover (cuando pasas el ratón encima) */
.wpforms-submit:hover {
    background: #875F1324/* leve relleno, sin sombra */;
     border-color: #2E2D2C;
     color: #2E2D2C;
     border-width: 2px;
}

/* Eliminar la marca de producto del calendario de  la pagina reservas */
/* Ocultar SOLO el bloque "Powered by Booking Calendar" en la página reservas */
.page-id-2266 div[style*="font-size:7px"][style*="text-align:left"] a[title="Booking Calendar plugin for WordPress"] {
  display: none !important;
}

/* ==============================
    ESTILOS BOOKING CALENDAR 
   ======================== */
   
/* Y de paso, si el div queda vacío tras ocultar el enlace, ocultamos el contenedor */
.page-id-2266 div[style*="font-size:7px"][style*="text-align:left"]:has(a[title="Booking Calendar plugin for WordPress"]) {
  display: none !important;
}

/* cabecera calendario */
.page-id-2266 .datepick-inline .datepick-header span {
  font-size: 18px !important;
}
.page-id-2266 .datepick-inline .datepick-header{
  margin-top:16px !important
}
/* padding para ambos (opcional, como lo tenías) */
.page-id-2266 .datepick-inline .datepick-one-month {
  padding: 8px;
}

/* borde solo en el primero: aplica a todos y quítalo en el último */
.page-id-2266 .datepick-inline .datepick-one-month {
  border-right: 1px solid lightgrey !important;
}
.page-id-2266 .datepick-inline .datepick-one-month:last-child,
.page-id-2266 .datepick-inline .datepick-one-month:last-of-type {
  border-right: none !important;
}

/* ---------- Etiqueta de sección antes de servicios extra ---------- */
.page-id-2266 .booking_form_div .wpbc_booking_form_simple .wpbc__form__div .wpbc__row:nth-of-type(6)::before {
  content: "Servicios extra";
  display: block;
  width: 100%;
  margin: 36px 0 10px; /* +16px de separación adicional respecto a lo anterior */
  font-size: 16px;
  font-weight: bold;
  color: #333;
}

/* textos de los labels en negro (genérico) */
.page-id-2266 .wpbc_booking_form_simple .wpbc__form__div label {
  color: #333 !important;
}

/* === BOTÓN CTA Booking Calendar (página de reservas) === */
.page-id-2266 .wpbc_button_light{
  appearance: none;
  display: block;
  margin: 24px auto !important;   /* centrado + espacio */
  min-width: 280px !important;
  padding: 14px 28px !important;
  line-height: 0 !important;

  background: #6c6155 !important; /* marrón corporativo */
  color: #fff !important;
  border: none !important;
  border-radius: 4px !important;

  font-weight: 700 !important;
  font-size: 18px !important;
  line-height: 1.2;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;

  box-shadow: none !important;
  transition: background .2s ease, box-shadow .2s ease, transform .02s ease;
}
.page-id-2266 .wpbc_button_light:hover{
  background: #8a7c6d !important;
  box-shadow: 0 6px 18px rgba(0,0,0,.18);
  transform: translateY(-1px);
}
.page-id-2266 .wpbc_button_light:active{
  transform: translateY(0);
  box-shadow: none;
}
.page-id-2266 .wpbc_button_light:focus-visible{
  outline: 2px solid #8a7c6d !important;
  outline-offset: 2px;
}
/* Estado deshabilitado (por si el plugin lo usa) */
.page-id-2266 .wpbc_button_light[disabled],
.page-id-2266 .wpbc_button_light:disabled{
  opacity: .6;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}

/* =========================================================
   BLOQUE VISUAL PARA LA SECCIÓN "SERVICIOS EXTRA" (filas 6–8)
   ========================================================= */

/* Fondo suave y borde para las filas de extras */
.page-id-2266 .wpbc_booking_form_simple .wpbc__form__div .wpbc__row:nth-of-type(6),
.page-id-2266 .wpbc_booking_form_simple .wpbc__form__div .wpbc__row:nth-of-type(7),
.page-id-2266 .wpbc_booking_form_simple .wpbc__form__div .wpbc__row:nth-of-type(8){
  background: #f7f5f2;              /* tono suave que combina con el marrón corporativo */
  border: 1px solid #e6e1db;
  padding: 12px 14px;
  margin: 0;                        /* unimos visualmente las filas */
}

/* Redondeo superior solo en la primera fila de extras */
.page-id-2266 .wpbc_booking_form_simple .wpbc__form__div .wpbc__row:nth-of-type(6){
  border-radius: 12px 12px 0 0;
}

/* Quita el borde superior en las filas intermedias para que parezca un bloque único */
.page-id-2266 .wpbc_booking_form_simple .wpbc__form__div .wpbc__row:nth-of-type(7),
.page-id-2266 .wpbc_booking_form_simple .wpbc__form__div .wpbc__row:nth-of-type(8){
  border-top: 0;
}

/* Redondeo inferior solo en la última fila de extras */
.page-id-2266 .wpbc_booking_form_simple .wpbc__form__div .wpbc__row:nth-of-type(8){
  border-radius: 0 0 12px 12px;
  margin-bottom: 16px; /* respiro antes del bloque de checkboxes */
}

/* Ajustes finos dentro de cada fila de extras */
.page-id-2266 .wpbc_booking_form_simple .wpbc__form__div .wpbc__row:nth-of-type(6) .wpbc__field,
.page-id-2266 .wpbc_booking_form_simple .wpbc__form__div .wpbc__row:nth-of-type(7) .wpbc__field,
.page-id-2266 .wpbc_booking_form_simple .wpbc__form__div .wpbc__row:nth-of-type(8) .wpbc__field{
  padding: 4px 6px; /* separa un poco cada columna dentro de la fila */
}

/* En móviles, que cada opción ocupe ancho completo para mejor legibilidad */
@media (max-width: 640px){
  .page-id-2266 .wpbc_booking_form_simple .wpbc__form__div .wpbc__row:nth-of-type(6) .wpbc__field,
  .page-id-2266 .wpbc_booking_form_simple .wpbc__form__div .wpbc__row:nth-of-type(7) .wpbc__field,
  .page-id-2266 .wpbc_booking_form_simple .wpbc__form__div .wpbc__row:nth-of-type(8) .wpbc__field{
    display: block;
    width: 100%;
  }
}

/* (Opcional) sutil realce al pasar el ratón */
.page-id-2266 .wpbc_booking_form_simple .wpbc__form__div .wpbc__row:nth-of-type(6):hover,
.page-id-2266 .wpbc_booking_form_simple .wpbc__form__div .wpbc__row:nth-of-type(7):hover,
.page-id-2266 .wpbc_booking_form_simple .wpbc__form__div .wpbc__row:nth-of-type(8):hover{
  background: #f4f1ed;
}

/* =========================================================
   CHECKBOXES LEGALES: UNO BAJO EL OTRO, FULL WIDTH, TIPOGRAFÍA
   ========================================================= */

/* Los 2 campos ocupan el 100% y se apilan */
.page-id-2266 .wpbc_booking_form_simple .wpbc__form__div .wpbc_r_chk_condiciones,
.page-id-2266 .wpbc_booking_form_simple .wpbc__form__div .wpbc_r_chk_privacidad{
  display: block !important;
  width: 100% !important;
  flex: 0 0 100% !important; /* por si el contenedor usa flex */
  margin: 6px 0 !important;
}

/* Label sin negrita y un poco más pequeño */
.page-id-2266 .wpbc_booking_form_simple .wpbc__form__div .wpbc_r_chk_condiciones label,
.page-id-2266 .wpbc_booking_form_simple .wpbc__form__div .wpbc_r_chk_privacidad label{
  font-weight: 400 !important;    /* quita bold */
  font-size: 14px !important;     /* un poco más pequeño */
  line-height: 1.4 !important;
  display: flex;
  align-items: flex-start;
  gap: .4em;
}

/* Ajuste del checkbox (alineación con el texto) */
.page-id-2266 .wpbc_booking_form_simple .wpbc__form__div .wpbc_r_chk_condiciones input[type="checkbox"],
.page-id-2266 .wpbc_booking_form_simple .wpbc__form__div .wpbc_r_chk_privacidad input[type="checkbox"]{
  margin-top: .2em !important;
}




/*=========================
    WHATSAPP FLOTANTE 
   ======================== */
/* WHATSAPP FLOTANTE - SOLO EN LA PÁGINA DE RESERVAS */
/* WhatsApp FAB – hover con texto negro */
.te-whatsapp-fab:hover,
.te-whatsapp-fab:focus-visible,
.te-whatsapp-fab:active {
  color: #000 !important;          /* texto negro */
  background: #25D366 !important;  /* mantiene el verde (cámbialo si quieres) */
  filter: none !important;         /* anula el brillo que amarilleaba el texto */
  text-decoration: none !important;
}
/*==============================================================
  Estilo del bloque de confirmación (solo page-id-2266)
==============================================================*/
/* Oculta el mensaje original del plugin en esta página */
.page-id-2266 .wpbc_ty__message.rur-hide-original{ display:none !important; }

/* Caja custom */
.page-id-2266 .rur-thanks-box{
  border:1px solid #e6e6e6; border-radius:12px; padding:18px 20px; margin:16px 0 24px;
  background:#fff; box-shadow:0 1px 6px rgba(0,0,0,.06);
  font-size:16px; line-height:1.5;
}

/* Header con icono */
.page-id-2266 .rur-thanks-head{ display:flex; align-items:center; gap:10px; margin-bottom:6px; }
.page-id-2266 .rur-thanks-icon{ display:inline-flex; color:#16a34a; } /* verde check */
.page-id-2266 .rur-thanks-title{ font-weight:700; font-size:20px; }

/* Lista */
.page-id-2266 .rur-thanks-list{ margin:8px 0 14px 18px; }

/* Enlaces dentro del bloque: azul típico link (y subrayado) */
.page-id-2266 .rur-thanks-box a[href^="mailto:"],
.page-id-2266 .rur-thanks-box a:not(.rur-thanks-back){
  color:#1a73e8 !important; /* azul tipo link */
  text-decoration:underline;
}
.page-id-2266 .rur-thanks-box a[href^="mailto:"]:hover,
.page-id-2266 .rur-thanks-box a:not(.rur-thanks-back):hover{
  filter:brightness(0.9);
}

/* Botón: texto negro, fondo claro, sin amarillo del tema */
.page-id-2266 .rur-thanks-back{
  display:inline-block; padding:10px 14px; border-radius:10px; text-decoration:none;
  background:#f3f4f6; color:#000 !important; border:1px solid #e5e7eb;
  transition:transform .05s ease-in, background .15s ease-in-out, border-color .15s ease-in-out;
}
.page-id-2266 .rur-thanks-back:hover{ background:#e5e7eb; border-color:#d1d5db; }
.page-id-2266 .rur-thanks-back:active{ transform:scale(.98); }

/* Por si el tema fuerza amarillo a todos los <a> dentro del contenedor del plugin */
.page-id-2266 .wpbc_after_booking_thank_you_section a{
  color:inherit;
}



/* ============================
    WOOCOMMERCE PAGES STYLES 
   ============================ */

/* TITULOS PRINCIPALES EN PÁGINAS WOO */
body.te-woocommerce h1,
body.te-woocommerce .entry-title,
body.te-woocommerce .page-title,
body.te-woocommerce .woocommerce-products-header__title.page-title,
body.te-woocommerce .wc-block-cart__title,
body.te-woocommerce .wc-block-checkout__title {
  font-family: 'Juana-bold', cursive !important; /* o 'Juana', serif + font-weight:700 */
  font-weight: 700 !important;
  letter-spacing: .2px;
  line-height: 1.15;
  color:#65390F !important; /* color de marca */
}

/* "DETALLES DEL PEDIDO" Y TÍTULOS DE SECCIONES EN DMSANS */
body.te-woocommerce .woocommerce-order-details__title,
body.te-woocommerce .woocommerce-column__title,            /* p.ej. Dirección de facturación/envío */
body.te-woocommerce .woocommerce-customer-details h2,      /* secciones de cliente */
body.te-woocommerce .wc-block-order-confirmation__section-title { /* checkout bloques */
  font-family: "DMSans", sans-serif !important;
  font-weight: 700 !important;
}

/* TEXTO EN NEGRO EN PÁGINAS DE PEDIDO (GRACIAS / DETALLE) */
body.te-woocommerce.woocommerce-order-received .woocommerce-order,
body.te-woocommerce.woocommerce-view-order .woocommerce-order,
body.te-woocommerce .woocommerce-order-overview,
body.te-woocommerce .woocommerce-thankyou-order-details,
body.te-woocommerce .woocommerce-customer-details,
body.te-woocommerce .woocommerce-order-details,
body.te-woocommerce .woocommerce-table--order-details {
  color: #000 !important;
}
/* Fuerza negro dentro de bloques típicos del pedido */
body.te-woocommerce.woocommerce-order-received .woocommerce-order h2,
body.te-woocommerce.woocommerce-order-received .woocommerce-order h3,
body.te-woocommerce.woocommerce-order-received .woocommerce-order h4,
body.te-woocommerce.woocommerce-order-received .woocommerce-order p,
body.te-woocommerce.woocommerce-order-received .woocommerce-order li,
body.te-woocommerce.woocommerce-order-received .woocommerce-order dt,
body.te-woocommerce.woocommerce-order-received .woocommerce-order dd,
body.te-woocommerce.woocommerce-order-received .woocommerce-order th,
body.te-woocommerce.woocommerce-order-received .woocommerce-order td,
body.te-woocommerce.woocommerce-order-received .woocommerce-order strong,
body.te-woocommerce.woocommerce-order-received .woocommerce-order span,
body.te-woocommerce.woocommerce-order-received .woocommerce-order a,
body.te-woocommerce .woocommerce-order-details h2,
body.te-woocommerce .woocommerce-order-details h3,
body.te-woocommerce .woocommerce-order-details h4,
body.te-woocommerce .woocommerce-order-details p,
body.te-woocommerce .woocommerce-order-details th,
body.te-woocommerce .woocommerce-order-details td {
  color: #000 !important;
}

/* AVISOS INFO (WOO CLÁSICO) */
body.te-woocommerce .woocommerce .woocommerce-notices-wrapper .woocommerce-info,
body.te-woocommerce.woocommerce-page .woocommerce-info,
body.te-woocommerce .woocommerce-info {
  border-top-color: #2e2d2c !important;
  border-left-color: #2e2d2c !important;
  border-color: #2e2d2c !important;
}
body.te-woocommerce .woocommerce-info::before { color: #2e2d2c !important; }
body.te-woocommerce .woocommerce-info a { color: #2e2d2c !important; }
body.te-woocommerce .woocommerce-info a:hover { color: #6c6155 !important; }

/* AVISOS (CART/CHECKOUT BLOQUES) */
body.te-woocommerce .wc-block-components-notice-banner.is-info {
  border-left: 4px solid #2e2d2c !important;
}
body.te-woocommerce .wc-block-components-notice-banner.is-info svg {
  fill: #2e2d2c !important; color: #2e2d2c !important;
}

/* BOTONES WOO → COLOR MARCA + NEGRITA */
body.te-woocommerce .woocommerce a.button,
body.te-woocommerce .woocommerce button.button,
body.te-woocommerce .woocommerce input.button,
body.te-woocommerce .wp-element-button,
body.te-woocommerce .button,
body.te-woocommerce .button.wc-forward,     /* “Volver a la tienda” clásico */
body.te-woocommerce .return-to-shop a.button {
  background: #6c6155 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 4px !important;
  font-weight: 700 !important;
  padding: 16px 32px !important;
  box-shadow: none !important;
  font-size: 16px;
}
body.te-woocommerce .woocommerce a.button:hover,
body.te-woocommerce .woocommerce button.button:hover,
body.te-woocommerce .woocommerce input.button:hover,
body.te-woocommerce .wp-element-button:hover,
body.te-woocommerce .button:hover,
body.te-woocommerce .button.wc-forward:hover,
body.te-woocommerce .return-to-shop a.button:hover {
  background: #8a7c6d !important;
  color: #fff !important;
}
/* Accesibilidad: foco visible */
body.te-woocommerce .woocommerce a.button:focus-visible,
body.te-woocommerce .woocommerce button.button:focus-visible,
body.te-woocommerce .wp-element-button:focus-visible,
body.te-woocommerce .button:focus-visible {
  outline: 2px solid #8a7c6d !important;
  outline-offset: 2px;
}

/* OCULTAR CABECERA SOLO EN CARRITO / CHECKOUT / GRACIAS */
body.te-woocommerce.woocommerce-cart .site-primary-header-wrap.ast-builder-grid-row-container.site-header-focus-item.ast-container,
body.te-woocommerce.woocommerce-checkout .site-primary-header-wrap.ast-builder-grid-row-container.site-header-focus-item.ast-container,
body.te-woocommerce.woocommerce-order-received .site-primary-header-wrap.ast-builder-grid-row-container.site-header-focus-item.ast-container {
  display: none !important;
}
/* Separación del header en esas vistas */
body.te-woocommerce.woocommerce-cart .ast-primary-header-bar.ast-primary-header.main-header-bar.site-header-focus-item,
body.te-woocommerce.woocommerce-checkout .ast-primary-header-bar.ast-primary-header.main-header-bar.site-header-focus-item,
body.te-woocommerce.woocommerce-order-received .ast-primary-header-bar.ast-primary-header.main-header-bar.site-header-focus-item {
  margin-top: 40px !important;
}
body.te-woocommerce #content,
body.te-woocommerce .site-content {
  margin-top: 16px;
}

/* QUITAR SUBTOTAL (carrito/checkout clásico y bloques) */
body.te-woocommerce .shop_table tfoot tr.cart-subtotal { display: none !important; }
body.te-woocommerce.woocommerce-checkout .shop_table tfoot tr.cart-subtotal { display: none !important; }
body.te-woocommerce .wc-block-components-totals-item.wc-block-components-totals-item--subtotal { display: none !important; }
body.te-woocommerce .cart-subtotal,
body.te-woocommerce [data-title="Subtotal"] { display: none !important; }

/* BOTÓN “VOLVER A TÉ DE ROCA” (gracias): respirito */
body.te-woocommerce.woocommerce-order-received .woocommerce-order .button.wc-forward {
  margin-top: 12px;
}

/* ======== Pagar reserva (/order-pay) ======== */

/* ===== Ajustes /order-pay ===== */

/* 1) CTA: texto BLANCO + márgenes */
#place_order,
.place-order .button,
.woocommerce button#place_order,
.woocommerce .place-order .button {
  color:#fff !important;
  margin:24px 0 !important; /* respiro arriba/abajo */
}

/* 2) “política de privacidad”: gris + subrayado */
.woocommerce-privacy-policy-link {
  color:#6b7280 !important;              /* gris */
  text-decoration: underline !important; /* subrayado */
}
.woocommerce-privacy-policy-link:hover { color:#4b5563 !important; }

/* 3) Mantener estructura al ocultar “Cantidad”
      (ocultamos solo el TH, no la columna) */
#order_review table.shop_table thead th.product-quantity {
  visibility: hidden !important; /* mantiene el ancho de la columna */
}

/* Totales bien a la derecha y con “margen” (padding-left) */
#order_review table.shop_table thead th.product-total,
#order_review table.shop_table td.product-total,
#order_review table.shop_table tfoot td {
  text-align: right !important;
  padding-left: 16px !important;
}

/* 4) Quitar la raya bajo el H1 */
.entry-header .entry-title { border-bottom: none !important; }
.entry-header .entry-title:after { display:none !important; }

/* (por si no lo tenías) textos/tabla en negro */
.woocommerce #order_review,
.woocommerce #order_review * { color:#000 !important; }

/* Aviso de error Woo — marrón en el borde, icono gris */
.woocommerce .woocommerce-notices-wrapper ul.woocommerce-error,
.woocommerce-page .woocommerce-notices-wrapper ul.woocommerce-error,
.entry-content .woocommerce ul.woocommerce-error,
.woocommerce ul.woocommerce-error {
  border-top-color: #6c6155 !important;   /* marrón */
  border-left-color: #6c6155 !important;   /* por si el tema usa borde izquierdo */
}

.woocommerce .woocommerce-notices-wrapper ul.woocommerce-error::before,
.entry-content .woocommerce ul.woocommerce-error::before,
.woocommerce ul.woocommerce-error::before {
  color: #6b7280 !important;               /* icono gris */
}


/* FIN WOOCOMMERCE PAGES STYLES */