/* SECCIÓN · POR SECTORES · v3 (03-10-2026) · diseno-sectores-v3.md. Prefijo se-.
   Fondo BLANCO; verde #3cc1a0 como único acento (nunca texto verde sobre claro ni blanco sobre verde); sin azul ni rojo.
   Por defecto (sin JS o con movimiento reducido): todo en su estado final y quieto; sin JS, los 11 paneles apilados.
   Con JS: .se-listo (pestañas, flechas, segmentos) y .se-anima (el punto de las caras y las portadas). Solo transform y opacity. */
.s-sectores{ --e:cubic-bezier(.16,1,.3,1); --mueve:cubic-bezier(.45,0,.55,1); --verde:#3cc1a0; --agua:#e6f6f1; --ambar-f:#fdf3e1; --ambar:#b7791f;
  position:relative; background:#fff; color:#0a0a0a; overflow-x:clip; }
.s-sectores p{ margin:0; }
.s-sectores .tnum{ font-variant-numeric:tabular-nums; }

/* ================= A · ARRIBA: las caras y el titular ================= */
.se-arriba{ position:relative; --k:1; }
.se-lienzo-caja{ position:relative; }
.se-lienzo{ position:absolute; left:50%; top:0; transform-origin:50% 0; }
.se-arcos{ position:absolute; inset:0; width:100%; height:100%; overflow:visible; display:none;
  -webkit-mask:linear-gradient(#000 0 48%, transparent 82%); mask:linear-gradient(#000 0 48%, transparent 82%); }
.se-arcos path{ fill:none; stroke:#e7e7ea; stroke-width:1.5; vector-effect:non-scaling-stroke; }
.se-caras{ list-style:none; margin:0; padding:0; }
.se-cara{ position:absolute; display:none; }
.se-foto{ display:block; width:100%; height:100%; border-radius:50%; object-fit:cover; border:2px solid #fff; background:#f5f5f7;
  box-shadow:0 0 0 1px rgba(10,10,10,.08), 0 10px 22px -12px rgba(10,10,10,.35); }
.se-aro, .se-onda{ position:absolute; inset:-5px; border-radius:50%; border:2px solid var(--verde); opacity:0; pointer-events:none; }
.se-aro{ transition:opacity .2s; }
.se-cara.hecho .se-aro{ opacity:1; }
.se-cara.late .se-onda{ animation:se-onda .7s var(--e); }
@keyframes se-onda{ from{ opacity:.55; transform:scale(1); } to{ opacity:0; transform:scale(1.45); } }
.se-insignia{ position:absolute; top:calc(100% - 8px); left:50%; transform:translateX(-50%); display:none; align-items:center; height:24px; padding:0 9px;
  border-radius:999px; background:#fff; border:1px solid rgba(10,10,10,.1); white-space:nowrap; max-width:152px; font-size:11.5px; font-weight:500; line-height:1; color:rgba(10,10,10,.82); }
.se-insignia.izq{ left:-6px; transform:none; } .se-insignia.der{ left:auto; right:-6px; transform:none; }
.se-insignia b{ position:relative; font-weight:500; }
.se-ins-ok{ position:relative; display:grid; place-items:center; width:0; height:12px; overflow:hidden; border-radius:50%; background:var(--verde); color:#0a0a0a; opacity:0; transition:opacity .2s; }
.se-ins-ok .ico{ width:8px; height:8px; stroke-width:3; }
.se-insignia::before{ content:''; position:absolute; inset:-1px; border-radius:inherit; background:var(--agua); opacity:0; transition:opacity .2s; }
.se-cara.hecho .se-insignia::before{ opacity:1; }
.se-cara.hecho .se-ins-ok{ width:12px; margin-right:5px; opacity:1; }
.se-orbita{ position:absolute; width:0; height:0; display:none; transition:transform var(--dur, .8s) var(--mueve); }
.se-punto{ position:absolute; left:-6px; top:-6px; width:12px; height:12px; border-radius:50%; background:var(--verde); border:2px solid #fff; box-shadow:0 1px 3px rgba(10,10,10,.25);
  transform:translateX(var(--r, 0px)) scale(0); transition:transform var(--dur, .8s) var(--mueve); }
.se-chip{ position:absolute; left:50%; display:none; transform:translateX(-50%); height:28px; max-width:240px; }
.se-chip span{ position:absolute; left:50%; top:0; transform:translateX(-50%); display:inline-flex; align-items:center; gap:6px; height:28px; padding:0 12px; border-radius:999px;
  background:var(--agua); white-space:nowrap; font-size:12.5px; font-weight:500; color:#0a0a0a; opacity:0; transition:opacity .22s; }
.se-chip span.ver{ opacity:1; }
.se-chip span::before{ content:'✓'; display:grid; place-items:center; width:14px; height:14px; border-radius:50%; background:var(--verde); font-size:9px; font-weight:700; color:#0a0a0a; }
.se-cab{ position:relative; text-align:center; }
.se-h{ margin:20px auto 0; font-weight:500; line-height:1; letter-spacing:-.045em; text-wrap:balance; }
.se-h .gris{ color:rgba(10,10,10,.46); }
.se-clave{ position:relative; display:inline-block; }
.se-raya{ position:absolute; left:0; right:0; bottom:-.06em; height:4px; border-radius:2px; background:var(--verde); transform-origin:0 50%; transition:transform .7s var(--e); }
.se-sub{ margin:22px auto 0 !important; }
.se-pausa{ display:none; }

/* escritorio (≥ 1100): el texto dentro del arco */
@media (min-width:1100px){
  .se-lienzo{ width:1280px; height:700px; margin-left:-640px; transform:scale(var(--k)); }
  .se-lienzo-caja{ position:absolute; left:0; right:0; top:0; height:0; }
  .se-arriba{ padding-top:calc(372px * var(--k)); }
  .se-arcos.m-d{ display:block; }
  .se-cara:not([data-d="no"]){ display:block; left:var(--xd); top:var(--yd); width:var(--td); height:var(--td); margin:calc(var(--td) / -2) 0 0 calc(var(--td) / -2); }
  .se-insignia{ display:inline-flex; }
  .se-orbita{ left:640px; top:700px; }
  .se-cab{ max-width:calc(860px * var(--k)); margin:0 auto; }
  .se-h{ font-size:max(56px, calc(76px * var(--k))); }
  .se-sub{ max-width:calc(700px * var(--k)); font-size:max(17px, calc(21px * var(--k))); }
}
/* tableta (640-1099): 10 caras encima del texto */
@media (min-width:640px) and (max-width:1099.98px){
  .se-lienzo-caja{ height:calc(330px * var(--k)); }
  .se-lienzo{ width:640px; height:330px; margin-left:-320px; transform:scale(var(--k)); }
  .se-arcos.m-e{ display:block; }
  .se-cara:not([data-e="no"]){ display:block; left:var(--xe); top:var(--ye); width:var(--te); height:var(--te); margin:calc(var(--te) / -2) 0 0 calc(var(--te) / -2); }
  .se-orbita{ left:320px; top:330px; }
  .se-chip{ top:290px; }
  .se-cab{ max-width:640px; margin:28px auto 0; }
  .se-h{ font-size:clamp(44px, 6vw, 60px); }
  .se-sub{ max-width:560px; }
}
/* móvil (< 640): 9 caras */
@media (max-width:639.98px){
  .se-lienzo-caja{ height:calc(236px * var(--k)); }
  .se-lienzo{ width:358px; height:236px; margin-left:-179px; transform:scale(var(--k)); }
  .se-arcos.m-m{ display:block; }
  .se-cara:not([data-m="no"]){ display:block; left:var(--xm); top:var(--ym); width:var(--tm); height:var(--tm); margin:calc(var(--tm) / -2) 0 0 calc(var(--tm) / -2); }
  .se-orbita{ left:179px; top:236px; }
  .se-chip{ top:202px; }
  .se-cab{ margin-top:24px; }
  .se-h{ font-size:36px; }
  .se-sub{ font-size:17px; }
}
@media (max-width:374px){ .se-h{ font-size:34px; } }
/* con JS y movimiento: el punto, el chip y la pausa */
.se-anima .se-orbita{ display:block; }
.se-anima .se-punto.ver{ transform:translateX(var(--r, 0px)) scale(1); }
@media (max-width:1099.98px){ .se-anima .se-chip{ display:block; } }
.se-anima .se-pausa{ display:grid; place-items:center; position:absolute; z-index:3; width:34px; height:34px; padding:0; border-radius:50%; background:#fff; border:1px solid rgba(10,10,10,.13); color:rgba(10,10,10,.6); cursor:pointer; }
@media (min-width:1100px){ .se-anima .se-pausa{ right:calc(50% - 604px * var(--k)); top:calc(633px * var(--k)); } }
@media (max-width:1099.98px){ .se-anima .se-pausa{ right:0; top:calc(var(--altocaja, 236px) - 34px); width:32px; height:32px; } }
.se-pausa .ico{ width:12px; height:12px; } .se-pausa .i-play{ display:none; }
.se-pausa[aria-pressed="true"] .i-play{ display:block; } .se-pausa[aria-pressed="true"] .i-pausa{ display:none; }
.se-pausa:focus-visible, .se-sec:focus-visible, .se-flecha:focus-visible, .se-otra:focus-visible{ outline:2px solid #2fa387; outline-offset:3px; }
/* la entrada (una vez) */
.se-anima:not(.se-entra) .se-arcos{ opacity:0; transform:rotate(-5deg); }
.se-arcos{ transform-origin:50% 100%; transition:opacity .8s var(--e), transform .8s var(--e); }
.se-anima:not(.se-entra) .se-cara{ opacity:0; transform:scale(.6); }
.se-cara{ transition:opacity .42s var(--e) var(--dl, 0ms), transform .42s var(--e) var(--dl, 0ms); }
.se-anima:not(.se-entra) .se-insignia{ opacity:0; }
.se-insignia{ transition:opacity .24s var(--e) calc(var(--dl, 0ms) + 400ms); }
.se-anima:not(.se-entra) .se-raya{ transform:scaleX(0); }
.se-entra .se-raya{ transition-delay:.9s; }

/* ================= B · EL SELECTOR DE SECTORES ================= */
.se-sectores{ display:flex; flex-wrap:wrap; justify-content:center; gap:10px; max-width:1180px; margin:48px auto 0; }
.se-sec{ position:relative; display:inline-flex; align-items:center; gap:10px; height:46px; padding:0 18px 0 8px; border-radius:12px; background:#fff;
  box-shadow:inset 0 0 0 1px rgba(10,10,10,.12); font-size:15.5px; font-weight:500; letter-spacing:-.01em; color:rgba(10,10,10,.82); text-decoration:none; transition:transform .2s var(--e); }
.se-sec::after{ content:''; position:absolute; inset:0; border-radius:inherit; box-shadow:inset 0 0 0 1.5px #0a0a0a, 0 8px 20px -12px rgba(10,10,10,.35); opacity:0; transition:opacity .2s; pointer-events:none; }
.se-sec:hover{ box-shadow:inset 0 0 0 1px rgba(10,10,10,.22); }
.se-sec-ico{ position:relative; width:30px; height:30px; border-radius:8px; background:#f5f5f7; display:grid; place-items:center; color:rgba(10,10,10,.6); }
.se-sec-ico::before{ content:''; position:absolute; inset:0; border-radius:inherit; background:var(--agua); opacity:0; transition:opacity .2s; }
.se-sec-ico .ico{ position:relative; width:16px; height:16px; }
.se-sec-n{ font-size:13px; font-weight:500; color:rgba(10,10,10,.45); font-variant-numeric:tabular-nums; }
.se-sec[aria-selected="true"]{ color:#0a0a0a; transform:translateY(-1px); }
.se-sec[aria-selected="true"]::after, .se-sec[aria-selected="true"] .se-sec-ico::before{ opacity:1; }
.se-sec[aria-selected="true"] .se-sec-ico{ color:#0a0a0a; }
.se-sec[aria-selected="true"] .se-sec-n{ color:#0a0a0a; }
@media (max-width:639.98px){
  .se-sectores{ gap:8px; margin-top:32px; }
  .se-sec{ height:36px; padding:0 14px; gap:8px; font-size:14px; }
  .se-sec-ico{ display:none; }
  .se-sec-n{ font-size:12px; }
}

/* ================= C · LOS CARRUSELES ================= */
.se-paneles{ margin-top:80px; }
.se-panel + .se-panel{ margin-top:72px; }            /* sin JS: todos apilados */
.se-listo .se-panel + .se-panel{ margin-top:0; }
.se-panel[hidden]{ display:none; }
.se-panel-cab{ display:flex; align-items:center; gap:12px; }
.se-h3{ margin:0; font-size:24px; font-weight:500; line-height:1.2; letter-spacing:-.02em; }
.se-n{ font-size:13px; color:rgba(10,10,10,.6); }
.se-ejemplo{ margin-left:auto; display:inline-flex; align-items:center; height:26px; padding:0 11px; border-radius:999px; background:#fff; border:1px solid rgba(10,10,10,.1);
  font-size:11px; font-weight:500; letter-spacing:.1em; text-transform:uppercase; color:rgba(10,10,10,.6); }
.se-ctrl{ display:none; gap:8px; }
.se-listo .se-ctrl{ display:flex; }
.se-flecha{ width:40px; height:40px; padding:0; border-radius:50%; border:1px solid rgba(10,10,10,.13); background:#fff; color:#0a0a0a; display:grid; place-items:center; cursor:pointer; transition:opacity .2s; }
.se-flecha:hover{ border-color:rgba(10,10,10,.3); }
.se-flecha:disabled{ opacity:.35; cursor:default; }
.se-flecha .ico{ width:16px; height:16px; }
.se-pista{ --borde:32px; --gap:24px; list-style:none; display:flex; gap:var(--gap); margin:-8px 0 -40px; padding:32px max(var(--borde), calc((100% - 1280px) / 2)) 40px;
  overflow-x:auto; overflow-y:hidden; scroll-snap-type:x mandatory; scroll-padding-inline:max(var(--borde), calc((100% - 1280px) / 2)); overscroll-behavior-x:contain; scrollbar-width:none; }
.se-pista::-webkit-scrollbar{ display:none; }
.se-pista:focus-visible{ outline:2px solid #2fa387; outline-offset:-2px; }
.se-tarjeta{ flex:none; width:min(392px, (100% - 104px) / 3); scroll-snap-align:start; }
.se-segm{ display:none; gap:4px; margin-top:16px; }
.se-listo .se-segm{ display:flex; }
.se-segm i{ position:relative; width:24px; height:3px; border-radius:2px; background:rgba(10,10,10,.14); }
.se-segm i::after{ content:''; position:absolute; inset:0; border-radius:inherit; background:#0a0a0a; opacity:0; transition:opacity .2s; }
.se-segm i.ver::after{ opacity:1; }
@media (max-width:1199.98px){ .se-tarjeta{ width:min(340px, (100% - 64px) / 2); } .se-pista{ --gap:16px; } }
@media (max-width:767.98px){ .se-tarjeta{ width:calc(100% - 38px); max-width:340px; } .se-pista{ --gap:12px; } }
@media (max-width:639.98px){
  .se-pista{ --borde:16px; }
  .se-h3{ font-size:20px; }
  .se-n{ font-size:12.5px; }
  .se-flecha{ width:36px; height:36px; }
  .se-panel-cab{ flex-wrap:wrap; row-gap:10px; }
}

/* la tarjeta */
.se-tarjeta article{ position:relative; height:100%; display:flex; flex-direction:column; border-radius:22px; background:#fff; border:1px solid rgba(10,10,10,.08);
  box-shadow:0 1px 2px rgba(10,10,10,.05); transition:transform .25s var(--e); }
.se-tarjeta article::after{ content:''; position:absolute; inset:-1px; border-radius:inherit; border:1px solid rgba(10,10,10,.14); opacity:0; pointer-events:none;
  box-shadow:0 2px 4px rgba(10,10,10,.04), 0 24px 48px -28px rgba(10,10,10,.32); transition:opacity .25s; }
.se-tarjeta:hover article{ transform:translateY(-3px); }
.se-tarjeta:hover article::after, .se-tarjeta.activa article::after{ opacity:1; }
.se-portada{ position:relative; margin:8px 8px 0; aspect-ratio:320 / 236; border-radius:16px; overflow:hidden; background-color:#f5f5f7;
  background-image:radial-gradient(circle at 1px 1px, rgba(10,10,10,.1) 1px, transparent 1.4px); background-size:16px 16px; }
.se-esc{ position:absolute; left:0; top:0; width:320px; height:236px; transform:scale(var(--kc, 1.175)); transform-origin:0 0; font-size:10.5px; line-height:1.32; color:#0a0a0a; }
@media (max-width:1199.98px){ .se-esc{ --kc:1.01; } }
@media (max-width:399.98px){ .se-esc{ --kc:.9; } }
@media (max-width:369.98px){ .se-esc{ --kc:.86; } }
.se-cuerpo{ flex:1; display:flex; flex-direction:column; padding:20px 22px 22px; border-top:1px solid rgba(10,10,10,.06);
  background:repeating-linear-gradient(135deg, rgba(10,10,10,.028) 0 1px, transparent 1px 10px); border-radius:0 0 22px 22px; }
.se-negocio{ margin-bottom:8px; font-size:11px; font-weight:500; letter-spacing:.1em; text-transform:uppercase; color:rgba(10,10,10,.46); }
.se-nombre{ margin:0; font-size:20px; font-weight:500; line-height:1.2; letter-spacing:-.015em; }
.se-res{ margin-top:8px !important; font-size:14.5px; line-height:1.45; color:rgba(10,10,10,.6); }
.se-cifra{ display:flex; align-items:baseline; gap:10px; margin-top:auto !important; padding-top:14px; border-top:1px solid rgba(10,10,10,.08); }
.se-res + .se-cifra{ margin-top:16px; }
.se-cuerpo .se-res{ margin-bottom:16px !important; }
.se-cifra b{ font-size:32px; font-weight:300; line-height:1; letter-spacing:-.035em; white-space:nowrap; }
.se-cifra span{ font-size:13px; line-height:1.3; color:rgba(10,10,10,.6); }
@media (max-width:639.98px){
  .se-portada{ margin:6px 6px 0; }
  .se-cuerpo{ padding:16px 18px 18px; }
  .se-nombre{ font-size:18px; }
  .se-res{ font-size:14px; }
  .se-cifra b{ font-size:28px; }
  .se-cifra span{ font-size:12.5px; }
}
@media (max-width:369.98px){ .se-res{ font-size:13.5px; } }
.se-otra{ position:absolute; z-index:4; top:8px; right:8px; width:30px; height:30px; padding:0; border-radius:50%; border:1px solid rgba(10,10,10,.12); background:#fff; color:rgba(10,10,10,.6);
  display:none; place-items:center; cursor:pointer; }
.se-otra .ico{ width:13px; height:13px; }
.se-anima .se-tarjeta.contada:hover .se-otra, .se-anima .se-tarjeta.contada:focus-within .se-otra{ display:grid; }
@media (hover:none){ .se-anima .se-tarjeta.contada .se-otra{ display:grid; } }

/* «Y tu negocio» */
.se-tu{ max-width:808px; border-radius:22px; border:1.5px dashed rgba(10,10,10,.18); background:#fff; padding:8px 8px 28px; }
.se-tu-portada{ display:flex; align-items:center; justify-content:center; gap:10px; min-height:150px; border-radius:16px; background-color:#f5f5f7;
  background-image:radial-gradient(circle at 1px 1px, rgba(10,10,10,.1) 1px, transparent 1.4px); background-size:16px 16px; padding:20px; flex-wrap:wrap; }
.se-tu-portada img{ width:40px; height:40px; border-radius:50%; border:2px solid #fff; box-shadow:0 0 0 1px rgba(10,10,10,.08); object-fit:cover; }
.se-tu-mas{ width:40px; height:40px; border-radius:50%; border:1.5px dashed rgba(10,10,10,.3); display:grid; place-items:center; color:rgba(10,10,10,.6); }
.se-tu-mas .ico{ width:16px; height:16px; }
.se-tu h4{ margin:24px 22px 0; font-size:28px; font-weight:500; letter-spacing:-.02em; }
.se-tu p{ margin:10px 22px 0 !important; max-width:560px; font-size:16px; line-height:1.5; color:rgba(10,10,10,.6); }
.se-panel-tu{ padding-top:32px; }
@media (max-width:639.98px){ .se-tu h4{ font-size:22px; margin:18px 16px 0; } .se-tu p{ margin:8px 16px 0 !important; font-size:15px; } }

/* ================= D · CIERRE ================= */
.se-cierre{ margin-top:56px; }
.se-cierre-fila{ display:flex; align-items:center; justify-content:space-between; gap:24px; padding-top:28px; border-top:1px solid rgba(10,10,10,.08); }
.se-linea{ font-size:19px; line-height:1.4; letter-spacing:-.01em; color:#0a0a0a; }
.se-linea span{ color:rgba(10,10,10,.46); }
.se-aclara{ max-width:760px; margin-top:16px !important; font-size:12.5px; line-height:1.6; color:rgba(10,10,10,.6); }
.se-aclara + .se-aclara{ margin-top:4px !important; }
@media (max-width:767.98px){
  .se-cierre-fila{ flex-direction:column; align-items:stretch; }
  .se-cierre-fila .btn{ justify-content:space-between; }
  .se-linea{ font-size:17px; }
  .se-aclara{ font-size:12px; }
}

/* ================= LAS PIEZAS DE LAS PORTADAS (unidades del lienzo 320 × 236) ================= */
.se-esc .ico{ width:11px; height:11px; }
.se-pz{ position:relative; }
.se-chat{ position:absolute; left:12px; top:12px; width:160px; height:212px; border-radius:12px; overflow:hidden; background:#efeae2; box-shadow:0 1px 2px rgba(10,10,10,.05), 0 10px 24px -14px rgba(10,10,10,.28); }
.se-chat.insta{ background:#fff; }
.se-chat.tel{ background:#fff; }
.se-chat-cab{ display:flex; align-items:center; gap:6px; height:28px; padding:0 9px; background:#f0f2f5; font-size:9px; color:#54656f; }
.se-chat-cab b{ font-weight:600; color:#111b21; }
.se-chat-cab.insta, .se-chat-cab.tel{ background:#fff; border-bottom:1px solid rgba(10,10,10,.08); }
.se-chat-logo{ display:grid; place-items:center; color:#25d366; }
.se-chat-cab.insta .se-chat-logo{ color:#0a0a0a; }
.se-chat-cab.mini{ height:22px; }
.se-suena{ display:grid; place-items:center; width:18px; height:18px; border-radius:50%; background:#0a0a0a; color:#fff; }
.se-suena .ico{ width:9px; height:9px; }
.se-chat-cuerpo{ display:flex; flex-direction:column; gap:5px; padding:8px; }
.se-msg{ display:flex; flex-direction:column; gap:4px; }
.se-msg.cli{ align-items:flex-start; } .se-msg.neg{ align-items:flex-end; }
.se-fecha{ align-self:center; padding:1px 7px; border-radius:6px; background:#fff; font-size:8.5px; color:#54656f; box-shadow:0 1px .5px rgba(11,20,26,.13); }
.se-b{ position:relative; max-width:132px; padding:5px 7px 6px; border-radius:8px; font-size:10.5px; line-height:1.32; color:#111b21; box-shadow:0 1px .5px rgba(11,20,26,.13); display:flow-root; }
.se-b.cli{ background:#fff; border-top-left-radius:0; }
.se-b.neg{ background:#d9fdd3; border-top-right-radius:0; }
.se-chat.insta .se-b.cli{ background:#efefef; color:#0a0a0a; box-shadow:none; border-radius:12px; }
.se-chat.insta .se-b.neg{ background:#0a0a0a; color:#fff; box-shadow:none; border-radius:12px; }
.se-b small{ float:right; margin:4px 0 -3px 6px; font-size:8px; color:#667781; display:inline-flex; align-items:center; }
.se-b small.se-resto{ float:none; display:block; margin:3px 0 0; font-weight:500; color:rgba(10,10,10,.6); }
.se-ticks .ico{ width:10px; height:10px; color:#8a8a8e; stroke-width:2.2; }
.se-chat.insta .se-ticks{ display:none; }
.se-escribe{ display:none; align-self:flex-end; gap:3px; padding:7px 9px; border-radius:8px; background:#d9fdd3; margin:0; }
.se-escribe i{ width:4px; height:4px; border-radius:50%; background:#667781; animation:se-pun 1s infinite; }
.se-escribe i:nth-child(2){ animation-delay:.15s; } .se-escribe i:nth-child(3){ animation-delay:.3s; }
@keyframes se-pun{ 50%{ opacity:.3; } }
.se-sis{ align-self:center; text-align:center; max-width:140px; }
.se-sis span{ display:inline-block; padding:3px 8px; border-radius:7px; background:#fff; font-size:9.5px; line-height:1.3; color:#54656f; box-shadow:0 1px .5px rgba(11,20,26,.13); }
.se-trans{ margin:0; padding:2px 0 2px 7px; border-left:2px solid rgba(10,10,10,.15); font-style:italic; font-size:10.5px; color:rgba(10,10,10,.82); }
.se-col-der{ position:absolute; left:180px; top:12px; width:128px; display:flex; flex-direction:column; gap:8px; }
.se-col-izq{ position:absolute; left:12px; top:28px; width:130px; z-index:2; display:flex; flex-direction:column; gap:8px; }
.se-abajo{ position:absolute; left:40px; top:192px; width:240px; z-index:2; display:flex; flex-direction:column; }
.se-aviso{ display:flex; gap:7px; align-items:flex-start; padding:7px 8px; border-radius:12px; background:#fff; box-shadow:0 1px 2px rgba(10,10,10,.05), 0 10px 24px -14px rgba(10,10,10,.28); }
.se-av-ic{ flex:none; width:24px; height:24px; border-radius:7px; background:#f5f5f7; display:grid; place-items:center; color:rgba(10,10,10,.7); }
.se-av-t{ display:flex; flex-direction:column; gap:2px; min-width:0; }
.se-av-t em{ font-style:normal; font-size:8px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; color:rgba(10,10,10,.5); }
.se-av-t b{ font-weight:500; font-size:10.5px; line-height:1.3; }
.se-fila, .se-alerta, .se-hecho, .se-ti, .se-cita, .se-doc{ display:flex; align-items:center; gap:7px; padding:6px 8px; border-radius:8px; background:#fff; border:1px solid rgba(10,10,10,.08); font-size:10.5px; line-height:1.3; }
.se-fila{ box-shadow:0 1px 2px rgba(10,10,10,.04); }
.se-casilla{ flex:none; width:14px; height:14px; border-radius:4px; display:grid; place-items:center; background:var(--agua); color:#0a0a0a; }
.se-casilla .ico{ width:9px; height:9px; stroke-width:2.6; }
.se-alerta{ background:var(--ambar-f); border-color:rgba(183,121,31,.25); }
.se-alerta .se-casilla{ background:transparent; color:var(--ambar); }
.se-alerta .se-casilla .ico{ width:11px; height:11px; }
.se-hecho{ background:var(--agua); border-color:transparent; font-weight:500; }
.se-ok{ flex:none; width:15px; height:15px; border-radius:50%; background:var(--verde); display:grid; place-items:center; color:#0a0a0a; }
.se-ok .ico{ width:9px; height:9px; stroke-width:3; }
.se-ti{ border:1px dashed rgba(10,10,10,.28); background:#fff; }
.se-ti-ic{ flex:none; width:18px; height:18px; border-radius:50%; background:#0a0a0a; display:grid; place-items:center; color:#fff; }
.se-ti-ic .ico{ width:10px; height:10px; }
.se-ti > span:nth-child(2){ flex:1; }
.se-ti-fl{ flex:none; width:11px !important; height:11px !important; transform-origin:50% 50%; }
.se-cita{ position:relative; background:var(--agua); border:0; box-shadow:inset 3px 0 0 var(--verde); padding:7px 8px 7px 10px; flex-wrap:wrap; }
.se-cita b{ flex:1; font-weight:600; min-width:0; }
.se-nueva{ font-style:normal; font-size:8px; font-weight:600; padding:1px 6px; border-radius:999px; background:#fff; transition:opacity .26s var(--e), transform .26s var(--e); }
.se-doc{ box-shadow:0 1px 2px rgba(10,10,10,.05), 0 10px 24px -14px rgba(10,10,10,.28); }
.se-doc b{ font-weight:500; flex:1; }
.se-hoja{ position:relative; flex:none; width:16px; height:20px; border-radius:2px; background:#fff; box-shadow:inset 0 0 0 1px rgba(10,10,10,.18);
  background-image:linear-gradient(225deg, rgba(10,10,10,.14) 0 4px, #fff 4px); }
.se-adjs{ display:flex; gap:3px; margin-bottom:3px; }
.se-adj-foto{ flex:none; width:28px; height:22px; border-radius:4px; background:#e9e9ec; display:grid; place-items:center; color:rgba(10,10,10,.4); }
.se-b .se-adj-foto{ width:100%; height:44px; margin-bottom:4px; }
.se-b .se-adjs .se-adj-foto{ width:34px; height:28px; margin:0; }
.se-adj-audio{ display:inline-flex; align-items:center; gap:2px; height:20px; padding:0 6px; border-radius:999px; background:rgba(10,10,10,.06); }
.se-adj-audio i{ width:2px; border-radius:1px; background:rgba(10,10,10,.35); }
.se-adj-audio i:nth-child(odd){ height:9px; } .se-adj-audio i:nth-child(even){ height:5px; } .se-adj-audio i:nth-child(3n){ height:12px; }
.se-adj-audio .ico{ width:8px; height:8px; margin-right:2px; }
.se-adj-pdf{ display:block; margin-bottom:4px; height:26px; border-radius:5px; background:#fff; position:relative; }
.se-adj-pdf b{ position:absolute; left:5px; top:5px; padding:1px 4px; border-radius:3px; background:#0a0a0a; color:#fff; font-size:7.5px; }
.se-adj-video{ flex:none; display:inline-flex; align-items:center; gap:3px; height:18px; padding:0 5px; border-radius:4px; background:#0a0a0a; color:#fff; margin-left:auto; }
.se-adj-video .ico{ width:7px; height:7px; } .se-adj-video b{ font-size:8px; font-weight:600; }
.se-semaforo{ display:inline-flex; gap:2px; margin-left:auto; }
.se-semaforo i{ width:6px; height:6px; border-radius:50%; background:var(--verde); }
.se-semaforo i:nth-child(2){ background:#e0a93a; } .se-semaforo i:nth-child(3){ background:#cfcfd4; }

/* P2 · agenda */
.se-agenda{ position:absolute; left:136px; top:12px; width:172px; height:212px; border-radius:12px; background:#fff; overflow:hidden; box-shadow:0 1px 2px rgba(10,10,10,.05), 0 10px 24px -14px rgba(10,10,10,.28); }
.se-ag-cab{ display:flex; align-items:center; gap:5px; height:30px; padding:0 10px; border-bottom:1px solid rgba(10,10,10,.07); }
.se-ag-cab b{ font-weight:600; font-size:10px; } .se-ag-cab em{ margin-left:auto; font-style:normal; font-size:9px; color:rgba(10,10,10,.5); }
.se-dia{ padding:0 8px 0 12px; }
.se-hora{ position:relative; display:flex; align-items:center; gap:6px; height:30px; border-bottom:1px solid rgba(10,10,10,.05); }
.se-hora time{ width:26px; font-size:9.5px; color:rgba(10,10,10,.5); font-variant-numeric:tabular-nums; }
.se-hueco{ font-size:9px; padding:2px 7px; border-radius:999px; }
.se-hueco.ocupado{ background:#ececef; color:rgba(10,10,10,.6); }
.se-hueco.libre{ border:1px dashed rgba(10,10,10,.22); color:rgba(10,10,10,.45); }
.se-tachado{ position:absolute; left:28px; right:0; top:4px; bottom:4px; border-radius:6px; background:var(--ambar-f); transition:opacity .2s; }
.se-tachado i{ position:absolute; left:6px; right:6px; top:50%; height:1.5px; background:var(--ambar); transform-origin:0 50%; transition:transform .25s var(--e); }
.se-tachado.dia{ left:1px; right:1px; top:16px; bottom:4px; }
.se-hora .en-hueco{ position:absolute; left:28px; right:0; top:3px; bottom:3px; padding:0 6px; font-size:9.5px; z-index:1; }
.se-semana{ position:relative; display:grid; grid-template-columns:repeat(6, 1fr); gap:2px; padding:6px 8px 0; height:120px; --col:26px; }
.se-dcol{ position:relative; display:flex; flex-direction:column; gap:3px; align-items:stretch; }
.se-dcol em{ font-style:normal; text-align:center; font-size:9px; font-weight:600; color:rgba(10,10,10,.5); margin-bottom:2px; }
.se-blo{ display:block; height:12px; border-radius:3px; background:#ececef; }
.se-blo.mov{ background:var(--agua); transform:translateX(calc(var(--a) * var(--col))); transition:transform .48s var(--mueve), opacity .3s; }
.se-blo.amb{ background:var(--ambar-f); box-shadow:inset 0 0 0 1px rgba(183,121,31,.4); transition:opacity .3s; }
.se-blo.pintura{ background:var(--agua); box-shadow:inset 0 0 0 1px rgba(60,193,160,.5); transform:translateX(calc(var(--a) * var(--col))); transition:transform .48s var(--mueve); }
.se-pz.en-dia{ position:absolute; top:96px; width:124px; font-size:9.5px; z-index:2; }   /* cuelga de su día, dentro de la agenda */
.se-pz.en-dia::before{ content:''; position:absolute; top:-8px; width:2px; height:8px; background:var(--verde); }
.se-pz.en-dia.d2{ left:30px; } .se-pz.en-dia.d2::before{ left:40px; }
.se-pz.en-dia.d3{ right:6px; } .se-pz.en-dia.d3::before{ left:6px; }
.se-pz.en-dia.d4{ right:6px; } .se-pz.en-dia.d4::before{ left:34px; }
.se-pz.en-dia.d5{ right:6px; } .se-pz.en-dia.d5::before{ right:14px; }
.se-pz.en-dia.se-fila::before{ background:rgba(10,10,10,.3); }
.se-agenda.semana + .se-col-izq{ top:32px; }

/* P3 · tablero */
.se-tablero{ position:absolute; left:10px; top:12px; width:300px; height:212px; border-radius:12px; background:#fff; box-shadow:0 1px 2px rgba(10,10,10,.05), 0 10px 24px -14px rgba(10,10,10,.28); }
.se-tab-cab{ display:flex; align-items:center; gap:5px; height:28px; padding:0 10px; border-bottom:1px solid rgba(10,10,10,.07); }
.se-tab-cab b{ font-size:10px; font-weight:600; }
.se-tcols{ position:absolute; left:8px; right:8px; top:34px; bottom:8px; display:grid; grid-template-columns:repeat(3, 90px); gap:8px; }
.se-tcol{ border-radius:8px; border:1px dashed rgba(10,10,10,.14); padding:5px 6px; display:flex; align-items:flex-start; justify-content:space-between; }
.se-tcol b{ font-size:9px; font-weight:600; color:rgba(10,10,10,.55); }
.se-tn{ position:relative; width:14px; height:14px; }
.se-tn i{ position:absolute; inset:0; display:grid; place-items:center; border-radius:50%; background:#f5f5f7; font-style:normal; font-size:8.5px; font-weight:600; transition:opacity .22s; }
.se-tn .n1, .se-tn .n2{ opacity:0; }
.se-viaja{ position:absolute; left:18px; top:56px; width:90px; padding:6px 6px; border-radius:8px; background:#fff; border:1px solid rgba(10,10,10,.12); box-shadow:0 6px 14px -8px rgba(10,10,10,.3);
  transform:translateX(196px); transition:transform .48s var(--mueve); z-index:2; }
.se-viaja::after{ content:''; position:absolute; inset:-1px; border-radius:inherit; border:1.5px solid var(--verde); opacity:1; transition:opacity .2s; }
.se-viaja em{ display:block; font-style:normal; font-size:8px; color:rgba(10,10,10,.5); margin-bottom:2px; }
.se-viaja > b{ display:block; font-size:9px; font-weight:600; line-height:1.25; }
.se-pz.en-tarjeta{ margin-top:5px; padding:4px 5px; font-size:8px; line-height:1.25; gap:4px; }
.se-pz.en-tarjeta .se-hoja{ width:10px; height:13px; }
.se-pz.en-tarjeta .se-ok, .se-pz.en-tarjeta .se-ti-ic{ width:12px; height:12px; }
.se-pz.en-tarjeta .se-nueva{ display:none; }
.se-pz.en-tarjeta .ico{ width:8px; height:8px; }
.se-tab-b1{ position:absolute; left:18px; top:118px; width:150px; z-index:3; }
.se-tab-b2{ position:absolute; left:132px; top:174px; width:150px; z-index:3; }
.se-tab-b1 .se-msg, .se-tab-b2 .se-msg{ align-items:stretch; }
.se-tab-b1 .se-b, .se-tab-b2 .se-b{ max-width:150px; }

/* P4 · lista de tareas */
.se-tareas{ position:absolute; left:26px; top:12px; width:268px; height:212px; border-radius:12px; background:#fff; padding:0 10px; box-shadow:0 1px 2px rgba(10,10,10,.05), 0 10px 24px -14px rgba(10,10,10,.28); }
.se-tar-cab{ display:flex; align-items:center; justify-content:space-between; height:28px; margin:0 -10px 8px; padding:0 10px; border-bottom:1px solid rgba(10,10,10,.07); }
.se-tar-cab b{ font-size:10px; font-weight:600; }
.se-progreso{ position:relative; width:80px; height:4px; border-radius:2px; background:#ececef; overflow:hidden; }
.se-progreso i{ position:absolute; inset:0; background:var(--verde); transform-origin:0 50%; transition:transform .6s var(--mueve); }
.se-pz.fuente{ box-shadow:none; border:1px solid rgba(10,10,10,.08); }
.se-tareas .se-msg.fuente{ align-items:flex-start; }
.se-tareas .se-msg.fuente .se-b{ max-width:none; }
.se-tar-filas{ position:absolute; left:10px; right:10px; top:104px; display:flex; flex-direction:column; gap:6px; }
.se-tarea{ position:relative; min-height:30px; }
.se-pend{ position:absolute; inset:0; display:none; align-items:center; gap:7px; padding:6px 8px; border-radius:8px; border:1px solid rgba(10,10,10,.08); background:#fff; font-size:10.5px; color:rgba(10,10,10,.45); }
.se-casilla.vacia{ background:#fff; box-shadow:inset 0 0 0 1.2px rgba(10,10,10,.25); }

/* P5 · documento */
.se-hoja-doc{ position:absolute; left:16px; top:14px; width:170px; padding:8px 9px 10px; border-radius:6px; background:#fff; overflow:hidden; display:flex; flex-direction:column; gap:6px;
  box-shadow:0 1px 2px rgba(10,10,10,.05), 0 10px 24px -14px rgba(10,10,10,.28); }
.se-hoja-doc.con-adj{ top:62px; }
.se-hd-cab{ display:flex; gap:5px; align-items:flex-start; padding-bottom:6px; border-bottom:1px solid rgba(10,10,10,.08); }
.se-hd-cab b{ font-size:10.5px; font-weight:600; line-height:1.3; }
.se-hd-cab .ico{ flex:none; margin-top:1px; }
.se-pz.hallazgo{ border:0; background:var(--agua); }
.se-pz.hallazgo.se-alerta{ background:var(--ambar-f); }
.se-pz.hallazgo .se-casilla{ background:#fff; }
.se-lectura{ position:absolute; left:0; right:0; top:0; height:2px; background:rgba(60,193,160,.7); box-shadow:0 -10px 12px rgba(60,193,160,.12); opacity:0; pointer-events:none; }
.se-salida{ position:absolute; left:168px; top:150px; width:140px; z-index:2; }
.se-adj-arriba{ position:absolute; left:16px; top:12px; width:288px; display:flex; flex-wrap:wrap; align-items:center; gap:4px; padding:6px 8px; border-radius:10px; background:#fff;
  box-shadow:0 1px 2px rgba(10,10,10,.05), 0 10px 24px -14px rgba(10,10,10,.28); }
.se-adj-arriba > b{ width:100%; font-size:9.5px; font-weight:500; color:rgba(10,10,10,.6); }
.se-adj-arriba .se-adj-foto{ width:24px; height:20px; }
.se-grafica{ display:flex; align-items:flex-end; gap:2px; height:34px; padding:2px 0; }
.se-grafica i{ flex:1; height:calc(var(--h) * 2px); border-radius:1px; background:#d9d9de; }
.se-grafica i.dia{ background:var(--verde); }

/* P6 · recuento */
.se-recuento{ position:absolute; left:18px; top:14px; width:284px; height:208px; padding:0 12px; border-radius:12px; background:#fff; display:flex; flex-direction:column; gap:7px;
  box-shadow:0 1px 2px rgba(10,10,10,.05), 0 10px 24px -14px rgba(10,10,10,.28); }
.se-rc-cab{ display:flex; align-items:center; gap:6px; height:30px; margin:0 -12px; padding:0 12px; border-bottom:1px solid rgba(10,10,10,.07); }
.se-rc-cab b{ font-size:10.5px; font-weight:600; }
.se-puntos{ display:grid; grid-template-columns:repeat(12, 8px); gap:5px 6px; padding-top:2px; }
.se-puntos i{ position:relative; width:8px; height:8px; border-radius:50%; background:rgba(10,10,10,.14); transition:opacity .3s, transform .3s; }
.se-puntos i::after{ content:''; position:absolute; inset:0; border-radius:50%; opacity:0; transition:opacity .25s calc(var(--n) * 15ms); }
.se-puntos i.lleno::after{ background:var(--verde); opacity:1; }
.se-puntos i.amb::after{ background:#e0a93a; opacity:1; }
.se-puntos i.falta{ background:#fff; box-shadow:inset 0 0 0 1.5px var(--ambar); }
.se-puntos.filtra i:not(.sale)::after{ background:#0a0a0a; opacity:1; }
.se-puntos i.sale{ opacity:.06; transform:scale(.6); }
.se-barra{ position:relative; height:10px; border-radius:5px; background:#ececef; margin-top:4px; }
.se-relleno{ position:absolute; inset:0; border-radius:inherit; background:var(--verde); transform-origin:0 50%; transform:scaleX(var(--v)); transition:transform .6s var(--mueve); }
.se-marcas{ position:absolute; inset:0; }
.se-marcas i{ position:absolute; top:-2px; width:3px; height:14px; border-radius:1px; background:#e0a93a; left:calc(12% + var(--m) * 19%); transition:opacity .25s; }
.se-tramos{ position:relative; height:16px; margin-top:4px; }
.se-tr{ display:grid; grid-template-columns:repeat(5, 1fr); gap:2px; height:100%; }
.se-tr i{ border-radius:3px; background:var(--verde); transform-origin:0 50%; transition:transform .5s var(--mueve); }
.se-tr i:nth-child(2){ transition-delay:.08s; } .se-tr i:nth-child(3){ transition-delay:.16s; } .se-tr i:nth-child(4){ transition-delay:.24s; } .se-tr i:nth-child(5){ transition-delay:.32s; }
.se-tope{ position:absolute; left:78%; top:-4px; bottom:-4px; width:2px; background:#0a0a0a; }
.se-pasa{ position:absolute; left:78%; right:0; top:0; bottom:0; border-radius:0 3px 3px 0; background:repeating-linear-gradient(135deg, #e0a93a 0 3px, var(--ambar-f) 3px 6px); transition:opacity .3s; }
.se-piezas{ display:flex; gap:6px; padding-top:2px; }
.se-pieza{ position:relative; width:34px; height:30px; border-radius:7px; background:#f5f5f7; display:grid; place-items:center; color:rgba(10,10,10,.5); box-shadow:inset 0 0 0 1px rgba(10,10,10,.08); }
.se-piezas.sesiones .se-pieza{ width:38px; border-radius:999px; }
.se-pieza b{ font-size:10px; font-weight:600; }
.se-pieza .ico{ width:13px; height:13px; }
.se-pieza.usada{ background:#0a0a0a; color:#fff; }
.se-pieza.nueva{ background:var(--agua); color:#0a0a0a; box-shadow:inset 0 0 0 1.5px var(--verde); }
.se-pz-ok, .se-pz-amb{ position:absolute; right:-4px; top:-4px; width:13px; height:13px; border-radius:50%; display:none; place-items:center; transition:opacity .25s; }
.se-pz-ok{ background:var(--verde); color:#0a0a0a; } .se-pz-amb{ background:#fff; color:var(--ambar); box-shadow:0 0 0 1px rgba(183,121,31,.4); }
.se-pz-ok .ico, .se-pz-amb .ico{ width:8px; height:8px; stroke-width:2.8; }
.se-pieza.ok .se-pz-ok, .se-pieza.amb .se-pz-amb{ display:grid; }
.se-pieza.amb{ background:var(--ambar-f); }
.se-pie{ font-size:10px; color:rgba(10,10,10,.6); }
.se-rc-filas{ display:flex; flex-direction:column; gap:6px; margin-top:auto; padding-bottom:10px; }
.se-recuento .se-pz.pie{ font-size:10px; }

/* P7 · ficha */
.se-preg{ position:absolute; left:12px; top:12px; width:170px; z-index:3; border-radius:12px; overflow:hidden; background:#efeae2; box-shadow:0 1px 2px rgba(10,10,10,.05), 0 10px 24px -14px rgba(10,10,10,.28); }
.se-preg > .se-pz{ padding:6px 8px 8px; }
.se-ficha{ position:absolute; left:96px; top:58px; width:212px; z-index:2; padding:0 9px 9px; border-radius:12px; background:#fff; display:flex; flex-direction:column; gap:6px;
  box-shadow:0 1px 2px rgba(10,10,10,.05), 0 10px 24px -14px rgba(10,10,10,.28); transition:opacity .28s var(--e), transform .28s var(--e); }
.se-preg + .se-ficha{ padding-top:0; }
.se-fi-cab{ display:flex; align-items:center; justify-content:flex-end; gap:5px; height:26px; margin:0 -9px 2px; padding:0 9px; border-bottom:1px solid rgba(10,10,10,.07); }
.se-fi-cab b{ font-size:10px; font-weight:600; }
.se-pz.marcada{ background:var(--agua); border-color:transparent; box-shadow:inset 3px 0 0 var(--verde); }
.se-fi-sal{ position:absolute; left:12px; top:188px; width:200px; z-index:4; }
.se-ficha .se-doc, .se-hoja-doc .se-doc{ flex-wrap:wrap; }
.se-doc .se-adjs{ width:100%; margin:3px 0 0 23px; }
.se-ficha{ gap:5px; }
.se-ficha .se-pz{ padding-top:5px; padding-bottom:5px; }

/* ================= CON MOVIMIENTO (.se-corre en la portada activa): lo que espera su momento ================= */
.se-pz, .se-ficha, .se-tarea{ transition:opacity .28s var(--e), transform .28s var(--e); }
.se-corre .se-pz:not(.on){ opacity:0; transform:translateY(6px); }
.se-corre .se-col-der .se-pz:not(.on), .se-corre .se-salida .se-pz:not(.on), .se-corre .se-fi-sal .se-pz:not(.on){ transform:translateX(10px); }
.se-corre .se-msg:not(.on){ transform:scale(.94); }
.se-corre .se-msg.cli:not(.on){ transform-origin:0 0; } .se-corre .se-msg.neg:not(.on){ transform-origin:100% 0; }
.se-corre .se-escribe.on:not(.fuera){ display:flex; }
.se-corre .se-nueva:not(.on){ opacity:0; transform:scale(.8); }
.se-corre .se-suena.on{ animation:se-suena .54s ease-in-out; }
@keyframes se-suena{ 20%, 60%{ transform:rotate(14deg); } 40%, 80%{ transform:rotate(-14deg); } }
.se-corre .se-ti.on .se-ti-fl{ animation:se-late .36s var(--e) .25s; }
@keyframes se-late{ 50%{ transform:scale(1.25); } }
.se-corre .se-tachado:not(.on){ opacity:0; }
.se-corre .se-tachado:not(.on) i{ transform:scaleX(0); }
.se-corre .se-blo.mov:not(.on){ transform:none; }
.se-corre .se-blo.amb:not(.on), .se-corre .se-blo.pintura:not(.on){ opacity:1; }
.se-corre .se-blo.amb:not(.on){ opacity:0; }
.se-corre .se-blo.pintura:not(.on){ transform:none; }
.se-corre .se-viaja:not(.c2):not(.c3){ transform:none; }
.se-corre .se-viaja.c2:not(.c3){ transform:translateX(98px); }
.se-corre .se-viaja:not(.c3)::after{ opacity:0; }
.se-corre .se-tcols:not(.c2):not(.c3) .n1, .se-corre .se-tcols.c2:not(.c3) .n2{ opacity:1; }
.se-corre .se-tcols:not(.c3) .n3{ opacity:0; }
.se-corre .se-tarea:not(.on) .se-pend{ display:flex; }
.se-corre .se-tarea:not(.on) > .se-pz{ opacity:0; }
.se-corre .se-casilla.vacia.on{ animation:se-gira .5s var(--mueve); }
@keyframes se-gira{ to{ transform:rotate(360deg); } }
.se-corre .se-progreso:not(.p1):not(.p2):not(.p3) i{ transform:scaleX(0); }
.se-corre .se-progreso.p1:not(.p2):not(.p3) i{ transform:scaleX(.333); }
.se-corre .se-progreso.p2:not(.p3) i{ transform:scaleX(.666); }
.se-corre .se-lectura.on:not(.fuera){ animation:se-barre 1.1s var(--mueve) forwards; }
@keyframes se-barre{ 0%{ opacity:0; transform:translateY(0); } 12%{ opacity:1; } 88%{ opacity:1; } 100%{ opacity:0; transform:translateY(150px); } }
.se-corre .se-puntos:not(.p1) i::after{ opacity:0 !important; }
.se-corre .se-puntos:not(.p1) i.sale{ opacity:1; transform:none; }
.se-corre .se-puntos.p1:not(.p2) i.amb::after{ background:var(--verde); }
.se-corre .se-puntos:not(.p1) i.falta{ background:rgba(10,10,10,.14); box-shadow:none; }
.se-corre .se-barra:not(.p1) .se-relleno{ transform:scaleX(0); }
.se-corre .se-barra:not(.p2) .se-marcas i{ opacity:0; }
.se-corre .se-tramos:not(.p1) .se-tr i{ transform:scaleX(0); }
.se-corre .se-tramos:not(.p2) .se-pasa{ opacity:0; }
.se-corre .se-piezas:not(.p1) .se-pieza.amb{ background:#f5f5f7; }
.se-corre .se-piezas:not(.p1) .se-pz-amb, .se-corre .se-piezas:not(.p1) .se-pz-ok{ opacity:0; }
.se-corre .se-piezas:not(.p3) .se-pieza.nueva{ background:#f5f5f7; color:rgba(10,10,10,.5); box-shadow:inset 0 0 0 1px rgba(10,10,10,.08); }
.se-corre .se-ficha:not(.on){ opacity:0; transform:translateY(6px); }
/* al cambiar de sector, las tarjetas entran de lado (50 ms entre una y otra) */
.se-anima .se-tarjeta{ transition:opacity .36s var(--e) calc(var(--i, 0) * 50ms), transform .36s var(--e) calc(var(--i, 0) * 50ms); }
.se-anima .se-panel.se-pre .se-tarjeta{ opacity:0; transform:translateX(24px); transition:none; }
@media (prefers-reduced-motion:reduce){ .s-sectores *{ animation:none !important; transition:none !important; } }

/* ===================== v4 (03-10-2026): cuerpo de la tarjeta = título, descripción, «Para ti» y «Ver cómo funciona» ===================== */
.se-cuerpo .se-res{ margin-bottom:0 !important; }
.se-parati{ margin:18px 0 22px; padding-top:16px; border-top:1px solid rgba(10,10,10,.08); }
.se-pt-t{ display:block; font-size:11px; font-weight:500; letter-spacing:.1em; text-transform:uppercase; color:rgba(10,10,10,.46); }
.se-parati ul{ margin:10px 0 0; padding:0; list-style:none; display:flex; flex-direction:column; gap:9px; }
.se-parati li{ display:flex; gap:10px; font-size:14px; line-height:1.4; color:#0a0a0a; }
.se-pt-ok{ flex:none; width:20px; height:20px; margin-top:-1px; border-radius:50%; background:var(--agua); color:#2fa387; display:grid; place-items:center; }
.se-pt-ok .ico{ width:11px; height:11px; stroke-width:2.6; }
.se-ver{ display:flex; align-items:center; justify-content:center; gap:10px; width:100%; height:46px; margin-top:auto; padding:0 18px; border:0; border-radius:999px;
  background:#0a0a0a; color:#fff; font:inherit; font-size:14.5px; font-weight:500; letter-spacing:-.005em; cursor:pointer; transition:background .2s, transform .2s; }
.se-ver:hover{ background:#262626; }
.se-ver:active{ transform:scale(.98); }
.se-ver:focus-visible{ outline:2px solid #2fa387; outline-offset:3px; }
.se-ver-ic{ width:22px; height:22px; border-radius:50%; background:var(--verde); color:#0a0a0a; display:grid; place-items:center; }
.se-ver-ic .ico{ width:9px; height:9px; margin-left:1px; stroke:none; fill:currentColor; }
@media (max-width:639.98px){
  .se-parati{ margin:16px 0 18px; padding-top:14px; }
  .se-parati li{ font-size:13.5px; }
  .se-ver{ height:44px; font-size:14px; }
}
@media (min-width:768px){ .se-cuerpo .se-res{ min-height:calc(1.45em * 3); } }   /* el «Para ti» empieza a la misma altura en las tarjetas de una fila */
/* Cierre bajo los carruseles (04-10-2026): el de la sección de atención y ventas (.v-cierre de agentes.css) */
.se-cierre .v-cierre{ margin-top:0; }
.se-cierre .v-aclara{ margin-top:40px !important; max-width:920px; }
@media (max-width:899px){ .se-cierre .v-aclara{ margin-top:32px !important; } }