/* Etrusca Biz · V10 — decisiones visuales aprobadas el 10 de octubre de 2026 */

/* HERO: recuperar el anterior, sin etiqueta superior, sin rosa y sin flecha decorativa. */
.hero-copy .hero-lead{font-size:17px;max-width:540px;line-height:1.7}
.hero-actions{gap:12px}
.hero-actions .btn--outline{background:transparent}
.hero-note{margin-top:27px}
.hero .float-note,.hero .hero-squiggle{display:none!important}

/* ETAPAS + PILARES: mantener exactamente la distribución elegida. */
.stages-section .stages-action{margin-top:35px}
.services-v9{isolation:isolate}

/* CONÓCENOS: ocupa una pantalla, video inequívocamente clicable. */
.experience-v10{
  display:flex;
  align-items:center;
  min-height:100svh;
  padding-block:clamp(68px,6vw,105px);
  background:linear-gradient(115deg,#f6eee2,#faf4eb 66%,#f2e9de);
}
.experience-v10 .experience-layout{width:100%;align-items:center}
.experience-v10 .experience-visual{min-height:clamp(585px,72vh,730px)}
.experience-v10 .experience-video-frame{width:min(330px,65%);isolation:isolate}
.experience-v10 .experience-copy h2{max-width:620px}
.experience-v10 .experience-copy>p:not(.eyebrow){max-width:580px}
.experience-v10 .experience-written{display:none!important}
.experience-v10 .experience-photo--one{top:13%}
.experience-v10 .experience-photo--two{bottom:12%}
.video-play-overlay{
  position:absolute;inset:8px;z-index:5;
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;background:linear-gradient(180deg,rgba(14,12,10,.02),rgba(14,12,10,.16));
  color:#fff;border:0;border-radius:18px;padding:0;
  transition:background .25s;
}
.video-play-overlay:hover{background:linear-gradient(180deg,rgba(14,12,10,.05),rgba(14,12,10,.31))}
.video-play-overlay[hidden]{display:none!important}
.video-play-overlay:focus-visible{outline:3px solid #e8be75;outline-offset:5px}
.video-play-ring{
  display:grid;place-items:center;
  width:84px;height:84px;border-radius:50%;
  background:rgba(255,250,240,.96);color:#201c1a;
  border:1px solid #fff;
  box-shadow:0 0 0 13px rgba(255,253,247,.22),0 14px 40px #0005;
  transition:transform .28s,box-shadow .28s;
  animation:gentlePlayPulse 2.5s ease-in-out infinite;
}
.video-play-ring svg{width:37px;height:37px;transform:translateX(2px)}
.video-play-overlay:hover .video-play-ring{transform:scale(1.08);box-shadow:0 0 0 17px rgba(255,253,247,.22),0 14px 40px #0006}
.video-play-hint{
  position:absolute;right:11%;top:61%;
  display:flex;align-items:center;gap:9px;
  background:#fffef5;color:#29211b;
  box-shadow:0 8px 20px #0003;
  padding:9px 13px;border-radius:99px;
  font:700 12px/1.2 Poppins,sans-serif;
  transform:rotate(-6deg);
  animation:cursorBobbing 2.2s ease-in-out infinite;
}
.video-play-hint svg{width:22px;height:22px}
@keyframes gentlePlayPulse{50%{box-shadow:0 0 0 17px rgba(255,253,247,.12),0 14px 40px #0005}}
@keyframes cursorBobbing{50%{transform:translate(-5px,-7px) rotate(-6deg)}}
.experience-v10 #experience-video{position:relative;z-index:1}

/* MOMENTOS: layout y fondo claros de la versión elegida, copy de la versión negra. */
.moments-v10{
  background:linear-gradient(180deg,#fffdfa 0%,#f9f5ee 100%);
  padding-top:clamp(78px,7vw,110px);
  padding-bottom:clamp(78px,7vw,112px);
}
.moments-v10 .moments-heading{grid-template-columns:minmax(0,1fr) minmax(0,.88fr)}
.moments-v10 .moments-heading h2{font-size:clamp(35px,3.8vw,55px);line-height:1.13}
.moments-v10 .moments-heading p:not(.eyebrow){font-size:16px;line-height:1.8}
.moments-v10 .moments-grid{grid-template-columns:1.42fr .90fr .95fr .86fr;gap:14px}
.moments-v10 .moment{min-height:365px;border-radius:20px}
.moments-v10 .moment img{min-height:365px}
.moments-v10 .moment--detail img{object-position:55% 48%}
.moments-v10 .moment--brand img{object-position:center 47%}
.moments-v10 .moment figcaption{font-size:13px}

/* SUCURSALES: selector por estado; solo mostrar las sedes del estado activo. */
.branches-section--compact{padding-block:clamp(58px,7vw,85px);background:#faf6ee}
.branches-section--compact .branches-intro h2{max-width:470px}
.branches-section--compact .branches-layout{align-items:start}
.branches-panel--tabs{min-width:0;padding:22px 24px 25px}
.branches-panel--tabs .branches-panel-top{margin-bottom:17px}
.branch-region-tabs{display:flex;gap:9px;overflow-x:auto;max-width:100%;padding:2px 0 15px;scrollbar-width:thin;scrollbar-color:#caa36e transparent}
.branch-region-tab{
  border:1px solid #e4d6c2;background:#faf6f0;color:#4f443c;
  border-radius:999px;white-space:nowrap;
  padding:10px 13px;min-height:42px;
  font:600 12px/1.2 Poppins,sans-serif;
  display:inline-flex;align-items:center;gap:8px;cursor:pointer;
  transition:background .2s,border-color .2s,color .2s;
}
.branch-region-tab small{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#eee4d6;color:#7b6250;font:700 11px/1 Poppins,sans-serif}
.branch-region-tab:hover{background:#f2e7d7}
.branch-region-tab.is-active{background:#24201d;color:#fff;border-color:#24201d}
.branch-region-tab.is-active small{background:#e5bd79;color:#271c13}
.branch-region-tab:focus-visible{outline:3px solid #dbab60;outline-offset:3px}
.branch-region-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:7px 0 14px}
.branch-region-header strong{font:800 16px/1.3 Poppins,sans-serif;color:#222028}
.branch-region-header span{font-size:12px;color:#8a7460}
.branches-list--filtered{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;min-height:0}
.branches-list--filtered .branch-list-item--maps{min-height:128px;background:#fdfaf6;border-radius:15px}
.branches-list--filtered .branch-list-item--maps .branch-list-copy small{display:block;-webkit-line-clamp:unset;overflow:visible;min-height:auto;font-size:11px;line-height:1.5}
.branches-list--filtered .branch-list-item--maps .branch-list-copy strong{font-size:13px}
.branches-list--filtered .branch-map-link{font-size:11px;margin-top:11px}
.branches-panel--tabs .branches-disclaimer{font-size:11px;line-height:1.55;padding-top:13px}

@media(max-width:1100px){
  .moments-v10 .moments-grid{grid-template-columns:1.35fr 1fr 1fr}
  .moments-v10 .moment--brand{display:none}
  .branches-list--filtered{grid-template-columns:1fr}
  .branches-list--filtered .branch-list-item--maps{min-height:0}
}
@media(max-width:760px){
  .hero-actions{gap:9px}
  .hero .hero-lead{font-size:15px}
  .experience-v10{min-height:auto;padding-block:clamp(68px,10vw,94px)}
  .experience-v10 .experience-visual{min-height:570px}
  .experience-v10 .experience-video-frame{width:min(290px,65%)}
  .video-play-ring{width:69px;height:69px}
  .video-play-ring svg{width:30px;height:30px}
  .video-play-hint{right:3%;font-size:11px;padding:8px 11px}
  .moments-v10 .moments-heading{grid-template-columns:1fr;gap:15px}
  .moments-v10 .moments-heading p:not(.eyebrow){font-size:15px}
  .moments-v10 .moments-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
  .moments-v10 .moment--brand{display:block}
  .moments-v10 .moment,.moments-v10 .moment img{min-height:240px}
  .branches-panel--tabs{padding:19px 16px 22px}
  .branches-list--filtered{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
  .branches-list--filtered{grid-template-columns:1fr}
  .moments-v10 .moment,.moments-v10 .moment img{min-height:185px}
  .moments-v10 .moment figcaption{font-size:11px}
}
@media(max-width:430px){
  .experience-v10 .experience-visual{min-height:485px}
  .experience-v10 .experience-video-frame{width:min(245px,66%)}
  .video-play-ring{width:59px;height:59px;box-shadow:0 0 0 9px rgba(255,255,255,.22),0 12px 30px #0005}
  .video-play-ring svg{width:26px;height:26px}
  .video-play-hint{top:65%;right:-4%;font-size:10px}
  .branch-region-tab{padding:9px 12px;font-size:11px;min-height:39px}
}
@media(prefers-reduced-motion:reduce){
  .video-play-ring,.video-play-hint{animation:none!important}
}

/* Estados visibles en escritorio (sin pestañas escondidas fuera del área). */
@media(min-width:761px){
  .branch-region-tabs{flex-wrap:wrap;overflow:visible;padding-bottom:11px}
}