:root{color-scheme:light;--azul-tecnm:#1b396a;--azul-oscuro:#11284c;--azul-claro:#31598a;--blanco:#fff;--fondo-contenido:#fff;--borde:#dce4ef;--tinta:#24334a}
*{box-sizing:border-box}html{min-height:100%}body{margin:0;min-width:280px;min-height:100vh;font:16px/1.5 "Segoe UI",Arial,sans-serif;color:var(--tinta);background:linear-gradient(to bottom,#11284c 0,#1b396a 225px,#edf2f8 225px,#edf2f8 100%)}
.plantilla{width:100%;min-width:0;display:flex;flex-direction:column;gap:26px;min-height:100vh;max-width:1440px;margin:0 auto;padding:26px 36px 40px}
.encabezado{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:118px;padding:18px 30px;background:#fff;border-radius:14px;box-shadow:0 8px 28px #0b1c3220}
.logos{display:flex;align-items:center;gap:25px;min-width:0}.logo-tecnm{display:block;width:205px;height:76px;object-fit:contain}.logo-tacambaro{display:block;width:60px;height:76px;object-fit:contain}.separador{width:1px;height:52px;flex:0 0 1px;background:var(--borde)}

.contenido{width:100%;min-width:0;flex:1;min-height:300px;background:var(--fondo-contenido);border:1px solid #dfe7f1;border-radius:16px;box-shadow:0 10px 30px #11284c0b}
@media screen and (max-width:700px){.plantilla{padding:14px;gap:16px}.encabezado{padding:16px;gap:12px;min-height:100px}.logos{gap:14px}.logo-tecnm{width:min(34vw,175px);height:66px}.logo-tacambaro{width:44px;height:66px}.separador{height:42px}}
@media screen and (max-width:380px){.logos{gap:8px}.logo-tecnm{width:110px;height:54px}.logo-tacambaro{width:32px;height:54px}.encabezado{padding:12px}.separador{display:none}}