/* =========================================================================
   PROVALDAR OS · v10.3 · editor del sitio web
   ========================================================================= */
.web-grid{display:grid;grid-template-columns:minmax(380px,.9fr) minmax(0,1.1fr);gap:16px;margin-top:18px;align-items:start}
@media (max-width:1250px){.web-grid{grid-template-columns:minmax(0,1fr)}}
.web-editor{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;min-width:0}
.web-editor .em-tabs{margin:0}
.web-tab{display:grid;gap:14px}
.web-previa-col{position:sticky;top:84px;min-width:0}
.web-previa-panel h4{gap:12px}
.web-disp{display:inline-grid;grid-template-columns:1fr 1fr;gap:4px;width:auto}
.web-disp button{padding:6px 10px;font-family:var(--f-b);font-size:11px;font-weight:600;letter-spacing:0;text-transform:none}
.web-marco{position:relative;overflow:hidden;border-radius:12px;border:1px solid var(--line);background:#050506;min-height:220px}
.web-marco iframe{position:absolute;left:0;top:0;border:0;transform-origin:0 0;background:#0B0B0C}
.web-marco.celular{max-width:390px;margin:0 auto;border-radius:22px}
.web-cargando{padding:20px}
.web-ayuda{display:block;margin-top:6px;font-size:11.5px;line-height:1.45;color:var(--ink-3)}
.web-largo{color:var(--warn-lit)!important}

.web-caps{display:grid;gap:10px}
.web-cap{border-radius:var(--r-lg);border:1px solid var(--line);background:var(--panel);overflow:hidden;transition:border-color .25s}
.web-cap.abierto{border-color:var(--rojo-borde)}
.web-cap-cab{display:grid;grid-template-columns:34px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:12px 14px;cursor:pointer}
.web-cap-cab:hover{background:rgba(255,255,255,.025)}
.web-num{font-family:var(--f-d);font-weight:700;font-size:18px;color:#ff5a66}
.web-cap-cab b{display:block;font-size:13px;color:#fff}
.web-cap-cab small{display:block;font-size:11.5px;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.web-tag{padding:3px 8px;border-radius:6px;border:1px solid var(--line);font-family:var(--f-d);font-weight:700;font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}
.web-tag.ok{border-color:rgba(61,220,132,.45);color:var(--ok-lit)}
.web-interruptor{position:relative;width:36px;height:20px;cursor:pointer}
.web-interruptor input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.web-interruptor i{position:absolute;inset:0;border-radius:99px;background:rgba(255,255,255,.12);transition:background .2s;pointer-events:none}
.web-interruptor i::after{content:"";position:absolute;left:3px;top:3px;width:14px;height:14px;border-radius:50%;background:#fff;transition:transform .2s}
.web-interruptor input:checked+i{background:var(--rojo)}
.web-interruptor input:checked+i::after{transform:translateX(16px)}
.web-interruptor input:focus-visible+i{outline:2px solid #ff5a66;outline-offset:2px}
.web-cap-cuerpo{display:grid;gap:12px;padding:4px 14px 16px;border-top:1px solid var(--line-soft)}
.web-cap-cuerpo textarea{width:100%;resize:vertical;font:inherit;font-size:12.5px;line-height:1.5}
.web-hui{margin-top:4px;padding:12px;border-radius:12px;border:1px solid rgba(255,45,63,.22);background:rgba(255,45,63,.05)}
.web-hui h5{margin:0 0 8px;font-family:var(--f-d);font-weight:700;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#ff8a93}
.web-medio{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;align-items:center;margin-top:10px}
.web-medio .sv-esqueleto{grid-column:1/-1}
.web-medio>.web-ayuda,.web-medio>.pv-acc{grid-column:1/-1}
.web-mini{width:96px;aspect-ratio:9/16;border-radius:10px;overflow:hidden;border:1px solid var(--line);background:#050506}
.web-mini video,.web-mini img{width:100%;height:100%;object-fit:cover;display:block}
.web-sin-medio{height:100%;display:grid;place-items:center;padding:8px;text-align:center;font-size:10px;line-height:1.3;color:var(--ink-3)}
.web-medio-acc .pv-acc{margin-top:4px}
.web-colores{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.web-color{display:flex;align-items:center;gap:10px;padding:8px;border-radius:10px;border:1px solid var(--line);background:rgba(255,255,255,.02);cursor:pointer}
.web-color input{width:34px;height:34px;padding:0;border:0;border-radius:8px;background:none;cursor:pointer}
.web-color b{display:block;font-size:12px;color:#fff}
.web-color code{font-family:var(--f-m);font-size:11px;color:var(--ink-3)}
.web-cita{margin:10px 0;padding:12px 14px;border-left:2px solid var(--rojo);background:rgba(255,255,255,.03);font-size:14px;line-height:1.5;color:#fff}
#modal:has(.web-modal-grande){width:min(1500px,96vw);max-width:none;height:92vh;padding:0;overflow:hidden}
.web-modal-grande{display:grid;grid-template-rows:auto 1fr;height:100%}
.web-modal-barra{display:flex;align-items:center;gap:14px;padding:10px 14px;border-bottom:1px solid var(--line)}
.web-modal-barra .web-ayuda{margin:0}
.web-modal-barra .btn{margin-left:auto}
.web-modal-grande iframe{width:100%;height:100%;border:0;background:#0B0B0C}

/* ---------- v10.4 · escenas del video de bienvenida y testimonios ---------- */
.web-escenas{display:grid;gap:10px;margin-top:4px}
.web-escenas h5{margin:0;font-family:var(--f-d);font-weight:700;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#ff8a93}
.web-escena{display:grid;gap:8px;padding:12px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.02)}
.web-escena header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px}
.web-escena header b{font-family:var(--f-d);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#fff}
.web-escena header input{height:32px;font-size:12px}
.web-escena-acc{display:flex;gap:4px}
.web-escena-acc .btn{height:30px;min-width:30px;padding:0 8px}
.web-medio.ancho{grid-template-columns:170px minmax(0,1fr)}
.web-medio.ancho .web-mini{width:170px;aspect-ratio:16/9}
.web-escena .web-medio{grid-template-columns:150px minmax(0,1fr)}
.web-escena .web-mini{width:150px;aspect-ratio:16/9}
.web-tests{list-style:none;margin:0 0 8px;padding:0;display:grid;gap:8px}
.web-tests li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:rgba(255,255,255,.02)}
.web-tests b{font-size:12.5px;color:#fff}
.web-tests small{display:block;font-size:11px;color:var(--ink-3)}
.web-tests p{margin:4px 0 0;font-size:12px;color:var(--ink-2)}