:root{--azul-tecnm:#173b70;--azul-oscuro:#0c2345;--borde:#dce5f0;--tinta:#1c3354}
body{background:#eaf0f7;text-transform:uppercase;letter-spacing:.015em}
input,textarea,select,option,button{ text-transform:uppercase }
.plantilla{max-width:1540px;padding:24px 36px 40px;gap:24px}
.encabezado{position:relative;border:1px solid #d6e1ef;border-radius:18px;box-shadow:0 12px 32px #102f5810;padding:22px 30px;overflow:hidden}
.encabezado::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:linear-gradient(90deg,#133564 70%,#51a9bc)}
.identidad-app{margin-left:auto;text-align:right;color:#173b70;line-height:1.5;font-size:.78rem;letter-spacing:.13em}.identidad-app strong{display:block;color:#0c2345;font-size:1.04rem;letter-spacing:.06em}
.contenido{border-radius:18px;border-color:#d8e3f0;box-shadow:0 16px 40px #183c6410}
.inicio-cartas{min-height:560px;align-items:stretch;justify-content:center;padding:clamp(28px,5vw,70px);background:linear-gradient(125deg,#fff 50%,#f2f6fc)}
.titulo-inicio{max-width:720px;margin-bottom:12px}.titulo-inicio>p{color:#487195;letter-spacing:.2em;font-size:.78rem;font-weight:750;margin:0 0 14px}.inicio-cartas h1{font-size:clamp(1.6rem,3.2vw,2.8rem);line-height:1.16;letter-spacing:-.02em;font-weight:750}.titulo-inicio>span{display:block;margin-top:16px;font-size:.84rem;color:#596f8c;line-height:1.7}
.opciones-cartas{width:100%;gap:22px}.opcion-carta{min-height:242px;border-radius:16px;padding:30px;gap:26px;font-size:1.25rem;line-height:1.4;border:1px solid #cad9eb;box-shadow:0 8px 24px #15396a08;overflow:hidden}.opcion-carta:first-child{background:linear-gradient(135deg,#173b70,#0d264b);border-color:#173b70}.opcion-carta svg{width:52px;height:52px}.numero-opcion{position:absolute;top:24px;right:28px;font-size:2rem;line-height:1;font-weight:300;opacity:.36}.opcion-carta>span::after{font-size:1.65rem}.acceso-directorio{align-self:flex-start;margin-top:4px;background:white;border:1px solid #bfd0e4;min-height:50px;font-size:.84rem;letter-spacing:.04em}
.titulo-pagina{margin-top:24px;gap:16px}.pagina h1{font-weight:760;font-size:clamp(1.45rem,2.6vw,2rem)}.etiqueta{font-size:.75rem;letter-spacing:.14em;color:#54789c;margin-bottom:7px}.subtitulo{font-size:.83rem;letter-spacing:.025em;max-width:1000px}.insignia-plantilla{font-size:.72rem;letter-spacing:.06em;padding:10px 13px;border-radius:6px}
.navegacion{font-size:.78rem;line-height:1.5}.navegacion a{padding:5px 0}.seccion-formulario{padding:26px;background:#fff;border-color:#d4dfed;box-shadow:0 8px 22px #203b6205}.seccion-formulario>legend{font-size:.91rem;letter-spacing:.055em}.seccion-formulario>legend>span{border-radius:6px;font-size:.75rem;height:30px;min-width:32px}.campo label{font-size:.79rem;letter-spacing:.04em}.campo input,.campo select{font-size:1rem;min-height:52px;border-radius:8px;border-color:#bfcee1;letter-spacing:.01em}.campo input:focus,.campo select:focus{border-color:#1b4c87;outline:3px solid #dae7f9}.ayuda,.campo small,.nota-carta{font-size:.73rem;line-height:1.7}.responsable-seccion{border-radius:10px;background:#f0f5fb}.responsable-seccion legend{font-size:.84rem}.ficha-programa{background:#edf4fa;border-color:#c7dbee}.ficha-programa h3{font-size:.87rem}.ficha-datos dt{font-size:.72rem;letter-spacing:.055em}.ficha-datos dd{font-size:.83rem}.ficha-datos{gap:20px 24px}
.panel-vista-previa{border-radius:14px;padding:18px;background:#dfe8f3;border-color:#c7d5e6;box-shadow:0 8px 30px #1d3a5d0c}.cabecera-vista-previa h2{font-size:.9rem;letter-spacing:.04em}.cabecera-vista-previa>span{font-size:.7rem;white-space:nowrap}.estado-vista-previa{font-size:.71rem;line-height:1.7;min-height:46px}.visor-carta-en-vivo{border-color:#b7c7db;border-radius:3px}.panel-vista-previa>.boton-texto{font-size:.72rem}
.boton{border-radius:8px;min-height:48px;font-size:.82rem;font-weight:700;letter-spacing:.045em;box-shadow:0 3px 8px #0b2b5210}.boton-texto{font-size:.76rem;letter-spacing:.03em}.boton:not(.secundario):not(.claro):hover{background:#0c294f}.acciones-formulario{gap:10px;padding-top:24px}.lista-opciones button{padding:15px 16px;font-size:.85rem}.lista-opciones button strong{font-size:.82rem}.lista-opciones button small{font-size:.72rem}.filtros .campo{flex-basis:220px}.filtros .filtro-categoria{flex:0 1 250px}
.editor-logos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.tarjeta-logo{min-width:0;border:1px solid #cbd9e9;border-radius:10px;padding:16px;background:#f8fbff}.titulo-logo{display:flex;align-items:center;justify-content:space-between;gap:8px}.titulo-logo strong{font-size:.8rem;color:#173b70}.titulo-logo span{font-size:.6rem;color:#607b97;letter-spacing:.06em}.imagen-logo{height:95px;display:flex;align-items:center;justify-content:center;margin:14px 0;border:1px dashed #bacce0;border-radius:7px;background:#fff;padding:10px}.imagen-logo img{max-width:100%;max-height:75px;object-fit:contain}.imagen-logo span{font-size:.67rem;color:#7890a7;letter-spacing:.13em}.tarjeta-logo label{display:block;font-size:.66rem;font-weight:700;letter-spacing:.04em;margin:0 0 6px}.tarjeta-logo input[type=file]{width:100%;min-width:0;font-size:.67rem;line-height:1.6;color:#3f5c7c}.tarjeta-logo input[type=file]::file-selector-button{border:0;background:#e0eafa;color:#173b70;padding:8px;border-radius:5px;font-size:.65rem;font-weight:700;margin-right:8px}.quitar-logo{font-size:.65rem;margin-top:8px}.quitar-logo:disabled{opacity:.4;cursor:default}.muestra-membrete{background:#eef4fb;border-style:solid;gap:15px}.muestra-membrete p{font-size:.72rem}#logos-previos{flex-wrap:wrap;gap:12px}#logos-previos img{max-width:80px;max-height:55px}
.intro-tec{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:#f9fbff;pointer-events:none;animation:intro-fin 1s linear both}.intro-tec img{width:min(270px,62vw);height:150px;object-fit:contain;animation:intro-logo 1s ease-out both}
@keyframes intro-logo{0%{opacity:0;transform:translateY(12px) scale(.92)}35%,75%{opacity:1;transform:translateY(0) scale(1)}100%{opacity:0;transform:translateY(-5px) scale(1.02)}}
@keyframes intro-fin{0%,82%{opacity:1;visibility:visible}100%{opacity:0;visibility:hidden}}
@media(max-width:1000px){.identidad-app{font-size:.66rem}.identidad-app strong{font-size:.9rem}.plantilla{padding:22px}.captura-con-vista{gap:24px}.editor-logos{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.plantilla{padding:12px;gap:16px}.encabezado{padding:18px;gap:14px;flex-wrap:wrap}.identidad-app{margin:0;text-align:left;flex:1 1 100%;padding-top:12px;border-top:1px solid #e0e7f1;letter-spacing:.1em}.identidad-app strong{font-size:.76rem}.inicio-cartas{padding:30px 22px;min-height:0;gap:20px}.titulo-inicio>span{font-size:.74rem}.opciones-cartas{max-width:none;gap:16px}.opcion-carta{min-height:190px;padding:24px;font-size:1.1rem}.numero-opcion{font-size:1.6rem}.acceso-directorio{align-self:stretch;font-size:.72rem;padding:12px}.pagina{padding:22px 16px}.seccion-formulario{padding:20px 14px}.seccion-formulario>legend{font-size:.79rem;letter-spacing:.03em}.panel-vista-previa{padding:12px}.acciones-formulario .boton{width:100%}.editor-logos{grid-template-columns:1fr}.filtros .filtro-categoria{flex:1 1 100%}.formulario-pagina .campo input,.formulario-pagina .campo select{font-size:16px}.titulo-pagina{align-items:flex-start}.navegacion>div{gap:15px}.ficha-programa{padding:16px 12px}.intro-tec img{height:120px}}
@media(prefers-reduced-motion:reduce){.intro-tec img{animation:none;transform:none}.opcion-carta{transition:none}}
@media print{.intro-tec,.identidad-app{display:none!important}.plantilla{padding:0}.contenido{box-shadow:none;border:0}.barra-impresion{display:none!important}}