/* TEAM Professional Services — estilos del sitio */
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:300;font-display:swap;src:url(../fonts/ibm-plex-sans-latin-300-normal.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/ibm-plex-sans-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/ibm-plex-sans-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/ibm-plex-sans-latin-700-normal.woff2) format("woff2")}

:root{
  --cafe:#54463F;
  --cafe-texto:#6B5D56;
  --cafe-suave:#5E514A;
  --naranja:#CA5E3A;          /* naranja del logo: solo elementos grandes */
  --naranja-texto:#B04E2E;    /* naranja accesible para texto y botones */
  --naranja-hover:#8E3D22;
  --durazno:#FBEEE8;
  --durazno-claro:#FFFAF7;
  --arena:#F4EFEC;
  --chip:#F6F1EE;
  --borde:#F1E3DC;
  --blanco:#FFFFFF;
  --whatsapp:#075E54;
  --ancho:1240px;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;font-family:"IBM Plex Sans",Arial,sans-serif;color:var(--cafe);background:var(--blanco);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:var(--naranja-texto)}
a:hover{color:var(--naranja-hover)}
h1,h2,h3{margin:0;line-height:1.1}
p{margin:0}
.contenedor{max-width:var(--ancho);margin:0 auto;padding:0 24px}
.etiqueta{font-size:14px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--naranja-texto)}
.titulo{font-size:clamp(32px,4.2vw,44px);font-weight:300;letter-spacing:-.02em}
.titulo strong{font-weight:600}
.lead{font-size:18px;color:var(--cafe-texto)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.saltar{position:absolute;left:-9999px;top:8px;background:var(--cafe);color:#fff;padding:10px 16px;border-radius:8px;z-index:100}
.saltar:focus{left:8px;color:#fff}
:focus-visible{outline:3px solid var(--naranja);outline-offset:3px}

/* Botones */
.btn{display:inline-flex;align-items:center;gap:10px;padding:16px 28px;border-radius:999px;font-weight:600;font-size:16px;text-decoration:none;border:0;cursor:pointer;font-family:inherit;line-height:1.2}
.btn-primario{background:var(--naranja-texto);color:#fff}
.btn-primario:hover{background:var(--naranja-hover);color:#fff}
.btn-blanco{background:#fff;color:var(--cafe)}
.btn-blanco:hover{background:var(--arena);color:var(--cafe)}
.btn-whatsapp{background:var(--whatsapp);color:#fff}
.btn-whatsapp:hover{background:#05473F;color:#fff}

/* Encabezado */
.encabezado{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:saturate(1.2) blur(6px);border-bottom:1px solid var(--borde)}
.encabezado .contenedor{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;padding-top:16px;padding-bottom:16px}
.encabezado img{height:46px;width:auto}
.menu{display:flex;flex-wrap:wrap;align-items:center;gap:6px 26px;font-size:15px;font-weight:600}
.menu a{color:var(--cafe);text-decoration:none}
.menu a:hover{color:var(--naranja-texto)}
.menu .btn{padding:11px 20px;color:#fff}

/* Portada */
.portada{padding:32px 0 0}
.portada-caja{background:var(--durazno);border-radius:32px;padding:clamp(40px,6vw,80px) clamp(24px,5vw,64px);display:flex;flex-wrap:wrap;align-items:center;gap:40px;overflow:hidden}
.portada-texto{flex:3 1 520px;min-width:0;display:flex;flex-direction:column;gap:26px}
.pildora{align-self:flex-start;background:#fff;color:var(--naranja-texto);font-size:14px;font-weight:600;padding:8px 14px;border-radius:999px}
.portada h1{font-size:clamp(38px,5.6vw,68px);line-height:1.04;font-weight:300;letter-spacing:-.035em}
.portada h1 strong{font-weight:700;color:var(--naranja-texto)}
.portada .lead{font-size:20px;color:var(--cafe-suave);max-width:620px}
.acciones{display:flex;flex-wrap:wrap;gap:12px}
.portada-arte{flex:2 1 380px;min-width:0;display:flex;justify-content:center}
.portada-arte svg{width:100%;max-width:400px;height:auto}

/* Marcos */
.marcos{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;padding-top:32px;list-style:none;margin:0;padding-left:0}
.marcos li{font-size:14px;font-weight:600;background:var(--chip);padding:9px 16px;border-radius:999px}

/* Secciones */
.seccion{padding:96px 0}
.cabecera{display:flex;flex-wrap:wrap;gap:24px 40px;align-items:flex-end;justify-content:space-between;margin-bottom:48px}
.cabecera > div{flex:1 1 520px;min-width:0;display:flex;flex-direction:column;gap:14px}
.cabecera > p{flex:1 1 400px;min-width:0}
.rejilla{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:20px}
.tarjeta{border-radius:24px;padding:32px;display:flex;flex-direction:column;gap:12px}
.tarjeta h3{font-size:22px;font-weight:600}
.tarjeta p{font-size:16px;color:var(--cafe-suave)}
.t-durazno{background:var(--durazno)}
.t-arena{background:var(--arena)}

/* Servicios */
.servicios{background:var(--durazno-claro);border-top:1px solid var(--borde);border-bottom:1px solid var(--borde)}
.servicios .contenedor{display:flex;flex-wrap:wrap;gap:48px}
.servicios-intro{flex:1 1 300px;min-width:0;display:flex;flex-direction:column;gap:16px}
.servicios-intro h2{font-size:clamp(32px,3.6vw,42px);font-weight:600;letter-spacing:-.02em}
.servicios-lista{flex:2 1 600px;min-width:0;display:flex;flex-direction:column;gap:16px}
.servicio{background:#fff;border:1px solid var(--borde);border-radius:24px;padding:32px;display:flex;flex-wrap:wrap;gap:20px 28px}
.servicio-num{flex:0 0 56px;width:56px;height:56px;border-radius:16px;color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700}
.servicio-cuerpo{flex:1 1 400px;min-width:0;display:flex;flex-direction:column;gap:10px}
.servicio h3{font-size:24px;font-weight:600;letter-spacing:-.01em}
.servicio p{color:var(--cafe-texto)}
.chips{display:flex;flex-wrap:wrap;gap:8px;padding:6px 0 0;margin:0;list-style:none}
.chips li{font-size:13px;font-weight:600;color:var(--naranja-hover);background:var(--durazno);padding:6px 12px;border-radius:999px}

/* Pilares */
.pilar{min-height:220px}
.pilar-naranja{background:var(--naranja-texto);color:#fff}
.pilar-naranja p{color:#FFF3EE}
.pilar-cafe{background:var(--cafe);color:#fff}
.pilar-cafe p{color:#EADFD9}
.pilar-borde{background:#fff;border:1.5px solid var(--borde)}

/* Capacitación */
.capacitacion{background:var(--cafe);color:#fff}
.capacitacion .etiqueta{color:#F3C2AE}
.capacitacion .titulo strong{color:#F3C2AE}
.capacitacion .cabecera > p{color:#EADFD9}
.ruta{background:#fff;color:var(--cafe);border-radius:24px;padding:28px;display:flex;flex-direction:column;gap:14px;border-top:6px solid var(--naranja)}
.ruta h3{font-size:21px;font-weight:700}
.ruta p{font-size:15px;line-height:1.5;color:var(--cafe-texto)}
.ruta ul{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0}
.ruta li{font-size:13px;font-weight:600;background:var(--chip);padding:6px 10px;border-radius:8px}

/* Clientes */
.logos{background:#fff;border:1px solid var(--borde);border-radius:28px;padding:clamp(16px,3vw,32px)}
.partners{margin-top:24px;background:var(--durazno);border-radius:28px;padding:clamp(24px,4vw,40px);display:flex;flex-wrap:wrap;align-items:center;gap:32px}
.partners > div{flex:1 1 280px;min-width:0;display:flex;flex-direction:column;gap:10px}
.partners h3{font-size:28px;font-weight:600}
.partners p{font-size:16px;color:var(--cafe-suave)}
.partners figure{flex:2 1 520px;min-width:0;margin:0;background:#fff;border-radius:20px;padding:16px}

/* Contacto */
.contacto{padding:0 0 96px}
.contacto-caja{background:var(--durazno);border-radius:32px;padding:clamp(28px,5vw,64px);display:flex;flex-wrap:wrap;gap:48px}
.contacto-info{flex:1 1 360px;min-width:0;display:flex;flex-direction:column;gap:18px}
.contacto-info h2{font-size:clamp(40px,5vw,56px);font-weight:300;letter-spacing:-.03em;line-height:1.02}
.correo{font-size:clamp(20px,2.2vw,24px);font-weight:600;color:var(--cafe);text-decoration:none;border-bottom:2px solid var(--naranja);align-self:flex-start;padding-bottom:4px}
.correo:hover{color:var(--naranja-texto)}
.direccion{font-style:normal;color:var(--cafe-suave);font-size:16px}
.formulario{flex:1 1 440px;min-width:0;background:#fff;border-radius:24px;padding:clamp(24px,4vw,36px);display:flex;flex-direction:column;gap:18px}
.campo{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600}
.campo input,.campo textarea{font:inherit;font-weight:400;font-size:17px;padding:12px 0;border:0;border-bottom:1.5px solid var(--cafe);color:var(--cafe);background:transparent;border-radius:0}
.campo input::placeholder{color:var(--cafe);opacity:.45}
.campo .ayuda{font-size:13px;font-weight:400;color:var(--cafe-suave)}
.campo textarea{resize:vertical;min-height:96px}
.campo input:focus,.campo textarea:focus{outline:none;border-bottom-color:var(--naranja-texto);box-shadow:0 2px 0 0 var(--naranja-texto)}
.consentimiento{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.5;color:var(--cafe-suave)}
.consentimiento input{width:18px;height:18px;margin:2px 0 0;flex:0 0 18px;accent-color:var(--naranja-texto)}
.cf-turnstile{min-height:65px;max-width:100%}
.trampa{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.estado{font-size:15px;font-weight:600;min-height:1.4em}
.estado.ok{color:#1F6B3A}
.estado.error{color:#A1301B}
.formulario button[disabled]{opacity:.6;cursor:wait}

/* Pie */
.pie{background:var(--cafe);color:#F3ECE8}
.pie .contenedor{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;padding-top:40px;padding-bottom:40px;font-size:14px}
.pie img{height:40px;width:auto}
.pie a{color:#F3C2AE}
.lema{font-size:15px;font-weight:600;color:#F3C2AE}

/* WhatsApp flotante */
.wa-flotante{position:fixed;right:20px;bottom:20px;z-index:60;width:60px;height:60px;border-radius:50%;background:var(--whatsapp);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px rgba(0,0,0,.22);text-decoration:none}
.wa-flotante:hover{background:#05473F;color:#fff}

/* Páginas legales */
.legal{max-width:820px;margin:0 auto;padding:64px 24px 96px}
.legal h1{font-size:clamp(32px,4vw,44px);font-weight:300;letter-spacing:-.02em;margin-bottom:24px}
.legal h2{font-size:22px;font-weight:600;margin:36px 0 10px}
.legal p,.legal li{color:var(--cafe-suave)}
.legal ul{padding-left:22px}

@media (max-width:720px){
  .menu a:not(.btn){display:none}
  .encabezado img{height:38px}
  .seccion{padding:72px 0}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* ---------- Páginas de servicio ---------- */
.migas{font-size:14px;color:var(--cafe-texto);margin:0 0 18px;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:6px}
.migas li+li::before{content:"›";margin-right:6px;color:var(--cafe-texto)}
.migas a{color:var(--cafe-texto)}
.sub-portada{padding:32px 0 0}
.sub-portada .portada-caja{padding:clamp(36px,5vw,64px) clamp(24px,5vw,64px);display:block}
.sub-portada h1{font-size:clamp(34px,4.6vw,56px);line-height:1.06;font-weight:300;letter-spacing:-.03em;max-width:980px}
.sub-portada h1 strong{font-weight:700;color:var(--naranja-texto)}
.sub-portada .lead{font-size:19px;color:var(--cafe-suave);max-width:760px;margin:22px 0 28px}
.bloque{background:#fff;border:1px solid var(--borde);border-radius:24px;padding:32px;display:flex;flex-direction:column;gap:12px}
.bloque h3{font-size:22px;font-weight:600}
.bloque p,.bloque li{font-size:16px;color:var(--cafe-suave)}
.bloque ul{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px}
.curso{border-top:6px solid var(--naranja)}
.curso .nivel{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--naranja-texto)}
.pasos{counter-reset:paso;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
.pasos li{counter-increment:paso;background:var(--durazno);border-radius:24px;padding:28px;display:flex;flex-direction:column;gap:8px}
.pasos li::before{content:counter(paso,decimal-leading-zero);font-weight:700;color:var(--naranja-texto)}
.pasos h3{font-size:20px;font-weight:600}
.pasos p{font-size:16px;color:var(--cafe-suave)}
.faq{display:flex;flex-direction:column;gap:12px;max-width:900px}
.faq details{background:#fff;border:1px solid var(--borde);border-radius:18px;padding:20px 24px}
.faq summary{cursor:pointer;font-weight:600;font-size:18px;list-style:none;display:flex;justify-content:space-between;gap:16px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-weight:400;font-size:24px;line-height:1;color:var(--naranja-texto)}
.faq details[open] summary::after{content:"−"}
.faq details p{margin-top:12px;color:var(--cafe-suave)}
.cta-banda{background:var(--cafe);color:#fff;border-radius:32px;padding:clamp(32px,5vw,56px);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px}
.cta-banda h2{font-size:clamp(28px,3.4vw,38px);font-weight:300;letter-spacing:-.02em}
.cta-banda h2 strong{font-weight:600;color:#F3C2AE}
.mas{font-weight:600;text-decoration:none;align-self:flex-start;border-bottom:2px solid var(--naranja);padding-bottom:2px;margin-top:6px}
.pie nav{display:flex;flex-wrap:wrap;gap:8px 20px}

/* Variantes (sin estilos en línea, compatible con la CSP del servidor) */
[data-c="1"]{--c:#B04E2E}[data-c="2"]{--c:#CA5E3A}[data-c="3"]{--c:#54463F}[data-c="4"]{--c:#8C7B72}[data-c="5"]{--c:#8E3D22}
.ruta[data-c],.curso[data-c]{border-top-color:var(--c)}
.servicio-num[data-c]{background:var(--c)}
[data-sin-arriba]{padding-top:0}
section[data-bloque],.servicios .contenedor[data-bloque]{display:block}
[data-sin-margen]{margin-top:0}
.pasos li[data-blanco]{background:#fff;border:1px solid var(--borde)}
.rejilla[data-cinco]{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}
h2[data-h-partner]{font-size:28px;font-weight:600}
[data-suave]{color:var(--cafe-suave)}
[data-hereda]{color:inherit}
[data-inicio]{align-self:flex-start}
a[data-claro]{color:#F3C2AE;font-weight:600}
[data-espacio]{margin-top:40px}

/* ---------- Carrusel de portada ---------- */
.carrusel{position:relative;width:100%;max-width:520px;display:flex;flex-direction:column;gap:14px}
.carrusel-pista{position:relative;aspect-ratio:4/3;border-radius:24px;overflow:hidden;background:var(--arena);box-shadow:0 18px 40px -18px rgba(84,70,63,.45)}
.slide{position:absolute;inset:0;margin:0;opacity:0;visibility:hidden;transition:opacity .6s ease,visibility .6s}
.slide.activa{opacity:1;visibility:visible}
.slide img{width:100%;height:100%;object-fit:cover}
.slide figcaption{position:absolute;left:14px;right:14px;bottom:14px;background:rgba(255,255,255,.95);border-radius:16px;padding:12px 16px;display:flex;flex-direction:column;gap:2px}
.slide figcaption span{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--naranja-texto)}
.slide figcaption a{font-weight:600;color:var(--cafe);text-decoration:none;font-size:16px}
.slide figcaption a:hover{color:var(--naranja-texto)}
.carrusel-ctrl{display:none;align-items:center;justify-content:center;gap:10px}
.carrusel.listo .carrusel-ctrl{display:flex}
.c-btn{width:44px;height:44px;border-radius:50%;border:0;background:#fff;color:var(--cafe);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex:0 0 44px}
.c-btn:hover{background:var(--cafe);color:#fff}
.c-puntos{display:flex;gap:2px}
.c-punto{width:28px;height:44px;border:0;background:transparent;cursor:pointer;padding:0;display:inline-flex;align-items:center;justify-content:center}
.c-punto::before{content:"";width:10px;height:10px;border-radius:999px;background:#E2CFC6;transition:width .3s,background .3s}
.c-punto[aria-current="true"]::before{width:22px;background:var(--naranja-texto)}
.c-pausa .i-play{display:none}
.carrusel.pausado .c-pausa .i-play{display:block}
.carrusel.pausado .c-pausa .i-pausa{display:none}
@media (prefers-reduced-motion:reduce){.slide{transition:none}}

/* ---------- Ventana de diálogo ---------- */
.dialogo{border:0;border-radius:24px;padding:0;max-width:760px;width:calc(100% - 32px);max-height:calc(100vh - 48px);color:var(--cafe);font-family:inherit;box-shadow:0 30px 80px -20px rgba(0,0,0,.4)}
.dialogo::backdrop{background:rgba(52,42,37,.55)}
.dialogo[open]{display:flex;flex-direction:column}
.dialogo-cabecera{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;border-bottom:1px solid var(--borde)}
.dialogo-cabecera h2{font-size:24px;font-weight:600}
.dialogo-cabecera .c-btn{background:var(--arena)}
.dialogo-cuerpo{padding:8px 24px 20px;overflow-y:auto}
.legal-dialogo h2{font-size:18px;font-weight:600;margin:22px 0 6px}
.legal-dialogo p,.legal-dialogo li{color:var(--cafe-suave);font-size:16px;margin:0 0 8px}
.dialogo-pie{padding:16px 24px;border-top:1px solid var(--borde);display:flex;justify-content:flex-end}

/* ---------- Derechos sobre datos personales ---------- */
.seccion-arena{background:var(--durazno-claro)}
.nota{font-size:14px;color:var(--cafe-suave)}
.nota-pasos{margin-top:24px;max-width:900px}
.opciones{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;min-width:0}
.opciones legend{font-size:14px;font-weight:600;margin-bottom:10px;padding:0}
.opcion{display:flex;align-items:flex-start;gap:10px;font-size:15px;line-height:1.45;color:var(--cafe-suave);cursor:pointer}
.opcion input{width:18px;height:18px;margin:2px 0 0;flex:0 0 18px;accent-color:var(--naranja-texto)}
.opcion strong{color:var(--cafe)}
.form-confirmar{margin:28px 0}

/* ---------- Panel de gestión ---------- */
.panel{max-width:var(--ancho);margin:0 auto;padding:40px 24px 96px}
.panel h1{font-size:clamp(28px,3.4vw,40px);font-weight:300;letter-spacing:-.02em;margin-bottom:20px;display:flex;flex-wrap:wrap;align-items:center;gap:14px}
.panel h2{font-size:22px;font-weight:600;margin:36px 0 12px}
.panel-login .formulario-panel{max-width:420px;border:1px solid var(--borde);margin-top:24px}
.form-salir{display:inline}
.aviso-panel{background:var(--durazno);border-left:4px solid var(--naranja-texto);padding:12px 16px;border-radius:8px;margin:0 0 20px;font-weight:600}
.migas-panel{margin:0 0 12px;font-size:15px}
.resumen{display:flex;flex-wrap:wrap;gap:16px;margin:0 0 24px}
.resumen div{flex:1 1 180px;background:var(--durazno-claro);border:1px solid var(--borde);border-radius:18px;padding:18px 20px;display:flex;flex-direction:column}
.resumen strong{font-size:32px;font-weight:600;line-height:1.1}
.resumen span{font-size:14px;color:var(--cafe-suave)}
.resumen .resumen-alerta{background:#FFF4E0;border-color:#F0D49A}
.resumen .resumen-vencido{background:#FBE6E1;border-color:#EBB5A8}
.filtros{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
.filtros a{padding:8px 16px;border-radius:999px;background:var(--chip);text-decoration:none;color:var(--cafe);font-size:15px;font-weight:600}
.filtros a[aria-current]{background:var(--cafe);color:#fff}
.tabla-envoltura{overflow-x:auto;border:1px solid var(--borde);border-radius:18px;background:#fff}
.tabla{width:100%;border-collapse:collapse;font-size:15px}
.tabla th,.tabla td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--borde);vertical-align:top}
.tabla th{font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--cafe-suave);background:var(--durazno-claro)}
.tabla tr:last-child td{border-bottom:0}
.tabla small{color:var(--cafe-suave)}
.chip-estado{display:inline-block;padding:3px 12px;border-radius:999px;font-size:13px;font-weight:600;background:var(--chip);color:var(--cafe);letter-spacing:0}
.estado-recibida{background:#E3EEF9;color:#1F4E79}
.estado-en_proceso{background:#FFF4E0;color:#7A4D00}
.estado-respondida{background:#E2F2E7;color:#1F6B3A}
.estado-rechazada{background:#FBE6E1;color:#A1301B}
.plazo{font-weight:600;white-space:nowrap}
.plazo-ok{color:#1F6B3A}
.plazo-alerta{color:#8A5A00}
.plazo-vencido{color:#A1301B}
.ficha{display:grid;grid-template-columns:minmax(140px,220px) 1fr;gap:8px 20px;margin:0;background:#fff;border:1px solid var(--borde);border-radius:18px;padding:20px 24px}
.ficha dt{font-weight:600;font-size:14px;color:var(--cafe-suave)}
.ficha dd{margin:0}
.detalle-solicitud{background:var(--durazno-claro);border-radius:14px;padding:18px 20px;white-space:normal}
.acciones-panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}
.acciones-panel .bloque,.bloque-peligro{gap:14px}
.campo select{font:inherit;font-weight:400;font-size:16px;padding:10px 0;border:0;border-bottom:1.5px solid var(--cafe);background:transparent;color:var(--cafe)}
.historial{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.historial li{background:#fff;border:1px solid var(--borde);border-radius:14px;padding:12px 16px;font-size:15px}
.hist-fecha{display:block;font-size:13px;color:var(--cafe-suave)}
.buscador{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:16px 0 20px}
.buscador label{font-weight:600;font-size:14px}
.buscador input{font:inherit;padding:10px 14px;border:1.5px solid var(--cafe);border-radius:999px;min-width:0;flex:1 1 240px}
.bloque-peligro{border-color:#EBB5A8;margin-top:24px}
details.bloque{margin-top:20px}
details.bloque summary{cursor:pointer;font-weight:600}
@media (max-width:720px){.ficha{grid-template-columns:1fr}.ficha dd{margin-bottom:8px}.menu-panel a:not(.btn){display:inline}.menu-panel{gap:6px 16px}}
.panel .btn-blanco{border:1.5px solid var(--cafe)}
.form-cancelar{margin-top:16px}
.grupo-titular{display:flex;flex-direction:column;gap:18px;background:var(--durazno-claro);border:1px solid var(--borde);border-radius:16px;padding:18px 20px}
.grupo-titular[hidden],.subtitulo-form[hidden]{display:none}
.subtitulo-form{font-size:15px;font-weight:700;color:var(--cafe);margin:0}
.chip-estado.estado-cerrada{background:#ECE7E4;color:#54463F}
.etiqueta-pendiente{display:inline-block;padding:3px 10px;border-radius:999px;font-size:13px;font-weight:600;background:#FFF4E0;color:#7A4D00}
.etiqueta-ok{display:inline-block;padding:3px 10px;border-radius:999px;font-size:13px;font-weight:600;background:#E2F2E7;color:#1F6B3A}
.solo-lectura{background:var(--chip);border-radius:14px;padding:14px 18px;font-weight:600}
.clave-temporal{font-family:ui-monospace,Consolas,monospace;font-size:18px;letter-spacing:.04em;background:#fff;border:1.5px dashed var(--naranja-texto);border-radius:10px;padding:10px 14px;display:inline-block}
.btn-chico{padding:8px 14px;font-size:14px}
.bloque-usuario{max-width:520px;margin-top:24px}
.aviso-panel p{margin:0 0 6px}
.busqueda{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px 20px;align-items:end}
.busqueda .campo input,.busqueda .campo select{font-size:15px;padding:8px 0}
.busqueda-botones{display:flex;gap:8px;flex-wrap:wrap}
.bloque-busqueda{margin:0 0 16px}
.barra-resultados{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin:24px 0 14px;padding-top:16px;border-top:1px solid var(--borde);font-weight:600}
.form-exportar{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.form-exportar select{font:inherit;font-size:14px;padding:8px 10px;border:1.5px solid var(--cafe);border-radius:999px;background:#fff;color:var(--cafe)}
.exportar-caso{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:8px 0 0}
.grupo-exportar{border:1px solid var(--borde);border-radius:999px;padding:4px 14px 4px 4px;background:#fff}

/* ---------- Novedades: listado, detalle, inscripción y testimonios ---------- */
[hidden]{display:none!important}
.seccion-novedades{padding-top:48px}
.seccion-proximos{padding-bottom:24px}
.filtros-publicos{margin-bottom:28px}
.rejilla-novedades{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:22px;margin-bottom:20px}
.tarjeta-novedad{background:#fff;border:1px solid var(--borde);border-radius:24px;overflow:hidden;display:flex;flex-direction:column}
.tarjeta-novedad img{width:100%;aspect-ratio:4/3;object-fit:cover}
.tarjeta-sin-imagen{aspect-ratio:4/3;background:var(--durazno)}
.tarjeta-novedad-cuerpo{padding:22px 24px 26px;display:flex;flex-direction:column;gap:12px;flex:1}
.tarjeta-novedad-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;color:var(--cafe-texto)}
.tarjeta-novedad h2,.tarjeta-novedad h3{font-size:22px;line-height:1.25;font-weight:600}
.tarjeta-novedad h2 a,.tarjeta-novedad h3 a{color:var(--cafe);text-decoration:none}
.tarjeta-novedad h2 a:hover,.tarjeta-novedad h3 a:hover{color:var(--naranja-texto)}
.tarjeta-novedad p{font-size:16px;color:var(--cafe-suave);flex:1}
.tarjeta-novedad-cta{font-weight:600;text-decoration:none}
.etiqueta-tipo{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:4px 10px;border-radius:999px;background:var(--durazno);color:var(--naranja-hover)}
.etiqueta-tipo.tipo-evento{background:#E3EEF9;color:#1F4E79}
.etiqueta-tipo.tipo-noticia{background:#E2F2E7;color:#1F6B3A}
.sin-novedades{font-size:18px;color:var(--cafe-suave);max-width:760px}
.aviso-previa{background:#FFF4E0;border-bottom:1px solid #F0D49A;text-align:center;padding:10px 16px;font-weight:600;margin:0}
.curso-portada{display:flex!important;flex-wrap:wrap;align-items:center;gap:40px}
.curso-portada-texto{flex:1 1 460px;min-width:0;display:flex;flex-direction:column;gap:16px}
.curso-portada-texto .etiqueta-tipo{align-self:flex-start;background:#fff}
.curso-portada h1{font-size:clamp(34px,4.4vw,52px);line-height:1.06;font-weight:300;letter-spacing:-.03em}
.curso-portada .lead{margin:0}
.curso-portada-img{flex:1 1 340px;min-width:0;max-width:480px;aspect-ratio:4/3;object-fit:cover;border-radius:24px}
.curso-cuerpo-seccion{padding:48px 0 24px}
.curso-columnas{display:flex;flex-wrap:wrap;gap:32px;align-items:flex-start}
.curso-cuerpo{flex:999 1 560px;min-width:0;font-size:17px;line-height:1.7;color:var(--cafe-suave)}
.curso-cuerpo h2{font-size:26px;font-weight:600;color:var(--cafe);margin:28px 0 10px}
.curso-cuerpo h2:first-child{margin-top:0}
.curso-cuerpo p{margin:0 0 14px}
.curso-cuerpo ul{margin:0 0 14px;padding-left:22px}
.curso-datos{flex:1 1 300px;min-width:0;background:var(--durazno-claro);border:1px solid var(--borde);border-radius:24px;padding:26px 28px;display:flex;flex-direction:column;gap:16px}
.curso-datos h2{font-size:20px;font-weight:600}
.curso-datos dl{display:grid;grid-template-columns:auto 1fr;gap:10px 16px;margin:0;font-size:15px}
.curso-datos dt{font-weight:600;color:var(--cafe-texto)}
.curso-datos dd{margin:0}
.curso-datos .btn{justify-content:center}
.pasos-inscripcion{margin:0;padding-left:22px;font-size:15px;line-height:1.7;color:var(--cafe-suave)}
.curso-elegido{background:var(--durazno-claro);border-radius:12px;padding:12px 16px;font-size:15px}
.campos-dos{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px}
.opciones-linea{flex-direction:row;flex-wrap:wrap;gap:10px 22px}
.opciones-linea legend{width:100%}
.aviso-datos{background:var(--durazno-claro);border:1px solid var(--borde);border-radius:14px;padding:14px 16px;font-size:14px;line-height:1.6;color:var(--cafe-suave)}
.nota-grabacion{background:#FFF8EC;border-radius:10px;padding:10px 14px;margin-left:28px}
.slide-etiqueta{position:absolute;top:14px;left:14px;background:var(--naranja-texto);color:#fff;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:6px 12px;border-radius:999px}
.seccion-testimonios{background:var(--durazno-claro);border-top:1px solid var(--borde);border-bottom:1px solid var(--borde)}
.carrusel-testimonios{position:relative}
.rejilla-testimonios{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding-bottom:6px;scrollbar-width:thin}
.rejilla-testimonios .testimonio{flex:0 0 calc((100% - 60px) / 4);scroll-snap-align:start;min-width:0;padding:22px;border-radius:20px;border:1px solid var(--borde);border-top:5px solid var(--naranja);gap:14px}
.rejilla-testimonios .testimonio:nth-child(2n){border-top-color:var(--cafe)}
.rejilla-testimonios .testimonio blockquote{font-size:15px;line-height:1.55}
.rejilla-testimonios .testimonio figcaption{font-size:13px}
.rejilla-testimonios .testimonio figcaption strong{font-size:15px}
#testimonios-pausa .i-play{display:none}
#testimonios-pausa.pausado .i-play{display:block}
#testimonios-pausa.pausado .i-pausa{display:none}
.testimonios-controles{display:flex;justify-content:flex-end;gap:10px;margin-top:14px}
.c-btn-borde{border:1px solid var(--borde)}
.c-btn:disabled{opacity:.35;cursor:default}
@media (max-width:1100px){.rejilla-testimonios .testimonio{flex-basis:calc((100% - 40px) / 3)}}
@media (max-width:820px){.rejilla-testimonios .testimonio{flex-basis:calc((100% - 20px) / 2)}}
@media (max-width:640px){.rejilla-testimonios .testimonio{flex-basis:86%}}
.testimonio{margin:0;background:#fff;border:1px solid var(--borde);border-radius:24px;padding:28px;display:flex;flex-direction:column;justify-content:space-between;gap:18px}
.testimonio blockquote{margin:0;font-size:17px;line-height:1.6;color:var(--cafe)}
.testimonio blockquote p{margin:0}
.testimonio figcaption{display:flex;flex-direction:column;gap:2px;font-size:14px;color:var(--cafe-suave)}
.testimonio figcaption strong{font-size:16px;color:var(--cafe)}
.testimonio-curso{color:var(--naranja-texto);font-weight:600}
.formulario-testimonio{border:1px solid var(--borde);margin-top:24px}

/* ---------- Panel: publicaciones, inscripciones, testimonios ---------- */
.barra-titulo{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.barra-titulo h1{margin:0}
.miniatura{display:block;width:88px;height:66px;object-fit:cover;border-radius:6px;background:#ECE7E4}
.sin-img{display:flex;align-items:center;justify-content:center;font-size:12px;color:#7a6c64;background:#F3EFEC;border-radius:6px}
.imagen-previa{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:8px;margin-bottom:12px}
.imagen-previa.sin-img{min-height:160px}
.acciones-fila{white-space:nowrap}
.boton-enlace{background:none;border:0;padding:0;color:inherit;text-decoration:underline;cursor:pointer;font:inherit}
.editor-publicacion{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:20px;align-items:start}
.editor-principal,.editor-lateral{display:grid;gap:16px;min-width:0}
.editor-publicacion .bloque h2{font-size:18px;margin:0 0 12px}
.campos-tres{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.cuerpo-editor{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:14px}
.ayuda{display:block;color:#6b5d55;font-size:13px;margin-top:4px}
.botones-publicar{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.resumen-enlace{text-decoration:none;color:inherit}
.estado-ins-nueva{background:#E3EEF9;color:#1F4E79}
.estado-ins-contactada,.estado-ins-confirmada{background:#FFF4E0;color:#7A4D00}
.estado-ins-pagada,.estado-ins-finalizada{background:#E2F2E7;color:#1F6B3A}
.estado-ins-cancelada{background:#ECE7E4;color:#54463F}
.estado-test-pendiente{background:#FFF4E0;color:#7A4D00}
.estado-test-aprobado{background:#E2F2E7;color:#1F6B3A}
.estado-test-invitado{background:#E3EEF9;color:#1F4E79}
.estado-test-rechazado,.estado-test-retirado{background:#ECE7E4;color:#54463F}
.lista-testimonios{display:grid;gap:12px;margin-bottom:20px}
.testimonio-cabecera{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:8px}
.testimonio-texto{margin:8px 0;padding-left:14px;border-left:3px solid #E07A2E;font-style:italic}
fieldset.pago{border:1px solid #E4DDD8;border-radius:8px;padding:10px 14px;margin:10px 0}
.form-rol{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.form-rol select{max-width:200px}
@media (max-width:860px){.editor-publicacion{grid-template-columns:1fr}.campos-tres{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.campos-tres{grid-template-columns:1fr}}

/* ---------- Páginas de error ---------- */
.pagina-error{min-height:55vh}
.legal .error-codigo{font-size:clamp(72px,12vw,128px);font-weight:700;line-height:1;color:var(--naranja,#E07A2E);opacity:.25;margin:0 0 8px;letter-spacing:-.04em}
.error-enlaces{display:grid;gap:8px;padding-left:20px;margin:16px 0 8px}

/* ---------- Aceptación electrónica de documentos ---------- */
.doc-cabecera{background:var(--durazno-claro);border-bottom:1px solid var(--borde);padding:40px 0 28px}
.doc-cabecera h1{font-size:clamp(26px,3.4vw,38px);font-weight:300;letter-spacing:-.02em;margin:6px 0 16px}
.doc-datos{display:flex;flex-wrap:wrap;gap:12px 32px;margin:0}
.doc-datos div{min-width:0}
.doc-datos dt{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--naranja-texto)}
.doc-datos dd{margin:2px 0 0;font-size:15px}
.doc-cuerpo{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);gap:28px;align-items:start;padding-top:28px;padding-bottom:64px}
.doc-visor{min-width:0}
.doc-visor-acciones{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.doc-marco{width:100%;height:78vh;min-height:520px;border:1px solid var(--borde);border-radius:12px;background:#F3EFEC}
.doc-firma{display:grid;gap:16px}
.doc-firma .formulario{border:1px solid var(--borde)}
.doc-firma h2{font-size:22px;margin:0}
.doc-botones{display:flex;flex-wrap:wrap;align-items:center;gap:14px}
.doc-rechazo form{display:grid;gap:12px;margin-top:12px}
.verificar-buscar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:16px;margin:16px 0 24px}
.verificar-buscar .campo{flex:1 1 260px}
.aviso-verificar{padding:14px 18px;border-radius:12px;font-size:15px;line-height:1.5;margin:12px 0;overflow-wrap:anywhere}
.aviso-ok{background:#E2F2E7;color:#1F6B3A}
.aviso-alerta{background:#FFF4E0;color:#7A4D00}
.aviso-error{background:#FBE6E1;color:#A1301B}
.resultado-verificar h2{font-size:20px;margin:16px 0 0}
.zona-archivo{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:28px 16px;border:2px dashed var(--borde);border-radius:16px;text-align:center;cursor:pointer;color:var(--cafe-suave)}
.zona-archivo.activa{border-color:var(--naranja-texto);background:var(--durazno-claro)}
.zona-archivo input{max-width:100%}
.hash-texto code{overflow-wrap:anywhere;font-size:12px}
.acciones-documento{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;margin:20px 0}
.estado-doc-borrador{background:#ECE7E4;color:#54463F}
.estado-doc-pendiente_firma,.estado-doc-firmado,.estado-doc-termino_anticipado{background:#FFF4E0;color:#7A4D00}
.estado-doc-vigente{background:#E2F2E7;color:#1F6B3A}
.estado-doc-rechazado,.estado-doc-vencido_firma,.estado-doc-suspendido{background:#FBE6E1;color:#A1301B}
.estado-doc-anulado,.estado-doc-reemplazado,.estado-doc-terminado{background:#ECE7E4;color:#54463F}
/* Estados de documentos por tono: verde = positivo, amarillo = en curso, gris = el resto */
.chip-estado.tono-verde{background:#E2F2E7;color:#1F6B3A}
.chip-estado.tono-amarillo{background:#FFF4E0;color:#7A4D00}
.chip-estado.tono-gris{background:#ECE7E4;color:#54463F}
.barra-resultados{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:4px 0 12px}
.barra-resultados .nota{margin:0}
@media (max-width:900px){.doc-cuerpo{grid-template-columns:1fr}.doc-marco{height:60vh;min-height:380px}}
.aviso-rut{color:#A1301B !important;font-weight:600}
.campo input.campo-error{border-bottom-color:#A1301B}
.terminos-fijos{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px 16px;margin:4px 0 8px;padding:12px 16px;background:var(--chip);border-radius:12px}
.terminos-fijos div{display:flex;flex-direction:column;font-size:14px}
.terminos-fijos dt{font-size:12px;font-weight:700;color:var(--cafe-suave)}
.terminos-fijos dd{margin:0;font-weight:600}
.campo-inicio{max-width:260px}

/* ---------- Panel: menú agrupado, permisos, bitácora y testimonios compactos ---------- */
.menu-panel .grupo-menu{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px 20px}
.menu-panel .grupo-menu + .grupo-menu{padding-left:20px;border-left:1.5px solid var(--borde)}
.form-rol{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.consentimiento.permiso{font-size:13px;line-height:1.35}
.orden-col{color:inherit;text-decoration:none;white-space:nowrap}
.orden-col:hover{text-decoration:underline}
.paginacion{display:flex;align-items:center;justify-content:center;gap:16px;margin:16px 0}
.filtros .contador{display:inline-block;min-width:22px;padding:0 6px;border-radius:999px;background:var(--chip);font-size:12px;text-align:center}
.filtros .contador-alerta{background:#FFF4E0;color:#7A4D00;font-weight:700}
.lista-compacta{list-style:none;margin:16px 0 24px;padding:0;border:1px solid var(--borde);border-radius:16px;background:#fff}
.lista-compacta > li{padding:12px 18px;border-top:1px solid var(--borde)}
.lista-compacta > li:first-child{border-top:0}
.fila-testimonio{display:grid;grid-template-columns:minmax(200px,1fr) minmax(0,2fr) auto;gap:8px 18px;align-items:start}
.fila-testimonio-datos{display:flex;flex-direction:column;gap:2px;font-size:14px;min-width:0}
.fila-testimonio-datos small{color:var(--cafe-suave)}
.fila-testimonio-texto summary{cursor:pointer;font-style:italic;font-size:14px}
.fila-testimonio-texto .testimonio-texto{font-size:14px}
.fila-testimonio-acciones{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}
@media (max-width:860px){.fila-testimonio{grid-template-columns:1fr}.fila-testimonio-acciones{justify-content:flex-start}.menu-panel .grupo-menu + .grupo-menu{padding-left:12px}}
.filtros a[aria-current] .contador{background:rgba(255,255,255,.22);color:#fff}
.fila-testimonio-cita{margin:0 0 2px;font-style:italic;font-size:14px}
.fila-testimonio-texto details[open] summary,.fila-testimonio-texto[open] > summary{display:none}
.ver-mas{font-style:normal;font-size:12px;color:var(--naranja-texto);text-decoration:underline;margin-left:4px}

/* ---------- Suscripción a novedades ---------- */
.suscripcion-form{display:flex;flex-direction:column;gap:10px}
.temas-suscripcion{border:0;margin:0 0 0 28px;padding:0;display:flex;flex-wrap:wrap;gap:6px 18px}
.temas-suscripcion legend{font-size:13px;font-weight:600;color:var(--cafe-suave);margin-bottom:4px}
.temas-suscripcion .ayuda{flex-basis:100%;margin:0;font-size:13px;color:var(--cafe-suave)}
.suscripcion .bloque{margin:16px 0}
.suscripcion .bloque h2{font-size:20px;margin:0}
.bloque-baja{border-color:#F1D2C7}
.ejemplos-pub{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 16px;font-size:14px}
.guia-pub{margin-top:8px;font-size:14px}
.guia-pub summary{cursor:pointer;font-weight:600;color:var(--naranja-texto)}
.guia-lista{padding-left:20px;display:grid;gap:4px;margin:8px 0}
.bloque-invitar{margin:16px 0}
.bloque-invitar h2{font-size:20px;margin:0}
.bloque-invitar .invitar-campos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 20px}
.form-saludo{display:grid;gap:10px;margin-top:10px}
.tabla-compacta td,.tabla-compacta th{padding:8px 12px}
.form-mini{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:6px 0}
.form-mini input:not([type=checkbox]){font:inherit;font-size:13px;padding:6px 8px;border:1px solid var(--borde);border-radius:8px;min-width:160px}
.acciones-susc details summary,.hist-susc summary{cursor:pointer;font-size:13px;color:var(--naranja-texto)}
.hist-susc ul{margin:6px 0 0;padding-left:18px;font-size:12px;color:var(--cafe-suave)}
.estado-susc-activo{background:#E2F2E7;color:#1F6B3A}
.estado-susc-pendiente{background:#FFF4E0;color:#7A4D00}
.estado-susc-baja{background:#ECE7E4;color:#54463F}
.legal-previa h2{font-size:20px;margin:24px 0 8px}
.legal-previa p,.legal-previa li{line-height:1.6}
@media (max-width:760px){.bloque-invitar .invitar-campos{grid-template-columns:1fr}}
.estado-com-borrador,.estado-com-cancelada{background:#ECE7E4;color:#54463F}
.estado-com-programada,.estado-com-enviando{background:#FFF4E0;color:#7A4D00}
.estado-com-enviada{background:#E2F2E7;color:#1F6B3A}
.editor-com{max-width:900px}
.bloque-envio{border-top:1px solid var(--borde);padding-top:16px;margin-top:8px;display:grid;gap:10px}
.bloque-envio h2{font-size:20px;margin:0}
.correo-previa{white-space:pre-wrap;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px;background:#fff;border:1px solid var(--borde);border-radius:12px;padding:16px;overflow-x:auto}
.qr-caja{display:inline-block;padding:12px;background:#fff;border:1px solid var(--borde);border-radius:16px;margin:4px 0 12px}
.qr-2fa{display:block;width:220px;height:220px}
.qr-manual{margin:0 0 16px;font-size:15px}
.qr-manual summary{cursor:pointer;color:var(--naranja-texto)}
.editar-usuario{margin-top:6px;font-size:13px}
.editar-usuario summary{cursor:pointer;color:var(--naranja-texto)}
.editar-usuario form{display:grid;gap:8px;margin-top:8px;min-width:220px}
.editar-usuario .campo input{font-size:14px;padding:6px 0}
/* ARCO+: panel Responder */
.acciones-panel .bloque-ancho{grid-column:1/-1}
.opciones-linea{border:0;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px 24px}
.opciones-linea legend{font-weight:600;font-size:14px;margin-bottom:6px}
.informe-acceso{background:var(--durazno-claro);border:1px solid var(--borde);border-radius:16px;padding:14px 16px;display:flex;flex-direction:column;gap:8px}
.informe-acceso p{font-size:14px}
.aviso-revision{background:#FFF4E0;border:1px solid #F0D49A;border-radius:12px;padding:8px 12px;color:#7A4D00!important;font-size:14px}
code.huella{font-size:11px;word-break:break-all}
/* ARCO+: espera de antecedentes, rectificación y descargas */
.estado-en_espera{background:#E8EEF9;color:#1F3D7A}
.grupo-extra{display:flex;flex-direction:column;gap:14px;background:var(--durazno-claro);border:1px solid var(--borde);border-radius:16px;padding:18px 20px}
.grupo-extra[hidden]{display:none}
.fila-rect{display:grid;grid-template-columns:minmax(140px,1fr) 2fr;gap:12px}
@media (max-width:600px){.fila-rect{grid-template-columns:1fr}}
.lista-descargas{display:flex;flex-direction:column;gap:14px}
.lista-descargas .bloque{padding:20px 24px}
/* Clientes y partners: logos administrados desde el panel */
#clientes[hidden],#clientes [hidden],#nav-clientes[hidden]{display:none}
.logos-grilla{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:18px;align-items:center}
.logos.logos-grilla{padding:clamp(18px,3vw,32px)}
.logos-grilla li{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:84px;text-align:center}
.logos-grilla img{max-width:100%;max-height:64px;width:auto;height:auto;object-fit:contain}
.logo-servicio{font-size:12px;color:var(--cafe-suave);line-height:1.3}
.partners-logos{flex:2 1 520px;min-width:0;background:#fff;border-radius:20px;padding:20px;display:flex;flex-direction:column;gap:18px}
.partners-grupo h4{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--naranja-texto);margin:0 0 10px}
.logo-mini{max-width:110px;max-height:48px;object-fit:contain;background:#fff}
.form-partner{display:grid;gap:10px;min-width:260px}
.consentimiento-opcional{background:var(--durazno-claro);border:1px dashed var(--borde);border-radius:12px;padding:10px 12px}
.estado-cli-pendiente{background:#FFF4E0;color:#7A4D00}
.estado-cli-visible{background:#E5F4EA;color:#1D6B3A}
.estado-cli-oculto{background:#EFEDEB;color:#54463F}
.estado-cli-revocado{background:#FBE6E1;color:#8A2E1A}
/* Posiciones de clientes y partners en el panel: chevrones a la izquierda del número */
.celda-posicion{white-space:nowrap}
.posicion{display:flex;align-items:center;gap:8px}
.posicion strong{font-size:20px;font-weight:600;min-width:24px}
.flechas{display:flex;flex-direction:column;gap:0}
.form-inline{display:block;margin:0}
.btn-flecha{display:grid;place-items:center;width:22px;height:18px;padding:0;border:0;background:transparent;color:#B8A9A1;cursor:pointer;border-radius:4px}
.btn-flecha svg{width:14px;height:14px}
.btn-flecha:hover:not([disabled]),.btn-flecha:focus-visible{color:var(--naranja-texto)}
.btn-flecha:focus-visible{outline:2px solid var(--naranja-texto);outline-offset:1px}
.btn-flecha[disabled]{opacity:.3;cursor:default}
/* Proyectos y servicios en colaboración */
.logos.colaboracion{margin-top:20px;padding:clamp(18px,3vw,32px);display:flex;flex-direction:column;gap:16px}
.logos.colaboracion h3{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--naranja-texto);margin:0}
.logo-mandante{font-size:12px;color:var(--cafe-suave);font-style:italic;line-height:1.3}
.etiqueta-colab{color:var(--naranja-texto)}
/* Clientes: cinta continua de logos (≈6 visibles en escritorio) */
#clientes .cabecera{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}
.marq-pausa{flex:0 0 44px;background:var(--durazno);border:1px solid var(--borde)}
.marq-pausa.pausado .i-play{display:block}
.marq-pausa.pausado .i-pausa{display:none}
.logos.marquesina{padding:clamp(14px,2vw,24px) clamp(10px,2vw,20px)}
.marq-ventana{overflow:hidden}
.en-movimiento .marq-ventana{-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.marq-pista{list-style:none;margin:0;padding:0;display:flex;align-items:center;width:max-content}
.marquesina:not(.en-movimiento) .marq-pista{width:auto;justify-content:flex-start}
.marq-pista li{flex:0 0 auto;width:clamp(130px,calc((min(100vw,1240px) - 120px) / 6),190px);padding:6px 14px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:84px;text-align:center}
.marq-pista img{max-width:100%;max-height:60px;width:auto;height:auto;object-fit:contain}
.en-movimiento .marq-pista{animation:marquesina var(--marq-dur,40s) linear infinite}
.marquesina:hover .marq-pista,.marquesina:focus-within .marq-pista,.marq-pausadas .marq-pista{animation-play-state:paused}
@keyframes marquesina{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){
  .en-movimiento .marq-pista{animation:none}
  .en-movimiento .marq-ventana{overflow-x:auto;-webkit-mask-image:none;mask-image:none}
  .marq-clon{display:none}
}

/* ===== Soporte: tickets (portal /soporte/ y panel) ===== */
.estado-tk-abierto{background:#E3EEF9;color:#1F4E79}
.estado-tk-asignado,.estado-tk-en_proceso{background:#FFF4E0;color:#7A4D00}
.estado-tk-espera_tercero,.estado-tk-espera_cliente{background:#F1E6F7;color:#5B2E78}
.estado-tk-resuelto{background:#E2F2E7;color:#1F6B3A}
.estado-tk-cerrado,.estado-tk-cancelado{background:#ECE7E4;color:#54463F}
.chip-prioridad{display:inline-block;padding:3px 12px;border-radius:999px;font-size:13px;font-weight:600;border:1px solid transparent}
.prioridad-baja{background:#F6F1EE;color:#5E514A;border-color:#E6DCD6}
.prioridad-media{background:#E3EEF9;color:#1F4E79}
.prioridad-alta{background:#FFE9D6;color:#8E3D22}
.prioridad-critica{background:#A1301B;color:#fff}
h1 .chip-estado,h1 .chip-prioridad{vertical-align:middle;font-size:14px;margin-left:6px}
.asunto-ticket{margin:-4px 0 18px;font-size:22px;font-weight:500;color:var(--cafe-texto)}
.contador-cierre{background:#E2F2E7;border:1px solid #B9DEC6;color:#1F4D30;border-radius:18px;padding:16px 20px;margin:0 0 20px}
.contador-cierre strong{font-size:20px}
.conversacion{list-style:none;margin:0 0 28px;padding:0;display:flex;flex-direction:column;gap:12px}
.msg{background:#fff;border:1px solid var(--borde);border-radius:18px;padding:14px 18px;max-width:880px}
.msg-cliente{border-left:4px solid #1F4E79}
.msg-equipo{border-left:4px solid var(--naranja);background:var(--durazno-claro)}
.msg-interno{border-left:4px solid #7A4D00;background:#FFF8EA;border-style:dashed}
.msg-sistema,.msg-evento{background:var(--chip);border-color:transparent;padding:8px 16px;font-size:14px;color:var(--cafe-suave)}
.msg-cab{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:baseline;font-size:14px;margin-bottom:6px}
.msg-cab span{color:var(--cafe-suave);font-size:13px}
.msg-evento .msg-cab{margin-bottom:2px}
.msg-texto{overflow-wrap:anywhere;line-height:1.55}
.msg-adjuntos{margin:10px 0 0;padding-left:20px;font-size:14px}
.form-ingreso{max-width:480px}
.form-ticket{max-width:880px}
.form-ticket .opciones{display:flex;flex-direction:column;gap:8px}
.form-agente h3 small{font-weight:400;color:var(--cafe-suave)}
.form-agente fieldset{border:1px solid var(--borde);border-radius:14px;padding:12px 16px;display:flex;flex-wrap:wrap;gap:6px 18px}
.busqueda-linea{margin:0 0 20px}
.portal-soporte .barra-titulo{gap:12px}
@media (max-width:640px){.msg{padding:12px 14px}.asunto-ticket{font-size:19px}}

/* Documentos: datos de entregable */
.bloque-entregable{border:1px dashed var(--borde);border-radius:18px;padding:12px 18px 6px;margin:4px 0 8px}
.bloque-entregable legend{font-size:14px;font-weight:600;color:var(--cafe-suave);padding:0 6px}
.bloque-entregable .consentimiento{grid-column:1/-1}

/* Acceso al portal de soporte (menú y contacto) */
.menu .menu-soporte{background:transparent;color:var(--cafe);border:1.5px solid var(--cafe);padding:9.5px 18px}
.menu .menu-soporte:hover{background:var(--chip);color:var(--naranja-texto);border-color:var(--naranja-texto)}
.contacto-cliente{margin:22px 0 0;padding:14px 18px;border-radius:16px;background:rgba(255,255,255,.6);border:1px solid var(--borde);font-size:15px}
@media (max-width:720px){.menu{gap:8px 10px}.menu .btn{padding:9px 14px;font-size:14px}}
.ficha-compacta{margin:4px 0 8px;padding:14px 18px}
/* Ficha de documento: acciones en columnas tipo mampostería (sin huecos) y entregables a lo ancho */
.acciones-documento{display:block;columns:320px 3;column-gap:16px}
.acciones-documento>*{break-inside:avoid;margin:0 0 16px;width:100%;box-sizing:border-box}
.bloque-entregables{margin:4px 0 20px}
.bloque-entregables .barra-titulo{margin:0;align-items:center}
.bloque-entregables h2{margin:0}

/* Configuración de correos */
.fila-correo{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end;padding:10px 0;border-top:1px solid var(--borde)}
.fila-correo:first-of-type{border-top:0}
.fila-correo textarea{min-height:52px}
@media (max-width:640px){.fila-correo{grid-template-columns:1fr}}

/* Propuestas con opciones (aceptación) */
.oferta{border:1px solid var(--borde);border-radius:18px;padding:14px 16px 10px;margin:0 0 16px}
.oferta legend{font-weight:700;padding:0 6px}
.oferta-grupo{margin:10px 0}
.oferta-grupo-nombre{font-weight:600;margin:12px 0 6px}
.oferta-grupo-nombre small{font-weight:400;color:var(--cafe-suave)}
.oferta-opcion{align-items:flex-start}
.oferta-opcion small{color:var(--cafe-suave)}
.oferta-opcion .oferta-nota{color:var(--naranja-texto)}
.oferta-opcion input:disabled+span{opacity:.6}
.oferta-incluido{display:block;color:var(--naranja-texto);font-weight:600}
.oferta-calculada{margin:6px 0}
.oferta-resumen{background:var(--durazno-claro);border-radius:14px;padding:12px 14px;margin-top:10px;font-size:14px}
.oferta-resumen ul{list-style:none;margin:0;padding:0}
.oferta-resumen li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;padding:4px 0;border-bottom:1px dashed var(--borde)}
.oferta-resumen li small{flex-basis:100%;color:var(--naranja-texto)}
.oferta-total{margin:8px 0 0;font-weight:700}
.tabla-oferta td{vertical-align:middle}
.tabla-oferta .oferta-valor input{width:120px}
.lista-oferta{list-style:none;padding:0;margin:0 0 8px}
.lista-oferta li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 10px;padding:4px 0;border-bottom:1px solid var(--borde)}
.lista-oferta li small{flex-basis:100%}
.form-catalogo{margin:10px 0}
/* Catálogo: formularios (la etiqueta envuelve el campo) */
.form-catalogo .campo label{display:flex;flex-direction:column;gap:6px}
.form-catalogo .campo input,.form-catalogo .campo select{width:100%;min-width:0;box-sizing:border-box}
.form-catalogo .campos-tres,.form-catalogo .campos-dos{gap:16px 24px;align-items:start}
.bloque-edicion{border:2px solid var(--naranja-texto)}
.bloque-edicion .barra-titulo{align-items:center;margin-bottom:8px}
#editar{scroll-margin-top:150px}
#grupos td code,#servicios td code{white-space:nowrap}

/* Facturación */
.chip-estado.tono-rojo{background:#FBE6E1;color:#8E2A14}
.resumen small{font-size:13px;color:var(--cafe-suave);margin-top:4px}
.resumen-fact strong{font-size:26px}
.texto-alerta{color:#8E2A14}
.fila-tenue td{opacity:.6}
.fila-total td{font-weight:600;background:var(--durazno-claro)}
.tabla-proyeccion td,.tabla-proyeccion th{white-space:nowrap;text-align:right}
.tabla-proyeccion td:first-child,.tabla-proyeccion th:first-child{text-align:left}
.form-linea{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:4px 0}
.form-linea input,.form-linea select{width:auto;min-width:0}
.form-linea input[name=nombre]{flex:1 1 200px}
.campo-chico{max-width:80px}
.acciones-factura{min-width:200px}
.acciones-factura input[type=date]{max-width:150px}
.btn-enlace{background:none;border:0;padding:0;color:var(--naranja-texto);text-decoration:underline;cursor:pointer;font:inherit}
.aviso-inline{background:var(--durazno-claro);border:1px solid var(--borde);border-radius:14px;padding:14px 18px;margin:0 0 16px}
.aviso-inline p{margin:0 0 10px}
.form-borrar{margin-top:10px}
.bloque-fact{margin:0 0 20px}
.bloque-fact > h2:first-child,.bloque-fact > .barra-titulo:first-child h2,.bloque-fact > summary + form h2{margin-top:0}
.bloque-fact > summary{cursor:pointer;font-weight:600}
.consentimiento input[type=date]{width:160px;display:inline-block;margin-left:6px;padding:2px 4px}
.doc-cambios{background:var(--durazno-claro);border:1px solid var(--borde);border-radius:14px;padding:12px 14px}
.doc-cambios ul{margin:6px 0 0;padding-left:18px}
