/* Squuad Tickets · lo que ve la persona. Colores en variables: se cambian por portal. */
.sqtk{--sqtk-navy:#0F2A4A;--sqtk-navy2:#1E4A7A;--sqtk-navy50:#EEF3FA;--sqtk-oro:#D9A441;--sqtk-oroh:#C4902F;--sqtk-orot:#7E5A14;--sqtk-crema:#FBF3E2;--sqtk-tinta:#1B2433;--sqtk-gris:#5B6576;--sqtk-borde:#D5DDE8;--sqtk-rojo:#B42318;--sqtk-rojo50:#FEF3F2;--sqtk-verde:#0B5E31;--sqtk-verde50:#DCF5E6;
	font-family:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--sqtk-tinta);font-size:16px;line-height:1.6}
.sqtk *{box-sizing:border-box}
.sqtk p{margin:0}
.sqtk h2,.sqtk h3{color:var(--sqtk-navy);letter-spacing:-.02em;line-height:1.25;margin:0}
.sqtk-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.sqtk-trampa{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.sqtk-req{color:var(--sqtk-rojo);font-weight:800}
.sqtk-opc{font-weight:500;color:var(--sqtk-gris)}
.sqtk-gris{color:var(--sqtk-gris)}
/* Botones en píldora; el dorado lleva letra navy, nunca blanca. */
.sqtk .sqtk-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 26px;border-radius:999px;font:inherit;font-size:16px;font-weight:800;text-decoration:none!important;border:1px solid transparent;cursor:pointer}
.sqtk .sqtk-btn-oro{background:var(--sqtk-oro)!important;color:var(--sqtk-navy)!important;border-color:var(--sqtk-oro)!important;box-shadow:0 4px 14px rgba(217,164,65,.35)}
.sqtk .sqtk-btn-oro:hover{background:var(--sqtk-oroh)!important}
.sqtk .sqtk-btn-sec{background:#fff!important;color:var(--sqtk-navy)!important;border-color:var(--sqtk-navy2)!important}
.sqtk .sqtk-btn-sec:hover{background:var(--sqtk-navy50)!important}
.sqtk .sqtk-btn-azul{background:var(--sqtk-navy)!important;color:#fff!important;border-color:var(--sqtk-navy)!important;width:100%}
.sqtk .sqtk-btn-azul:hover{background:var(--sqtk-navy2)!important}
.sqtk .sqtk-btn-chico{min-height:40px;padding:8px 16px;font-size:15px;margin-top:8px}
.sqtk .sqtk-btn[disabled]{opacity:.7;cursor:wait}
.sqtk .sqtk-btn:focus-visible{outline:3px solid #F2D28A;outline-offset:2px}
.sqtk .sqtk-btn-auto{width:auto}
/* Pregúntanos */
.sqtk-preg-t{font-weight:700;color:var(--sqtk-navy);margin-bottom:4px!important}
.sqtk-preg-sub{color:var(--sqtk-gris);font-size:15px;margin-bottom:12px!important}
.sqtk-preg-cuerpo{margin-top:14px}
.sqtk-preg-boton .sqtk-preg-cuerpo{margin-top:16px}
.sqtk-preg-cuerpo[hidden]{display:none!important}
.sqtk-form{display:flex;flex-direction:column;gap:14px}
.sqtk-campo{display:flex;flex-direction:column;gap:6px;min-width:0}
.sqtk .sqtk-campo>label{font-size:15px;font-weight:700;color:var(--sqtk-navy)}
.sqtk-campo input[type=text],.sqtk-campo input[type=email],.sqtk-campo input[type=tel],.sqtk-campo select,.sqtk-campo textarea{width:100%;min-height:48px;border:1.5px solid var(--sqtk-borde);border-radius:12px;padding:11px 14px;font:inherit;font-size:16px;color:var(--sqtk-tinta);background:#fff}
.sqtk-campo textarea{min-height:120px;resize:vertical}
.sqtk-campo input[type=file]{font:inherit;font-size:15px;max-width:100%}
.sqtk-campo input:focus,.sqtk-campo select:focus,.sqtk-campo textarea:focus{outline:none;border-color:var(--sqtk-navy2);box-shadow:0 0 0 3px #F2D28A}
.sqtk-ayuda{font-size:15px;color:var(--sqtk-gris)}
.sqtk-dos{display:grid;grid-template-columns:1fr;gap:14px}
@media(min-width:600px){.sqtk-dos{grid-template-columns:1fr 1fr}}
.sqtk-preg-boton .sqtk-dos{grid-template-columns:1fr}
.sqtk-consiento{display:flex;align-items:flex-start;gap:10px;font-size:15px;cursor:pointer}
.sqtk-consiento input{width:20px;height:20px;margin-top:3px;flex:none;accent-color:var(--sqtk-navy)}
.sqtk-nota{font-size:15px;color:var(--sqtk-gris)}
.sqtk-promesa{font-size:15px;font-weight:700;color:var(--sqtk-verde)}
.sqtk-promesa[hidden]{display:none}
.sqtk-wa{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:14px;font-size:15px;color:var(--sqtk-gris)}
.sqtk .sqtk-btn-wa{background:#25D366!important;color:#0B3D22!important;border-color:#25D366!important}.sqtk .sqtk-btn-wa:hover{background:#1EBE5A!important}
.sqtk-ok,.sqtk-err{border-radius:14px;padding:14px 16px;font-size:16px}
.sqtk-ok{background:var(--sqtk-verde50);color:var(--sqtk-verde)}
.sqtk-ok p+p{margin-top:6px!important}
.sqtk-ok .sqtk-btn{margin-top:6px}
.sqtk-err{background:var(--sqtk-rojo50);color:var(--sqtk-rojo);border:1px solid #F5C2BC}
.sqtk-err ul{margin:6px 0 0 18px;padding:0}
.sqtk-ok:focus,.sqtk-err:focus{outline:3px solid #F2D28A;outline-offset:2px}
/* Respuestas sugeridas */
.sqtk-sug{background:var(--sqtk-crema);border-radius:14px;padding:14px 16px;margin-top:4px}
.sqtk-sug[hidden]{display:none}
.sqtk-sug-t{font-weight:800;color:var(--sqtk-navy);margin-bottom:6px!important}
.sqtk-sug details{border-top:1px solid #EBD9B0;padding:8px 0}
.sqtk-sug details:first-of-type{border-top:0}
.sqtk-sug summary{cursor:pointer;font-weight:700;color:var(--sqtk-navy2);font-size:15px;line-height:1.4}
.sqtk-sug details p{margin-top:8px!important;font-size:15px}
.sqtk-sug-ok{color:var(--sqtk-verde);font-weight:700;font-size:15px;margin-top:8px!important}
/* El ticket de la persona */
.sqtk-ticket{display:flex;flex-direction:column;gap:18px}
.sqtk-ceja{font-size:15px;font-weight:700;color:var(--sqtk-orot)}
.sqtk-t-cab h2{font-size:24px;margin:4px 0 8px}
.sqtk-chip{display:inline-flex;align-items:center;border-radius:999px;padding:3px 12px;font-size:15px;font-weight:700;background:var(--sqtk-navy50);color:var(--sqtk-navy)}
.sqtk-e-pendiente{background:#FFF4D6;color:var(--sqtk-orot)}
.sqtk-e-resuelto,.sqtk-e-cerrado{background:var(--sqtk-verde50);color:var(--sqtk-verde)}
.sqtk-hilo{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.sqtk-hilo li{border:1px solid var(--sqtk-borde);border-radius:16px;padding:14px 16px;background:#fff;margin:0}
.sqtk-hilo li.casa{background:var(--sqtk-navy50);border-color:#CFDBEC}
.sqtk-autor small{color:var(--sqtk-gris);font-size:15px}
.sqtk-cuerpo{margin-top:6px}
.sqtk-cuerpo p{margin:0 0 8px!important}
.sqtk-adj{list-style:none;margin:8px 0 0;padding:0}
.sqtk-adj a{color:var(--sqtk-navy2);font-weight:700}
.sqtk-adj small{color:var(--sqtk-gris);font-size:15px}
.sqtk-csat{border:2px solid var(--sqtk-oro);border-radius:16px;padding:16px;background:var(--sqtk-crema)}
.sqtk-csat h3{font-size:20px;margin-bottom:10px}
.sqtk-csat-botones{display:flex;flex-wrap:wrap;gap:10px}
.sqtk-csat-no{margin-top:14px;display:flex;flex-direction:column;gap:12px}
.sqtk-csat-no[hidden]{display:none}
.sqtk-resp{border:1px solid var(--sqtk-borde);border-radius:16px;padding:16px;background:#fff}
.sqtk-resp h3{font-size:20px;margin-bottom:10px}
.sqtk-resp form{display:flex;flex-direction:column;gap:12px}
/* Mis tickets */
.sqtk-mis-intro{color:var(--sqtk-gris);margin-bottom:14px!important}
.sqtk-mis .sqtk-btn{margin-bottom:16px}
.sqtk-lista{list-style:none;margin:0;padding:0;border:1px solid var(--sqtk-borde);border-radius:16px;overflow:hidden;background:#fff}
.sqtk-lista li{border-bottom:1px solid #EDF1F6;margin:0}
.sqtk-lista li:last-child{border-bottom:0}
.sqtk-lista a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;text-decoration:none!important;color:var(--sqtk-tinta)}
.sqtk-lista a:hover{background:var(--sqtk-navy50)}
.sqtk-l-c{display:flex;flex-direction:column;min-width:0}
.sqtk-l-c b{color:var(--sqtk-navy)}
.sqtk-l-c small{color:var(--sqtk-gris);font-size:15px}
.sqtk-volver{margin-bottom:12px}
.sqtk-volver a{font-weight:700;color:var(--sqtk-navy2)}
.sqtk-main{max-width:48rem;margin:0 auto;padding:24px 16px 80px}
/* Ventana de "Pregúntanos" (0.3): encima de la página en computadora; desde abajo, como hoja, en el teléfono. */
.sqtk-v{--sqtk-v-cab:#0F2A4A;--sqtk-v-raya:#D9A441;border:0;padding:0;margin:auto;border-radius:20px;width:min(560px,calc(100vw - 32px));max-width:none;max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);overflow:auto;overscroll-behavior:contain;background:#fff;color:#1B2433;box-shadow:0 24px 60px rgba(15,42,74,.35)}
.sqtk-v::backdrop{background:rgba(15,42,74,.55)}
.sqtk-v[open]{display:block}
.sqtk-v-cab{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--sqtk-v-cab);padding:14px 16px 14px 20px;border-bottom:3px solid var(--sqtk-v-raya)}
.sqtk-v .sqtk-v-t{margin:0;font-family:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",sans-serif;font-size:19px;font-weight:800;line-height:1.3;color:#fff;letter-spacing:-.01em}
.sqtk-v .sqtk-v-x{flex:none;width:42px;height:42px;min-height:0;padding:0!important;border-radius:999px!important;border:1px solid rgba(255,255,255,.4)!important;background:transparent!important;color:#fff!important;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:none!important}
.sqtk-v .sqtk-v-x:hover{background:#fff!important;color:var(--sqtk-v-cab)!important}
.sqtk-v .sqtk-v-x:focus-visible{outline:3px solid #F2D28A;outline-offset:2px}
.sqtk-v-cuerpo{padding:18px 20px 22px}
.sqtk-v-cuerpo .sqtk-preg-sub{font-size:16px}
.sqtk-v-cargando{color:#5B6576;font-size:16px;margin:8px 0!important}
.sqtk-v-falla{margin-bottom:12px!important;font-size:16px}
.sqtk-v .sqtk-dos{grid-template-columns:1fr}
.sqtk-ctx-nota[hidden]{display:none}
html.sqtk-v-abierta{overflow:hidden}
@media(max-width:600px){
	.sqtk-v{width:100vw;max-height:92vh;max-height:92dvh;margin:auto 0 0;border-radius:20px 20px 0 0}
	.sqtk-v-cuerpo{padding:16px 16px calc(20px + env(safe-area-inset-bottom))}
}
/* Cada tema cambia la cabecera con --sqtk-v-cab y --sqtk-v-raya (por ejemplo, un color por mundo). */
