.form-main{padding:50px 0 90px}.form-container{max-width:980px}.form-intro h1{font-size:clamp(2.2rem,5vw,4rem);margin:8px 0}.form-intro p{color:var(--muted)}.form-card{margin:18px 0;padding:26px;border-radius:24px;background:linear-gradient(145deg,rgba(13,41,72,.9),rgba(5,22,39,.95));border:1px solid var(--border);scroll-margin-top:140px}.form-card h2{font-size:1.35rem}.form-grid{display:grid;gap:16px;margin-bottom:16px}.form-grid.two{grid-template-columns:repeat(2,1fr)}.form-grid.three{grid-template-columns:repeat(3,1fr)}label{display:flex;flex-direction:column;gap:7px;font-weight:700}label small{color:var(--muted);font-weight:400}input,select,textarea{padding:12px 13px;border-radius:12px;border:1px solid rgba(111,191,255,.28);background:#06172a;color:#fff;font:inherit}
input[type="time"]::-webkit-calendar-picker-indicator{filter:invert(1);cursor:pointer}.plan-selector{display:grid;grid-template-columns:1fr 1fr;gap:14px}.select-card{position:relative;padding:20px;border:1px solid var(--border);border-radius:17px;background:rgba(4,168,255,.04)}.select-card input{width:auto;position:absolute;right:18px;top:18px}.select-card>span{display:flex;flex-direction:column;padding-right:30px}.select-card:has(input:checked){border-color:var(--green);background:rgba(120,217,0,.08)}fieldset{margin:20px 0;padding:18px;border:1px solid var(--border);border-radius:16px}
.select-all-btn{display:block;margin:10px 0 14px;padding:7px 14px;font-size:.78rem;font-weight:800;border-radius:999px;border:1px solid var(--border);background:rgba(4,168,255,.1);color:#8fd6ff;cursor:pointer}
.select-all-btn:hover{background:rgba(4,168,255,.2)}
#estadoFamiliarWrap label,#provinciaFamiliarWrap label{margin:0}
.label-row{display:flex;flex-direction:row;align-items:baseline;gap:6px}
.optional-tag{color:var(--muted);font-weight:500;font-size:.82em}
.app-check-label{display:inline-flex;align-items:center;gap:7px}
.app-mini-ico{width:20px;height:20px;flex:none;background:#fff;border-radius:5px;padding:2px;object-fit:contain}
.check-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.check-grid.compact{grid-template-columns:repeat(6,1fr)}.check-grid label,.legal-checks label{display:flex;flex-direction:row;gap:8px;align-items:flex-start;padding:9px 10px;background:rgba(255,255,255,.035);border-radius:10px;font-weight:600}.check-grid input,.legal-checks input,.switch-question input{width:auto;margin-top:3px}.apps-grid-form{max-height:330px;overflow:auto}.switch-question{display:flex;flex-direction:row;gap:10px;padding:16px;background:rgba(120,217,0,.08);border:1px solid rgba(120,217,0,.25);border-radius:15px}.switch-question span{display:flex;flex-direction:column}.schedule-table{margin-top:18px;border:1px solid var(--border);border-radius:15px;overflow:hidden}.schedule-header,.schedule-row{display:grid;grid-template-columns:1.2fr .7fr 1fr 1fr;gap:10px;padding:11px 14px;align-items:center}.schedule-header{background:rgba(4,168,255,.1);font-weight:800}.schedule-row{border-top:1px solid var(--border)}.schedule-row label{display:block}.schedule-row input[type=checkbox]{width:auto}.business-notice{padding:14px;border-left:4px solid var(--green);background:rgba(120,217,0,.08);border-radius:9px;margin-bottom:16px}.legal-checks{display:grid;gap:8px}.form-submit-area{text-align:center;padding:20px}.success-panel{text-align:center;padding:45px;border:1px solid rgba(120,217,0,.35);border-radius:24px;background:rgba(120,217,0,.07)}.success-icon{width:66px;height:66px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#061321;font-size:2rem;font-weight:900;margin:auto}.success-panel p{color:var(--muted)}
.check-grid.pair{grid-template-columns:repeat(2,1fr)}
/* El relojito de Tiempo libre dentro de la fila de cada app. Lo comparten el portal del cliente
   y la solicitud publica, que usan la misma rejilla. Apagado = restringida a todas horas;
   encendido = se abre durante la franja. Deshabilitado mientras la app no este restringida. */
.app-check-label{flex:1;min-width:0}
.clockbtn{margin-left:auto;flex:none;width:30px;height:24px;border-radius:7px;border:1px solid var(--border);background:transparent;color:var(--muted);cursor:pointer;font-size:12px;line-height:1;padding:0;display:inline-flex;align-items:center;justify-content:center;transition:.15s}
.clockbtn:hover:not(:disabled){color:var(--white)}
.clockbtn.on{background:rgba(255,176,32,.16);border-color:rgba(255,176,32,.5);color:#ffb020}
.clockbtn:disabled{opacity:.25;cursor:default}
.opt-disabled{opacity:.5;cursor:not-allowed}
.dispositivos-help{display:block;color:var(--muted);margin:-8px 0 14px;font-weight:400;font-size:.85rem}
.device-row{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end;margin-bottom:12px}
.device-remove-btn{width:38px;height:38px;border-radius:50%;border:1px solid rgba(241,67,67,.35);background:rgba(241,67,67,.08);color:#f14343;font-weight:800;font-size:1rem;line-height:1;cursor:pointer;flex:none}
.device-remove-btn:hover{background:rgba(241,67,67,.18)}
.apps-filter-input{width:100%;margin:6px 0 14px}
.id-lookup-result{grid-column:1/-1;display:flex;align-items:center;gap:9px;margin:-4px 0 2px;padding:5px 9px;background:rgba(120,217,0,.08);border:1px solid rgba(120,217,0,.25);border-radius:9px;font-size:.78rem;font-weight:600;color:var(--green-2)}
.id-lookup-result img{width:36px;height:47px;border-radius:6px;object-fit:cover;flex:none;border:1px solid var(--border)}
.adv-toggle{display:flex;align-items:center;gap:8px;width:100%;margin-top:16px;padding:11px 14px;background:none;border:1px dashed var(--border);border-radius:12px;color:var(--blue);font:inherit;font-weight:800;font-size:.86rem;text-align:left;cursor:pointer}
.adv-toggle:hover{background:rgba(4,168,255,.06)}
.adv-toggle .adv-chev{margin-left:auto;transition:transform .18s ease}
.adv-toggle[aria-expanded="true"] .adv-chev{transform:rotate(180deg)}
.adv-panel{margin-top:14px}
.draft-banner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin:0 0 18px;padding:16px 20px;border-radius:16px;background:rgba(4,168,255,.09);border:1px solid rgba(4,168,255,.3);font-weight:700}
.draft-banner[hidden],.id-lookup-result[hidden],.id-lookup-result img[hidden]{display:none}
.draft-banner-actions{display:flex;gap:10px;flex:none}
@media(max-width:560px){.draft-banner{flex-direction:column;align-items:stretch;text-align:center}.draft-banner-actions{justify-content:center}}
.opt-text-wrap{display:flex;flex-direction:column;align-items:flex-start;gap:5px}
.soon-tag{padding:2px 9px;border-radius:999px;background:rgba(4,168,255,.16);color:var(--blue);font-size:.7rem;font-weight:800;letter-spacing:.02em;white-space:nowrap}
input.field-invalid,select.field-invalid,textarea.field-invalid{border-color:#f14343 !important;box-shadow:0 0 0 3px rgba(241,67,67,.18);background:rgba(241,67,67,.06)}
label.field-invalid{outline:2px solid #f14343;outline-offset:1px;background:rgba(241,67,67,.08) !important}
.validation-toast{position:fixed;top:18px;left:50%;transform:translateX(-50%);z-index:999;background:#f14343;color:#fff;padding:13px 22px;border-radius:12px;font-weight:800;box-shadow:0 8px 24px rgba(0,0,0,.35);max-width:min(92vw,520px);text-align:center}
.req-mark{display:none !important;color:#f14343;font-weight:800;cursor:help}
label:has(:required) .req-mark{display:inline !important}
#paymentFields:has(:required) h2 .req-mark{display:inline !important}
.payment-grid{grid-template-columns:3fr 2fr;align-items:start}
.payment-grid fieldset{margin:0;height:auto}
@media(max-width:760px){.form-grid.two,.form-grid.three,.plan-selector,.payment-grid{grid-template-columns:1fr}.check-grid,.check-grid.compact,.check-grid.pair{grid-template-columns:repeat(2,1fr)}.schedule-header{display:none}.schedule-row{grid-template-columns:1fr 1fr}.schedule-row .day-name{grid-column:1/-1;font-weight:800}.device-row{grid-template-columns:1fr 1fr;grid-template-areas:"tipo so" "remove remove"}.device-row .device-remove-btn{grid-area:remove;width:100%;border-radius:10px}}@media(max-width:480px){.check-grid,.check-grid.compact,.check-grid.pair{grid-template-columns:1fr}.form-card{padding:19px}}

/* Barra de progreso pegajosa: muestra en qué sección del formulario está el usuario */
.form-stepper{position:sticky;top:70px;z-index:15;background:rgba(3,16,31,.95);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);padding:12px 0}
.form-stepper-track{display:flex;gap:0;max-width:820px;margin:0 auto;padding:0 20px;overflow-x:auto}
.step-item{flex:1;min-width:66px;display:flex;flex-direction:column;align-items:center;position:relative;font-family:var(--mono);font-size:.6rem;letter-spacing:.03em;color:var(--muted);text-align:center;white-space:nowrap;cursor:pointer}
.step-item::before{content:"";position:absolute;top:11px;left:-50%;width:100%;height:2px;background:rgba(255,255,255,.1);z-index:-1}
.step-item:first-child::before{display:none}
.step-item.done::before{background:var(--green-2)}
.step-num{width:22px;height:22px;border-radius:50%;background:var(--panel-2);border:2px solid var(--border);display:grid;place-items:center;font-weight:800;margin-bottom:5px;color:#fff;font-size:.68rem}
.step-item.done .step-num{background:var(--green-2);border-color:var(--green-2);color:#062100}
.step-item.cur .step-num{border-color:var(--blue);box-shadow:0 0 0 4px rgba(4,168,255,.18)}
.step-item.cur{color:#fff}

/* Resalta con un pulso suave los enlaces legales para que se noten como interactivos */
.legal-highlight{position:relative;border-radius:4px;animation:legalPulse 2.6s ease-in-out infinite}
@keyframes legalPulse{
  0%,100%{box-shadow:0 0 0 0 rgba(4,168,255,.4);color:var(--blue)}
  50%{box-shadow:0 0 0 5px rgba(4,168,255,0);color:var(--lime)}
}
@media(prefers-reduced-motion:reduce){.legal-highlight{animation:none}}

/* ============ HORARIO DE TIEMPO LIBRE (selector de 30 en 30 min) ============ */
.master{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:rgba(4,168,255,.08);border:1px solid rgba(4,168,255,.25);border-radius:14px;padding:14px 16px;margin:18px 0 4px}
.master .lbl{flex:1 1 auto;min-width:200px}
.master .lbl strong{display:block;font-size:.92rem}
.master .lbl small{display:block;font-weight:400;margin-top:2px}
.apply-btn{background:linear-gradient(90deg,var(--blue),#3fc0ff);color:#03101f;border:none;border-radius:10px;padding:10px 14px;font-weight:800;font-size:.82rem;cursor:pointer;font:inherit;white-space:nowrap}
.apply-btn:hover{filter:brightness(1.08)}
.day-row{display:flex;align-items:center;gap:12px;padding:10px 4px;border-bottom:1px solid var(--border);flex-wrap:wrap}
.day-row:last-child{border-bottom:none}
.day-row.off{opacity:.45}
.day-toggle{flex-direction:row;align-items:center;gap:8px;width:132px;flex:none;font-weight:700}
.day-toggle input{width:auto;margin:0}
.range-slot{flex:1;display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:180px}
.range-wrap{display:inline-flex;align-items:center;gap:8px}
.day-row .arrow,.master .arrow{color:var(--muted);font-size:.85rem}
.tselect{position:relative;display:inline-block}
.tbtn{background:#06172a;border:1px solid rgba(111,191,255,.28);border-radius:10px;color:#fff;padding:8px 11px;font-family:var(--mono);font-size:.82rem;cursor:pointer;display:flex;align-items:center;gap:7px;min-width:82px;justify-content:space-between;font-weight:700}
.tbtn:hover,.tbtn.open{border-color:var(--blue)}
.tbtn .chev{color:var(--muted);font-size:.6rem;transition:.14s}
.tbtn.open .chev{transform:rotate(180deg)}
.tlist{position:absolute;top:calc(100% + 5px);left:0;z-index:20;background:var(--panel-2);border:1px solid var(--border);border-radius:11px;width:108px;max-height:220px;overflow-y:auto;box-shadow:0 14px 34px rgba(0,0,0,.4);padding:4px;display:none}
.tlist.open{display:block}
.tlist button{display:block;width:100%;text-align:left;background:none;border:none;color:#fff;font-family:var(--mono);font-size:.82rem;padding:7px 9px;border-radius:7px;cursor:pointer}
.tlist button:hover{background:rgba(111,191,255,.16)}
.tlist button.sel{background:linear-gradient(90deg,var(--blue),#3fc0ff);color:#03101f;font-weight:700}
.custom-link{background:none;border:none;color:var(--blue);font-size:.8rem;font-weight:800;cursor:pointer;font:inherit;padding:0;margin-left:auto}
.custom-link:hover{text-decoration:underline}
.badge-custom{font-size:.62rem;font-weight:800;color:#062012;background:var(--green-2);border-radius:6px;padding:2px 7px;margin-left:7px;text-transform:uppercase;letter-spacing:.02em}
.readonly-range{font-family:var(--mono);font-size:.82rem;color:var(--muted)}
@media(max-width:560px){.day-row{gap:8px}.day-toggle{width:100%}.range-slot{width:100%}}

/* ============ MODO CLARO ============ */
:root[data-theme="light"] .form-card{background:linear-gradient(145deg,#ffffff,#eef4fa)}
:root[data-theme="light"] input,:root[data-theme="light"] select,:root[data-theme="light"] textarea{background:#ffffff;color:#0c1b2a;border-color:rgba(0,64,133,.24)}
:root[data-theme="light"] .select-card{background:rgba(0,104,201,.05)}
:root[data-theme="light"] .select-all-btn{background:rgba(0,104,201,.08);color:#0057a6}
:root[data-theme="light"] .select-all-btn:hover{background:rgba(0,104,201,.16)}
:root[data-theme="light"] .check-grid label,:root[data-theme="light"] .legal-checks label{background:rgba(10,30,50,.04)}
:root[data-theme="light"] .schedule-header{background:rgba(0,104,201,.08)}
:root[data-theme="light"] .success-panel{background:rgba(79,156,0,.08)}
:root[data-theme="light"] .form-stepper{background:rgba(243,247,251,.95)}
:root[data-theme="light"] .step-item::before{background:rgba(10,30,50,.12)}
:root[data-theme="light"] .step-num{color:#0c1b2a}
:root[data-theme="light"] .step-item.done .step-num{background:#6fbf00;border-color:#6fbf00;color:#0c1b2a}
:root[data-theme="light"] .step-item.cur{color:#0c1b2a}
:root[data-theme="light"] .success-icon{background:#78d900}
:root[data-theme="light"] .tbtn{background:#ffffff;color:#0c1b2a;border-color:rgba(0,64,133,.24)}
:root[data-theme="light"] .tlist{background:#ffffff;border-color:rgba(0,64,133,.24);box-shadow:0 14px 34px rgba(20,50,90,.15)}
:root[data-theme="light"] .tlist button{color:#0c1b2a}
:root[data-theme="light"] .tlist button:hover{background:rgba(0,104,201,.1)}
/* Código de promoción (0034): en Preferencias de pago, solo en el plan Familiar. */
.codigo-wrap{margin-top:6px;max-width:560px}
.codigo-wrap .label-row{justify-content:flex-start;gap:8px}
.codigo-wrap input{text-transform:uppercase;font-family:var(--mono,ui-monospace,monospace);letter-spacing:.06em}
.codigo-wrap input::placeholder{text-transform:none;letter-spacing:0;font-family:inherit}
.codigo-wrap input.codigo-ok{border-color:rgba(120,217,0,.6);box-shadow:0 0 0 3px rgba(120,217,0,.14)}
.codigo-msg{margin:8px 0 0;font-size:.88rem;font-weight:700;line-height:1.4}
.codigo-msg.ok{color:var(--green-2)}
.codigo-msg.mal{color:#ff8a9c}
.codigo-msg.cargando{color:var(--muted);font-weight:500}
/* ===== Filas con candado (2026-10-22): las del perfil del portal y las del formulario de solicitud,
   para que quien solicita vea desde la primera pantalla la plantilla de su portal. Cerrado y rojo =
   bloqueado, abierto y verde = permitido. El candado ES el control: la casilla nativa sigue ahí
   (envío, teclado, lector de pantalla) pero no se ve. Toda la fila es pulsable. Solo en .lock-grid:
   el pago también usa .check-grid, con botones de opción, y ahí no van candados. ===== */
.dethead{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--blue);font-weight:800;margin:20px 0 8px}
.dethead:first-child{margin-top:0}
.form-card>h2+.dethead{margin-top:6px}
.fs-plano{border:0;padding:0;margin:0;min-width:0}
.lock-ayuda{display:block;margin-top:6px;color:var(--muted);font-size:12px}
.form-dominios{margin-top:14px}
.lock-grid label{position:relative;align-items:center;cursor:pointer;min-height:48px}
.lock-grid label>input[type=checkbox]{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}
.lock-grid .app-check-label{flex:1;min-width:0;overflow-wrap:anywhere}
.lock-grid .lock-ind{flex:none;width:30px;height:30px;border-radius:9px;margin-left:6px;border:1px solid rgba(120,217,0,.45);background:rgba(120,217,0,.1) url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2378d900' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='10.5' width='16' height='10' rx='2.5' fill='rgba(120,217,0,.22)'/%3E%3Cpath d='M8 10.5V7a4 4 0 0 1 7.4-2.1'/%3E%3C/svg%3E") center/17px no-repeat}
.lock-grid label:has(input:checked) .lock-ind{border-color:rgba(255,84,112,.55);background:rgba(255,84,112,.12) url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff5470' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='10.5' width='16' height='10' rx='2.5' fill='rgba(255,84,112,.22)'/%3E%3Cpath d='M8 10.5V7a4 4 0 0 1 8 0v3.5'/%3E%3C/svg%3E") center/17px no-repeat}
.lock-grid label:has(input:checked){box-shadow:inset 0 0 0 1px rgba(255,84,112,.35)}
.lock-grid label:has(input:focus-visible){outline:2px solid var(--blue);outline-offset:2px}
.lock-grid .clockbtn{width:28px;height:28px}
@media(max-width:560px){.lock-grid{grid-template-columns:1fr!important}}
/* ===== Lo que el filtro bloquea de verdad (portal, 2026-10-22): la foto de foto-filtro.js, por grupos
   cerrados con su cantidad, de a 24 y con buscador. Mide lo mismo con 200 páginas que con 20.000. ===== */
.fl2{margin-top:12px;border-radius:14px;border:1px solid var(--border);background:rgba(4,168,255,.04)}
.fl2-cab{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline;padding:14px 16px 0}
.fl2-cab b{font-size:14px}.fl2-cab span{color:var(--muted);font-size:12.5px}
.fl2-buscar{display:block;padding:10px 16px 0}
.fl2-buscar input{width:100%;box-sizing:border-box}
.fl2-res{padding:8px 16px 0;font-size:13.5px}
.fl2-res:empty{display:none}
.fl2-ok{color:var(--green);margin-bottom:6px}.fl2-no{color:var(--muted)}
.fl2-res .fl2-items{padding:0}
.fl2-grupos{display:grid;gap:6px;padding:12px 16px 14px}
.fl2-g{border-radius:11px;background:rgba(255,255,255,.035);border:1px solid transparent}
.fl2-g[open]{border-color:var(--border)}
.fl2-g>summary{list-style:none;display:flex;align-items:center;gap:10px;padding:10px 12px;cursor:pointer;font-weight:700;font-size:14px}
.fl2-g>summary::-webkit-details-marker{display:none}
.fl2-g>summary::after{content:"";width:8px;height:8px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg);margin:-4px 4px 0 2px;transition:transform .15s}
.fl2-g[open]>summary::after{transform:rotate(225deg);margin-top:4px}
.fl2-g>summary:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:11px}
.fl2-n{margin-left:auto;font-variant-numeric:tabular-nums;font-size:12.5px;padding:2px 10px;border-radius:999px;border:1px solid var(--border);color:var(--muted)}
.fl2-pt{width:9px;height:9px;border-radius:50%;flex:none;background:#ff5470}
.fl2-pt.fl2-ficha{background:var(--blue)}.fl2-pt.fl2-filtro{background:#ffbf3a}
.fl2-items{display:flex;flex-wrap:wrap;gap:6px;padding:0 12px 12px}
.fl2-chip{font-size:12.5px;padding:4px 10px;border-radius:8px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.06);overflow-wrap:anywhere;max-width:100%}
.fl2-chip.off{opacity:.5;text-decoration:line-through}
.fl2-de{color:var(--muted)}
.fl2-mas{margin:0 12px 12px;padding:6px 12px;border-radius:9px;border:1px solid var(--border);background:transparent;color:var(--blue);font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.fl2-mas:disabled{opacity:.6;cursor:wait}
.fl2-pie{display:block;padding:0 16px 14px;color:var(--muted);font-size:12px}
/* ===== Filtros adicionales (2026-10-22): tarjetas iguales de dos en dos, con un ícono, lo que hace
   cada filtro en una línea y el selector abajo. Se tiñen de verde cuando el filtro está en «Sí».
   Las usan la solicitud y el perfil del portal. ===== */
.filtros-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.filtro-card{display:flex;flex-direction:column;gap:6px;padding:14px 14px 14px 52px;border-radius:14px;border:1px solid var(--border);background:rgba(4,168,255,.04) no-repeat 16px 16px/22px;position:relative;min-width:0}
.filtro-card .filtro-tit{font-weight:800;font-size:14.5px;line-height:1.3}
.filtro-card .filtro-desc{color:var(--muted);font-size:12.5px;line-height:1.4;font-weight:500}
.filtro-card select{margin-top:auto;width:100%}
.filtro-card:has(option[value="Sí"]:checked){border-color:rgba(120,217,0,.45);background-color:rgba(120,217,0,.06)}
.filtro-card:has(select:disabled){opacity:.6}
.fc-busqueda{background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2304a8ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E")}
.fc-youtube{background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2304a8ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.5' y='5' width='19' height='14' rx='4'/%3E%3Cpath d='m10 9 5 3-5 3z'/%3E%3C/svg%3E")}
.fc-youtube-bloqueado{background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2304a8ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m5.6 5.6 12.8 12.8'/%3E%3C/svg%3E")}
.fc-evasion{background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2304a8ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 4.5 6v5.5c0 4.6 3.2 8.2 7.5 9.5 4.3-1.3 7.5-4.9 7.5-9.5V6z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E")}
@media(max-width:640px){.filtros-grid{grid-template-columns:1fr}}
/* El código de promoción, compacto y con su regalo. */
.codigo-campo{position:relative;display:block;max-width:260px}
.codigo-campo::before{content:"";position:absolute;left:12px;top:50%;width:20px;height:20px;transform:translateY(-50%);background:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2378d900' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='8' width='18' height='4' rx='1'/%3E%3Cpath d='M12 8v13'/%3E%3Cpath d='M19 12v7a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-7'/%3E%3Cpath d='M7.5 8a2.5 2.5 0 0 1 0-5C9.5 3 11 5 12 8c1-3 2.5-5 4.5-5a2.5 2.5 0 0 1 0 5'/%3E%3C/svg%3E") center/contain no-repeat;pointer-events:none}
.codigo-campo input{padding-left:42px;font-size:14px}