/* ALEILA Psicología · identidad aprobada en gama 3 · 22 oct 2026.
   Actualización VISUAL: preserva navegación, lógica de citas, roles y datos demo. */
:root{
  --ink:#284749; --brown:#42656A; --clay:#B8D0D2; --olive:#42656A;
  --pale:#F4F1E9; --cream:#F4F1E9; --soft:#B8D0D2;
  --white:#FFFEFA; --line:#D7E2E0; --muted:#607778; --hint:#839B9B;
  --shadow:0 19px 50px #42656A16; --admin-accent:#42656A;
  --nav-background:#F4F1E9;
}
html{scroll-behavior:smooth}
body{background:#F4F1E9;color:var(--ink)}
.nav{background:#F4F1E9F5;border-bottom:1px solid #D7E2E0}
.nav-links a:hover,.quiet-link,.person-actions button{color:#42656A}
.demo-strip{background:#E5EFEF;color:#284749}.demo-strip strong{color:#284749}
/* Logotipo Presencia: MISMAS figuras, proporciones y letras del aprobado;
   únicamente sus pigmentos se ajustaron a la gama 3. */
.nav .brand-official{display:flex!important;flex:0 0 auto;align-items:center!important;justify-content:flex-start!important;max-width:222px!important;min-width:0!important;height:auto!important;padding:0!important;border:0;background:transparent}
.aleila-approved-logo{display:block;width:218px;max-width:100%;height:auto;aspect-ratio:968/297;object-fit:contain}
.footer .brand-official{display:inline-flex!important;align-items:center;justify-content:center!important;flex:0 0 auto;max-width:235px!important;background:#F4F1E9!important;border-radius:3px!important;padding:5px 7px!important}
.footer .aleila-approved-logo{width:218px;height:auto;max-width:100%;object-fit:contain}
.aleila-wordmark{color:#42656A}
.btn,.btn.small{background:#42656A;border-color:#42656A;color:#FFF}
.btn:hover{background:#345559;filter:none}
.btn.outline{background:transparent;color:#42656A;border-color:#42656A}
.btn.inverse{background:#FFFEFA;color:#42656A;border-color:#FFFEFA}
.eyebrow,.tag,.section-intro .tag{color:#42656A}
.tag:before{background:#B8D0D2}
.hero{background:#F4F1E9}
.hero h1 em,.essence h2 em{color:#42656A}
.hero-visual{background:#B8D0D2}
.hero-visual img{filter:saturate(.77) sepia(.07)}
.manifesto{background:#E5EEEE}
.manifesto h3{color:#42656A}
.manifesto h3 em{color:#52777C}
.stages,.booking{background:#E9F1F0}
.stage-image{background:linear-gradient(135deg,#B8D0D2,#F4F1E9)}
.stage-tabs button.active,.filter-group button.active,.calendar-grid button.selected,.time-grid button.selected,.time-slot.selected,.calendar-day.selected{background:#42656A;color:#FFF;border-color:#42656A}
.notice{background:#F4F1E9;border-color:#B8D0D2;color:#42656A}
.person-image{background:linear-gradient(145deg,#DFECEA,#F4F1E9)}
.person-tags span{background:#E6EFEF;color:#42656A}
.selection{background:#EDF3F1;border-color:#B8D0D2;color:#42656A}
.alia-reservation-dialog,.booking-card,.admin-panel{border-color:#D7E2E0}
.alia-features{background:#F4F1E9}
.alia-card{border-color:#D7E2E0}
.end-cta{background:#42656A}
.end-cta p,.end-cta .tag{color:#F4F1E9}
.footer{background:#31555A;color:#F4F1E9}
.footer a,.footer .footer-quote{color:#F4F1E9}
.aleila-rebrand-note{color:#607778}
@media(max-width:700px){
  .nav .brand-official{max-width:136px!important}
  .nav .aleila-approved-logo{width:132px;max-width:132px;height:auto!important}
  .footer .brand-official{max-width:215px!important}
  .footer .aleila-approved-logo{width:201px;height:auto!important}
}
@media(max-width:380px){
  .nav .brand-official{max-width:113px!important}
  .nav .aleila-approved-logo{width:113px;max-width:113px}
}