/* Yesham Hayat - tipografía de marca y barra superior (05/11/2026)
   Para volver a como estaba: restaurar /home/yeshamhayat/respaldos/index.php.original-2026-11-05 */
@font-face{font-family:"YH Texto";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/playpen-sans-400.woff2) format("woff2")}
@font-face{font-family:"YH Texto";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/playpen-sans-600.woff2) format("woff2")}
@font-face{font-family:"YH Titulos";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/courgette-400.woff2) format("woff2")}

:root{--yh-texto:"YH Texto",Arial,Helvetica,sans-serif;--yh-titulo:"YH Titulos",Georgia,serif;--default-font-family:var(--yh-texto);--yh-verde:#037b3f;--yh-verde-osc:#00542a;--yh-crema:#faf8f2}

/* Texto general -> letra redonda estilo Finlay */
body,.font-sans,button,input,select,textarea,.admin-brand small{font-family:var(--yh-texto)}

/* Títulos */
h1,h2,h3,.brand b,.photo-label b,.values-strip,.admin-brand span,
.admin-dialog [data-slot=dialog-title],.service-dialog [data-slot=dialog-title]{font-family:var(--yh-titulo);letter-spacing:0}

/* Números del panel: se mantienen legibles */
.stats-grid b{font-family:var(--yh-texto);font-weight:600}

/* ---------- Barra superior fija ---------- */
html{scroll-padding-top:90px}
.site-header{position:sticky;top:0;z-index:50;background:var(--yh-crema);box-shadow:0 0 0 100vmax var(--yh-crema);clip-path:inset(0 -100vmax -30px);
  transition:height .35s ease,box-shadow .35s ease,border-color .35s ease}
.site-header .brand img,.site-header .brand b,.site-header .brand small{transition:all .35s ease}
.site-header.yh-scrolled{height:68px;border-bottom-color:transparent;
  box-shadow:0 0 0 100vmax var(--yh-crema),0 8px 18px -12px rgba(0,84,42,.35)}
.site-header.yh-scrolled .brand img{width:44px;height:44px}
.site-header.yh-scrolled .brand b{font-size:1.15rem}
.site-header.yh-scrolled .brand small{font-size:9px;opacity:.75}
.site-header .nav.open{top:100%}

/* Enlaces del menú: subrayado verde que crece y cambio de color */
.site-header .nav a:not(.btn){position:relative;padding:6px 2px;transition:color .25s ease}
.site-header .nav a:not(.btn)::after{content:"";position:absolute;left:50%;right:50%;bottom:0;height:2px;border-radius:2px;background:var(--yh-verde);transition:left .3s ease,right .3s ease}
.site-header .nav a:not(.btn):hover,.site-header .nav a:not(.btn):focus-visible{color:var(--yh-verde)}
.site-header .nav a:not(.btn):hover::after,.site-header .nav a:not(.btn):focus-visible::after{left:0;right:0}

/* Botón Reservar cita */
.site-header .nav .btn.primary{transition:background .25s ease,transform .25s ease,box-shadow .25s ease}
.site-header .nav .btn.primary:hover,.site-header .nav .btn.primary:focus-visible{background:var(--yh-verde);transform:translateY(-2px);box-shadow:0 8px 18px -8px rgba(3,123,63,.7)}

/* Entrada al cargar la página */
@keyframes yhBajar{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}
@keyframes yhLatido{0%{box-shadow:0 0 0 0 rgba(3,123,63,.55)}70%{box-shadow:0 0 0 14px rgba(3,123,63,0)}100%{box-shadow:0 0 0 0 rgba(3,123,63,0)}}
.site-header .brand{animation:yhBajar .6s ease both}
.site-header .nav>a{animation:yhBajar .6s ease both}
.site-header .nav>a:nth-child(1){animation-delay:.10s}
.site-header .nav>a:nth-child(2){animation-delay:.18s}
.site-header .nav>a:nth-child(3){animation-delay:.26s}
.site-header .nav>a:nth-child(4){animation-delay:.34s}
.site-header .nav>a.btn.primary{animation:yhBajar .6s ease .42s both,yhLatido 1.8s ease 1.1s 2}

@media (prefers-reduced-motion:reduce){
  .site-header,.site-header *{animation:none!important;transition:none!important}
}
@media (width<=650px){
  html{scroll-padding-top:75px}
  .site-header{clip-path:none;box-shadow:none}
  .site-header.yh-scrolled{height:62px;box-shadow:0 8px 18px -12px rgba(0,84,42,.35)}
  .site-header.yh-scrolled .brand img{width:38px;height:38px}
  .site-header .nav.open>a{animation:none}
}

/* ---------- Botones unificados con los colores de la marca ---------- */
:root{--primary:#037b3f;--ring:#037b3f}
.btn,.catalog-filters button,.time-grid button,.yh-shop-cats a,.yh-others a,.text-link,.yh-admin-link{transition:background-color .25s ease,color .25s ease,border-color .25s ease,transform .25s ease,box-shadow .25s ease}

/* Principal: verde de la marca, al pasar se oscurece y se eleva */
.btn.primary,.site-header .nav .btn.primary,.yh-admin-link{background:var(--yh-verde);border:1px solid var(--yh-verde);color:#fff}
.btn.primary:hover,.btn.primary:focus-visible,.site-header .nav .btn.primary:hover,.site-header .nav .btn.primary:focus-visible,.yh-admin-link:hover{background:var(--yh-verde-osc);border-color:var(--yh-verde-osc);transform:translateY(-2px);box-shadow:0 8px 18px -8px rgba(0,84,42,.6)}

/* Secundario: borde verde, al pasar se rellena de verde */
.btn.outline{background:transparent;border:1px solid var(--yh-verde);color:var(--yh-verde-osc)}
.btn.outline:hover,.btn.outline:focus-visible{background:var(--yh-verde);color:#fff;transform:translateY(-2px);box-shadow:0 8px 18px -8px rgba(0,84,42,.5)}

/* Filtros, categorías y horarios: borde suave, al pasar verde claro, elegido verde de la marca */
.catalog-filters button,.yh-shop-cats a,.time-grid button{border-color:#cfe0d4;color:var(--yh-verde-osc)}
.catalog-filters button:hover,.yh-shop-cats a:hover,.time-grid button:hover{border-color:var(--yh-verde);background:#e8f3ec}
.catalog-filters button[aria-pressed=true],.time-grid button.selected,.step-circle.done{background:var(--yh-verde);border-color:var(--yh-verde);color:#fff}

/* Enlaces de texto y tarjetas */
.text-link:hover,.yh-others a:hover,.yh-seo-links a:hover,.yh-crumbs a:hover{color:var(--yh-verde)}
.yh-others a:hover{border-color:var(--yh-verde)}
.catalog-open:hover{background:#eef6f0}
.catalog-open:focus-visible,.catalog-filters button:focus-visible,.catalog-more button:focus-visible,.btn:focus-visible{outline-color:var(--yh-verde)}

/* WhatsApp: siempre con el verde y el ícono oficial de WhatsApp */
.floating-whatsapp,a.btn[href*="wa.me"]{background:#25d366;border-color:#25d366;color:#073d26}
a.btn[href*="wa.me"]:hover,a.btn[href*="wa.me"]:focus-visible{background:#1ebe5b;border-color:#1ebe5b;color:#073d26;box-shadow:0 8px 18px -8px rgba(18,140,126,.6)}
.floating-whatsapp{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M17.472%2014.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94%201.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198%200-.52.074-.792.372-.272.297-1.04%201.016-1.04%202.479%200%201.462%201.065%202.875%201.213%203.074.149.198%202.096%203.2%205.077%204.487.709.306%201.262.489%201.694.625.712.227%201.36.195%201.871.118.571-.085%201.758-.719%202.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421%207.403h-.004a9.87%209.87%200%2001-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86%209.86%200%2001-1.51-5.26c.001-5.45%204.436-9.884%209.888-9.884%202.64%200%205.122%201.03%206.988%202.898a9.825%209.825%200%20012.893%206.994c-.003%205.45-4.437%209.884-9.885%209.884m8.413-18.297A11.815%2011.815%200%200012.05%200C5.495%200%20.16%205.335.157%2011.892c0%202.096.547%204.142%201.588%205.945L.057%2024l6.305-1.654a11.882%2011.882%200%20005.683%201.448h.005c6.554%200%2011.89-5.335%2011.893-11.893a11.821%2011.821%200%2000-3.48-8.413Z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center;background-size:30px;transition:transform .25s ease,box-shadow .25s ease}
.floating-whatsapp svg{visibility:hidden}
.floating-whatsapp:hover,.floating-whatsapp:focus-visible{background-color:#1ebe5b;transform:scale(1.08);box-shadow:0 8px 24px rgba(18,140,126,.45)}

/* Filtros de terapias: mismo tamaño que los demás botones */
.catalog-filters button{min-height:51px;padding:15px 24px;font-size:14px;font-weight:600;line-height:1.35}
@media (width<=650px){.catalog-filters button{min-height:0;padding:10px 15px;font-size:12px}}

/* Efecto premio en TODOS los botones: al pasar el mouse sube y aparece una sombra debajo */
.catalog-filters button,.time-grid button,.yh-shop-cats a,.yh-others a,.catalog-more button{transition:background-color .25s ease,color .25s ease,border-color .25s ease,transform .25s ease,box-shadow .25s ease}
.catalog-filters button:hover,.catalog-filters button:focus-visible,.time-grid button:hover,.yh-shop-cats a:hover,.yh-others a:hover,.catalog-more button:hover{transform:translateY(-2px);box-shadow:0 8px 18px -8px rgba(0,84,42,.5)}
.catalog-filters button[aria-pressed=true]:hover,.time-grid button.selected:hover{background:var(--yh-verde-osc);border-color:var(--yh-verde-osc);color:#fff;box-shadow:0 8px 18px -8px rgba(0,84,42,.6)}
.btn:active,.catalog-filters button:active,.time-grid button:active,.yh-shop-cats a:active{transform:translateY(0);box-shadow:0 3px 8px -4px rgba(0,84,42,.5)}
@media (prefers-reduced-motion:reduce){.btn,.catalog-filters button,.time-grid button,.yh-shop-cats a,.yh-others a{transition:none!important;transform:none!important}}

/* Barra fija delgada: el fondo crema llega solo hasta el borde de la barra (mismo espacio arriba y abajo del boton) */
.public-site{overflow-x:clip}
.site-header,.site-header.yh-scrolled{background:transparent;box-shadow:none;clip-path:none}
.site-header::before{content:"";position:absolute;top:0;bottom:0;left:-100vmax;right:-100vmax;z-index:-1;background:var(--yh-crema);pointer-events:none;transition:box-shadow .35s ease}
.site-header.yh-scrolled::before{box-shadow:0 6px 12px -10px rgba(0,84,42,.45)}

/* Nombre de la marca en el encabezado: vuelve a su letra original */
.brand b{font-family:Georgia,serif;font-weight:500}

/* Crédito Brains Out en la línea final del pie de página */
.footer-bottom{flex-wrap:wrap;gap:8px 20px;align-items:center}
.footer-bottom .yh-credit{font-weight:600;color:var(--yh-verde,#037b3f);text-decoration:underline;text-underline-offset:3px}
.footer-bottom .yh-credit:hover,.footer-bottom .yh-credit:focus-visible{color:var(--yh-verde-osc,#00542a)}

/* Enlaces para buscadores (terapias y productos): discretos, en una linea al final */
.yh-seo-links{background:transparent;border-top:0;padding:4px 0;font-size:12px;line-height:1.5;color:#7a857e}
.yh-seo-links .shell{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px}
.yh-seo-links b{display:inline;margin:0;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:none;color:#7a857e}
.yh-seo-links b::after{content:":"}
.yh-seo-links ul{display:inline-flex;flex-wrap:wrap;gap:2px 10px}
.yh-seo-links a{color:#7a857e;text-decoration:none}
.yh-seo-links a:hover,.yh-seo-links a:focus-visible{color:var(--yh-verde,#037b3f);text-decoration:underline}
.yh-seo-links+.yh-seo-links{padding-top:0}
.yh-seo-links:last-of-type{padding-bottom:14px}