/* Asistencia Deudores — deudores.html con su sistema de diseño (19-10-26).
   Piezas del sistema + página del lienzo de Deudores + formulario por pasos sobre tarjeta blanca. */
@font-face{font-family:"Switzer";src:url("../fonts/switzer-400.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Switzer";src:url("../fonts/switzer-500.woff2") format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Switzer";src:url("../fonts/switzer-800.woff2") format("woff2");font-weight:800;font-display:swap}
:root{--marca:#00d4c3;--marca-oscura:#00796f;--marca-rgb:0,212,195;--marca-texto:#0a1956;--marca-suave:#e6faf8}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{background:#ffffff}
img{max-width:100%}
.marca-texto{color:var(--marca)}
.tarjeta-form .fp-emergencia{display:grid;gap:10px;margin:14px 0 16px}
.tarjeta-form .fp-emergencia a{display:flex;align-items:center;gap:14px;min-height:56px;padding:12px 18px;border:1.5px solid #f2c4c4;border-radius:14px;background:#fff6f6;color:#0a1956;font-size:16px;font-weight:500;text-decoration:none}
.tarjeta-form .fp-emergencia b{min-width:58px;font-size:22px;font-weight:800;color:#b42318}
.faq-grupo{margin-bottom:14px;border:1.5px solid #dce3f5;border-radius:16px;background:#ffffff}
.faq-grupo>summary{display:flex;align-items:center;gap:16px;padding:22px 24px;cursor:pointer;list-style:none;font-size:23px;line-height:1.25;font-weight:800;color:#0a1956}
.faq-grupo>summary::-webkit-details-marker{display:none}
.faq-grupo>summary:focus-visible{outline:3px solid var(--marca);outline-offset:2px;border-radius:16px}
.faq-grupo>summary .faq-grupo-cuenta{margin-left:auto;font-size:14px;font-weight:500;color:#6b7280;white-space:nowrap}
.faq-grupo>summary .mas{font-size:30px;font-weight:400;color:var(--marca-oscura);transition:transform .2s}
.faq-grupo[open]>summary{border-bottom:1px solid #dce3f5}
.faq-grupo[open]>summary .mas{transform:rotate(45deg)}
.faq-grupo-cuerpo{padding:0 24px 4px}
.faq-grupo-cuerpo details.pregunta:last-child{border-bottom:0}
@media (max-width:760px){.faq-grupo>summary{flex-wrap:wrap;gap:4px 12px;padding:18px 16px;font-size:19px}.faq-grupo>summary span:first-child{flex:1 1 100%}.faq-grupo>summary .faq-grupo-cuenta{margin-left:0}.faq-grupo>summary .mas{margin-left:auto}.faq-grupo-cuerpo{padding:0 16px 4px}}
/* Asistencia Deudores · piezas compartidas.
   Cada var() lleva su valor de respaldo para que la clase funcione también fuera del sistema
   (por ejemplo, pegada en un elemento Código de GoHighLevel). */

.ap { font-family: var(--font-switzer, "Switzer", -apple-system, "Segoe UI", Helvetica, Arial, sans-serif); }
.ap-sobre-oscuro { background: var(--azul-ejam, #0a1956); color: var(--blanco, #ffffff); }
.ap-sobre-papel { background: var(--crema, #f8f3ea); color: var(--azul-ejam, #0a1956); }
.ap-sobre-blanco { background: var(--blanco, #ffffff); color: var(--azul-ejam, #0a1956); }
.ap-degradado { background: linear-gradient(165deg, var(--azul-ejam, #0a1956) 0%, #18308c 55%, var(--azul-acento, #5984e7) 120%); color: var(--blanco, #ffffff); }

/* Botón */
.ap-boton { display: inline-flex; align-items: center; gap: 12px; min-height: 48px; box-sizing: border-box; padding: 16px 28px; border: 1.5px solid transparent; border-radius: var(--radio-pastilla, 999px); font: 800 18px/1 var(--font-switzer, "Switzer", sans-serif); text-decoration: none; cursor: pointer; }
.ap-boton svg { width: 22px; height: 22px; flex: none; }
.ap-boton--principal { background: var(--turquesa, #00d4c3); color: var(--azul-ejam, #0a1956); }
.ap-boton--contorno { background: transparent; color: inherit; border-color: currentColor; font-weight: 500; }
.ap-boton--claro { background: var(--blanco, #ffffff); color: var(--azul-ejam, #0a1956); }
.ap-boton:focus-visible { outline: 3px solid var(--turquesa, #00d4c3); outline-offset: 3px; }

/* Etiqueta */
.ap-etiqueta { display: inline-flex; align-items: center; gap: 14px; font: 500 15px/1.3 var(--font-switzer, "Switzer", sans-serif); letter-spacing: 0.14em; text-transform: uppercase; color: var(--turquesa, #00d4c3); }
.ap-etiqueta::before { content: ""; width: 44px; height: 3px; background: var(--turquesa, #00d4c3); }
.ap-sobre-blanco .ap-etiqueta, .ap-sobre-papel .ap-etiqueta { color: var(--turquesa-oscuro, #00796f); }
.ap-sobre-blanco .ap-etiqueta::before, .ap-sobre-papel .ap-etiqueta::before { background: var(--turquesa-oscuro, #00796f); }

/* Titular mixto */
.ap-titular { margin: 0; font-weight: 400; line-height: 1; letter-spacing: -0.02em; text-wrap: balance; }
.ap-titular b { font-weight: 800; }
.ap-punto { color: var(--turquesa, #00d4c3); font-weight: 800; }
.ap-sobre-blanco .ap-punto, .ap-sobre-papel .ap-punto { color: var(--turquesa-oscuro, #00796f); }

/* Resaltador */
.ap-marcador { background: linear-gradient(transparent 55%, var(--marcador, #00d4c359) 55%); padding: 0 0.12em; }

/* Banda turquesa */
.ap-banda { display: flex; align-items: center; justify-content: space-between; gap: 24px; box-sizing: border-box; padding: 0 var(--esp-7, 64px); background: var(--turquesa, #00d4c3); color: var(--azul-ejam, #0a1956); font: 800 32px/1 var(--font-switzer, "Switzer", sans-serif); }
.ap-banda small { display: inline-flex; align-items: center; gap: 14px; font-size: 22px; font-weight: 500; }
.ap-banda svg { width: 40px; height: 40px; }

/* Marco turquesa */
.ap-marco { position: relative; }
.ap-marco__linea { position: absolute; left: 12%; right: 12%; top: 18%; bottom: 0; border: 3px solid var(--turquesa, #00d4c3); border-radius: var(--radio-xl, 28px); box-shadow: var(--brillo-turquesa, 0 0 80px rgba(0,212,195,0.30)); }
.ap-marco__foto { position: absolute; left: 50%; bottom: 0; height: 100%; width: auto; transform: translateX(-50%); }

/* Texto en bloques */
.ap-bloques { display: flex; flex-direction: column; align-items: flex-start; gap: var(--esp-1, 4px); margin: 0; line-height: 1.08; text-transform: uppercase; }
.ap-bloques--derecha { align-items: flex-end; }
.ap-bloques span { padding: 2px 14px; background: var(--blanco, #ffffff); color: var(--azul-ejam, #0a1956); font-weight: 400; }
.ap-bloques b { font-weight: 800; }

/* Lista numerada */
.ap-lista { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 40px; }
.ap-lista li { display: flex; flex-direction: column; gap: 10px; }
.ap-lista__num { display: flex; justify-content: space-between; align-items: center; font-size: 64px; line-height: 1; font-weight: 400; }
.ap-lista__num svg { width: 40px; height: 40px; }
.ap-lista__titulo { font-size: 26px; font-weight: 800; letter-spacing: 0.02em; text-transform: uppercase; }
.ap-lista__texto { font-size: 21px; line-height: 1.4; color: var(--gris-claro, #d7dceb); }
.ap-lista__raya { display: block; width: 72px; height: 4px; margin-top: 4px; background: var(--turquesa, #00d4c3); }

/* Video: subtítulos y notas */
.ap-subtitulo { display: inline-block; padding: 10px 24px; background: var(--blanco, #ffffff); color: var(--azul-ejam, #0a1956); border-radius: 12px; box-shadow: 0 10px 24px rgba(0,0,0,0.25); font: 800 54px/1.1 var(--font-switzer, "Switzer", sans-serif); white-space: nowrap; }
.ap-subtitulo-escena { font: 800 40px/1.2 var(--font-switzer, "Switzer", sans-serif); color: var(--azul-nota, #3d5fc4); text-align: center; }
.ap-mano { font-family: var(--font-mano, "Caveat", cursive); font-weight: 700; font-size: 60px; line-height: 1; color: var(--azul-nota, #3d5fc4); }
.ap-nota { position: relative; display: inline-flex; align-items: center; box-sizing: border-box; min-width: 300px; height: 118px; padding: 0 28px; background: var(--celeste, #d1e8fe); box-shadow: var(--sombra-nota, 0 10px 18px rgba(10,25,86,0.16)); font-family: var(--font-mano, "Caveat", cursive); font-weight: 700; font-size: 52px; color: var(--azul-ejam, #0a1956); }
.ap-nota--menta { background: var(--menta, #c8f4ef); }
.ap-nota--azul { background: var(--azul-palido, #b9cbf5); }
.ap-nota--blanca { background: var(--blanco, #ffffff); }
.ap-nota__chinche { position: absolute; left: 50%; top: -10px; width: 20px; height: 20px; border-radius: 50%; background: var(--rojo-tachado, #d64545); }

/* Antes y después */
.ap-tachado { position: relative; display: inline-flex; align-items: baseline; gap: 10px; }
.ap-tachado::after { content: ""; position: absolute; left: -3%; top: 48%; width: 106%; height: 10px; border-radius: 6px; background: var(--rojo-tachado, #d64545); transform: rotate(-6deg); }
.ap-cifra { font-size: 170px; line-height: 1; font-weight: 800; }

/* Tarjeta de la asesoría (web) */
.ap-asesoria { display: flex; flex-direction: column; gap: 20px; box-sizing: border-box; padding: 40px; background: var(--azul-ejam, #0a1956); color: var(--blanco, #ffffff); border: 2px solid var(--turquesa, #00d4c3); border-radius: var(--radio-xl, 28px); }
.ap-asesoria__titulo { font-size: 32px; line-height: 1.1; font-weight: 800; }
.ap-asesoria__texto { margin: 0; font-size: 18px; line-height: 1.5; color: var(--gris-claro, #d7dceb); }
.ap-asesoria__lista { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 10px 24px; font-size: 17px; }
.ap-asesoria__lista li { display: flex; align-items: center; gap: 10px; }
.ap-asesoria__lista svg { width: 22px; height: 22px; flex: none; color: var(--turquesa, #00d4c3); }
.ap-asesoria .ap-etiqueta { color: var(--turquesa, #00d4c3); }
.ap-asesoria .ap-etiqueta::before { background: var(--turquesa, #00d4c3); }

/* Cita de un experto (anuncios y posts) */
.ap-cita { position: relative; overflow: hidden; box-sizing: border-box; background: var(--negro-ejam, #171717); color: var(--blanco, #ffffff); }
.ap-cita__texto { margin: 0; font-size: 46px; line-height: 1.15; font-weight: 400; letter-spacing: -0.01em; text-wrap: balance; }
.ap-cita__texto b { font-weight: 800; }
.ap-cita__comilla { font-size: 160px; line-height: 0.6; font-weight: 800; color: var(--turquesa, #00d4c3); }
.ap-cita__firma { display: flex; align-items: stretch; gap: 14px; }
.ap-cita__firma::before { content: ""; width: 6px; border-radius: 3px; background: var(--turquesa, #00d4c3); }

body{margin:0}
a{color:#0a1956}a:hover{color:var(--marca-oscura)}
.pagina{font-family:"Switzer",-apple-system,"Segoe UI",Helvetica,sans-serif;color:#0a1956;background:#ffffff}
.contenedor{max-width:1200px;margin:0 auto;padding:0 48px;box-sizing:border-box}
.seda{background:linear-gradient(180deg,rgba(10,12,26,.72) 0%,rgba(10,12,26,.62) 28%,rgba(10,12,26,.82) 60%,rgba(10,12,26,.92) 100%),url("../imgsitio/asistencia-deudores/fondo-seda.jpg") center/cover;background-color:#171717;color:#ffffff}
.barra{position:relative;z-index:50}
/* Menú del sitio (el mismo de la portada): enlaces a la derecha en computador, panel lateral en celular y tableta */
.barra-fila{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:28px;padding-bottom:28px}
.menu{display:flex;align-items:center;gap:2px}
.menu a{padding:9px 12px;border-radius:8px;color:#d7dceb;font-size:14px;font-weight:500;text-decoration:none;white-space:nowrap}
.menu a:hover{color:#ffffff;background:rgba(255,255,255,.08)}
.menu a small{display:block;margin-top:2px;font-size:11px;font-weight:500;letter-spacing:.02em;color:#9ea6bf}
.menu a.activo{color:#ffffff;background:rgba(255,255,255,.1)}
.menu a.menu-boton{margin-left:6px;background:#f8f3ea;color:#0a1956;font-weight:800}
.menu a.menu-boton:hover{background:#ffffff;color:#0a1956}
.menu a.menu-pago{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#16a34a;color:#ffffff;box-shadow:0 6px 18px rgba(22,163,74,.45)}
.menu a.menu-pago:hover{background:#15803d;color:#ffffff}
.menu a.menu-pago svg{width:18px;height:18px;flex:none}
.menu-abrir,.menu-fondo{display:none}
/* Submenú de Recursos (21-10-26): Cuestionario legal y Calculadora de renegociación como entradas propias */
.menu-grupo{position:relative}
.menu-grupo>a::after{content:"";display:inline-block;width:6px;height:6px;margin-left:8px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-3px) rotate(45deg);vertical-align:middle;opacity:.7}
.menu-sub{display:none;position:absolute;top:100%;left:0;z-index:60;flex-direction:column;gap:2px;min-width:290px;padding:8px;background:#0a0f24;border:1px solid rgba(255,255,255,.1);border-radius:14px;box-shadow:0 16px 40px rgba(0,0,0,.4)}
.menu-grupo:hover .menu-sub,.menu-grupo:focus-within .menu-sub{display:flex}
.menu-sub a{padding:10px 12px;white-space:normal}
.menu-sub a small{color:#9ea6bf}
@media (max-width:1200px){
  .menu-abrir{position:relative;z-index:3;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;padding:0;border:0;background:none;cursor:pointer}
  .menu-abrir span{display:block;width:24px;height:2px;border-radius:2px;background:#ffffff;transition:transform .25s,opacity .25s}
  .menu-abrir.abierto span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .menu-abrir.abierto span:nth-child(2){opacity:0}
  .menu-abrir.abierto span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .menu{position:fixed;top:0;right:0;z-index:2;flex-direction:column;align-items:stretch;gap:4px;width:min(300px,85vw);height:100vh;box-sizing:border-box;padding:100px 24px 40px;background:#0a0f24;box-shadow:-4px 0 30px rgba(0,0,0,.35);transform:translateX(100%);transition:transform .3s ease}
  .menu.abierto{transform:none}
  .menu a{padding:14px 16px;font-size:16px}
  .menu a.menu-boton{margin:12px 0 0;text-align:center}
  .menu-grupo{display:contents}
  .menu-grupo>a::after{display:none}
  .menu-sub{display:flex;position:static;min-width:0;padding:0 0 0 18px;background:none;border:0;box-shadow:none}
  .menu-sub a{padding:10px 16px;font-size:15px}
  .menu-fondo{display:block;position:fixed;inset:0;z-index:1;background:rgba(0,0,0,.5);opacity:0;pointer-events:none;transition:opacity .3s}
  .menu-fondo.abierto{opacity:1;pointer-events:auto}
}
.portada-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:48px;align-items:end}
.titular{font-size:62px;line-height:1.04}
.titulo-reserva{font-size:58px;line-height:1.04}
.seda h1,.seda h2,.seda .bajada{text-shadow:0 2px 16px rgba(10,12,26,.75),0 1px 3px rgba(10,12,26,.6)}
.portada-foto{height:600px}
.halo{position:absolute;left:50%;bottom:8%;width:420px;height:420px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,rgba(var(--marca-rgb),.28) 0%,rgba(var(--marca-rgb),0) 70%)}
/* Botón principal más llamativo: resplandor turquesa, un brillo que lo cruza y un rebote leve cada pocos segundos */
.ap-boton--principal{position:relative;overflow:hidden;box-shadow:0 10px 28px rgba(var(--marca-rgb),.38),0 0 0 0 rgba(var(--marca-rgb),.5);animation:boton-rebote 3s ease-in-out infinite,boton-halo 3s ease-out infinite}
.ap-boton--principal::after{content:"";position:absolute;top:0;left:-60%;width:38%;height:100%;background:linear-gradient(105deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.7) 50%,rgba(255,255,255,0) 100%);transform:skewX(-20deg);animation:boton-brillo 3s ease-in-out infinite;pointer-events:none}
.seda .ap-boton--principal{min-height:66px;padding:22px 40px;font-size:21px}
.seda .ap-boton--principal svg{width:24px;height:24px}
.ap-boton--principal:hover{box-shadow:0 14px 38px rgba(var(--marca-rgb),.55)}
.ap-boton--principal:hover,.ap-boton--principal:focus,.ap-boton--principal:active,.ap-boton--principal:visited{color:var(--marca-texto,#0a1956)}
@keyframes boton-rebote{0%,68%,100%{transform:translateY(0)}76%{transform:translateY(-4px)}84%{transform:translateY(0)}90%{transform:translateY(-2px)}96%{transform:translateY(0)}}
@keyframes boton-brillo{0%,50%{left:-60%}72%,100%{left:130%}}
@keyframes boton-halo{0%,60%{box-shadow:0 10px 28px rgba(var(--marca-rgb),.38),0 0 0 0 rgba(var(--marca-rgb),.5)}85%{box-shadow:0 10px 28px rgba(var(--marca-rgb),.38),0 0 0 12px rgba(var(--marca-rgb),0)}100%{box-shadow:0 10px 28px rgba(var(--marca-rgb),.38),0 0 0 0 rgba(var(--marca-rgb),0)}}
@media (prefers-reduced-motion:reduce){.ap-boton--principal,.ap-boton--principal::after{animation:none}}
.seccion{padding:104px 0}
.titulo-seccion{margin:0;font-size:56px;line-height:1.05;font-weight:800;letter-spacing:-.015em;text-wrap:balance}
.clara .ap-etiqueta{color:var(--marca-oscura)}.clara .ap-etiqueta::before{background:var(--marca-oscura)}
.reservar-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:40px;align-items:start}
details.pregunta{border-bottom:1px solid #dce3f5}
details.pregunta summary{display:grid;grid-template-columns:56px minmax(0,1fr) 28px;gap:16px;align-items:center;padding:26px 0;cursor:pointer;list-style:none;font-size:21px;font-weight:800;color:#0a1956}
details.pregunta summary::-webkit-details-marker{display:none}
details.pregunta summary:focus-visible{outline:3px solid var(--marca);outline-offset:2px}
details.pregunta[open] .mas{transform:rotate(45deg)}
@media (max-width:760px){
  .contenedor{padding:0 16px}
  .portada-grid{grid-template-columns:1fr;gap:8px}
  .titular{font-size:36px;line-height:1.08}
  .bajada{font-size:18px !important}
  .portada-foto{height:400px}
  .halo{width:300px;height:300px}
  .seccion{padding:56px 0}
  .titulo-seccion{font-size:32px}
  .titulo-reserva{font-size:38px}
  .seda .ap-boton--principal{width:100%;justify-content:center;gap:10px;padding:20px 16px;font-size:min(19px,4.9vw);white-space:nowrap}
  .reservar-grid{grid-template-columns:minmax(0,1fr);gap:24px}
  .ap-asesoria{padding:24px !important}
  details.pregunta summary{grid-template-columns:40px minmax(0,1fr) 24px;font-size:18px}
  details.pregunta p{margin-left:56px !important}
}

@media (min-width:761px) and (max-width:1100px){.titular{font-size:48px}.portada-foto{height:520px}.titulo-seccion{font-size:44px}.titulo-reserva{font-size:44px}}

/* ---- Formulario por pasos sobre la tarjeta blanca (form-pasos.css viene pensado para fondo oscuro) ---- */
.tarjeta-form{box-sizing:border-box;padding:36px;background:#ffffff;color:#0a1956;border-radius:20px;box-shadow:0 18px 44px rgba(0,0,0,.28)}
.tarjeta-form .fp-progreso{background:#dce3f5}
.tarjeta-form .fp-barra{background:var(--marca)}
.tarjeta-form .fp-contador{font-size:14px;font-weight:500;letter-spacing:.14em;color:#6b7280}
.tarjeta-form .fp-pregunta{font-size:26px;line-height:1.2;font-weight:800;color:#0a1956}
.tarjeta-form .fp-ayuda{font-size:16px;color:#4b5563}
.tarjeta-form .fp-opcion span{min-height:58px;padding:16px 20px;border:1.5px solid #dce3f5;border-radius:14px;background:#ffffff;color:#0a1956;font-size:17px;font-weight:500}
.tarjeta-form .fp-opcion span::after{color:var(--marca-oscura);opacity:1}
.tarjeta-form .fp-opcion:hover span{border-color:var(--marca-oscura);background:#f5f8ff}
.tarjeta-form .fp-opcion input:checked+span{border-color:var(--marca-oscura);background:var(--marca-suave)}
.tarjeta-form .fp-opcion input:focus-visible+span{outline-color:var(--marca)}
.tarjeta-form .fp-atras{color:#4b5563}
.tarjeta-form .fp-atras:hover{color:#0a1956}
.tarjeta-form .fp-continuar,.tarjeta-form .fp-enviar{background:var(--marca);color:var(--marca-texto);font-weight:800}
.tarjeta-form .fp-continuar:hover,.tarjeta-form .fp-enviar:hover{box-shadow:0 8px 24px rgba(var(--marca-rgb),.4)}
.tarjeta-form .form-group{display:flex;flex-direction:column;gap:8px;margin-top:16px}
.tarjeta-form .form-group label,.tarjeta-form .fp-whatsapp label{margin:0;font-size:16px;font-weight:800;color:#0a1956}
.tarjeta-form .form-group>input,.tarjeta-form .form-group>textarea{box-sizing:border-box;width:100%;min-height:54px;padding:14px 16px;border:1.5px solid #dce3f5;border-radius:12px;background:#ffffff;color:#0a1956;font:500 17px "Switzer",sans-serif}
.tarjeta-form .form-group>textarea{resize:vertical;line-height:1.5}
.tarjeta-form .form-group>input:focus,.tarjeta-form .form-group>textarea:focus{outline:none;border-color:var(--marca-oscura);box-shadow:0 0 0 3px rgba(var(--marca-rgb),.3)}
.tarjeta-form input::placeholder,.tarjeta-form textarea::placeholder{color:#9aa3b8}
.tarjeta-form .phone-input{display:flex;align-items:stretch}
.tarjeta-form .phone-prefix{display:flex;align-items:center}
.tarjeta-form .fp-whatsapp .phone-input input{flex:1;min-width:0;color:#0a1956;font:500 17px "Switzer",sans-serif;outline:none}
.tarjeta-form .form-checkbox{display:flex;align-items:center;gap:10px;margin-top:18px;font-size:15px;color:#4b5563}
.tarjeta-form .form-checkbox input{width:20px;height:20px;margin:0;accent-color:var(--marca-oscura)}
@media (max-width:760px){.tarjeta-form{padding:24px}.tarjeta-form .fp-pregunta{font-size:22px}}