/* 13102026 - Se unificó el diseño de registro, administración, consultas y pagos con el estilo institucional #6A1C32 del login. */
/* Exclusivamente visual: no se alteran IDs, eventos, validadores ni transacciones. */
body.cespm-modern-interior { --cespm-vino:#6A1C32; --cespm-vino-oscuro:#4e1627; --cespm-dorado:#bb9f66; --cespm-fondo:#f6f7f9; --cespm-linea:#e3e5e9; --cespm-texto:#283244; background:var(--cespm-fondo); }
/* 13102026 - Se centró el contenido y se incorporaron tarjetas blancas a las pantallas interiores. */
.cespm-modern-interior .cielo,
.cespm-modern-interior .azul { background:var(--cespm-fondo) !important; color:var(--cespm-texto); min-height:380px; padding:38px 22px 54px; }
.cespm-modern-interior .cielo > .container,
.cespm-modern-interior .azul > .container { width:100%; max-width:1150px; margin-left:auto; margin-right:auto; }
.cespm-modern-interior .cielo h1,
.cespm-modern-interior .azul h1 { font-size:clamp(24px,2.4vw,33px); font-weight:700; color:var(--cespm-vino) !important; letter-spacing:-.025em; line-height:1.25; margin:0 0 25px; }
.cespm-modern-interior .cielo h2,.cespm-modern-interior .cielo h3,.cespm-modern-interior .cielo h4,
.cespm-modern-interior .azul h2,.cespm-modern-interior .azul h3,.cespm-modern-interior .azul h4 {color:var(--cespm-vino) !important; font-weight:700; }
.cespm-modern-interior .cielo .tabla,
.cespm-modern-interior .azul .recuperar-contrasena { background:#fff !important; color:var(--cespm-texto); border:1px solid var(--cespm-linea); border-radius:18px; box-shadow:0 14px 36px rgba(40,22,32,.07); padding:26px 28px; }
.cespm-modern-interior .cielo .tabla .tabla {box-shadow:none; border:0; padding:0;}
.cespm-modern-interior .cielo .cabecera {background:#f1f3f6 !important; color:var(--cespm-texto) !important; border-radius:10px 10px 0 0; padding:12px 15px;}
.cespm-modern-interior .cielo .cabecera h3,.cespm-modern-interior .cielo .cabecera h4 {color:var(--cespm-vino) !important;}
/* 13102026 - Se actualizaron campos, botones y tablas sin alterar sus atributos ASP.NET. */
.cespm-modern-interior .cielo input[type=text],.cespm-modern-interior .cielo input[type=password],.cespm-modern-interior .cielo input[type=email],.cespm-modern-interior .cielo input[type=number],.cespm-modern-interior .cielo textarea,.cespm-modern-interior .cielo select,
.cespm-modern-interior .azul input[type=text],.cespm-modern-interior .azul input[type=password],.cespm-modern-interior .azul input[type=email] { max-width:100%; border:1px solid #cfd5dc !important; background:#fff !important; border-radius:9px !important; color:#293243 !important; padding:11px 13px !important; min-height:43px; box-shadow:none !important; }
.cespm-modern-interior .cielo input:focus,.cespm-modern-interior .cielo textarea:focus,.cespm-modern-interior .cielo select:focus,.cespm-modern-interior .azul input:focus {outline:2px solid rgba(106,28,50,.15);border-color:var(--cespm-vino) !important;}
.cespm-modern-interior .cielo .btn,.cespm-modern-interior .azul .btn,
.cespm-modern-interior .cielo input[type=submit],.cespm-modern-interior .azul input[type=submit] {border-radius:9px !important; background:var(--cespm-vino) !important; border:1px solid var(--cespm-vino) !important; color:white !important; min-height:41px; padding:9px 20px !important; font-weight:600; text-decoration:none; box-shadow:0 4px 10px rgba(106,28,50,.13); cursor:pointer;}
.cespm-modern-interior .cielo .btn:hover,.cespm-modern-interior .azul .btn:hover {background:var(--cespm-vino-oscuro) !important;}
.cespm-modern-interior .cielo table {max-width:100%; border-collapse:collapse; }
.cespm-modern-interior .cielo table th {background:#edf0f3; color:var(--cespm-vino); padding:12px 9px; border-bottom:2px solid #d8dbe1;}
.cespm-modern-interior .cielo table td {padding:10px 9px; vertical-align:middle; border-bottom:1px solid #eceef1;}
.cespm-modern-interior .cielo .overflow {overflow-x:auto; max-width:100%;}
.cespm-modern-interior .cielo input[type=checkbox],.cespm-modern-interior .cielo input[type=radio],.cespm-modern-interior .azul input[type=checkbox] {accent-color:var(--cespm-vino);}
/* 13102026 - Se modernizó el resumen y el selector de banco en pago en línea sin modificar lógica de cobro. */
.cespm-modern-interior .cielo:has(.ddlb-ctas) .row > [class*=col-] > .tabla {background:#fff !important;}
.cespm-modern-interior .cielo:has(.ddlb-ctas) .row > [class*=col-] > span[style*=color],
.cespm-modern-interior .cielo:has(.ddlb-ctas) .row > [class*=col-] > p[style*=color] {color:var(--cespm-texto) !important;}
.cespm-modern-interior .cielo .ddlb-ctas {min-width:180px;}
/* 13102026 - Se creó una presentación de registro centrada, con fondo claro y bloques diferenciados. */
.cespm-modern-interior .creacion-de-cuenta { background:var(--cespm-fondo) !important; }
.cespm-modern-interior .creacion-de-cuenta > .container {background:#fff;border:1px solid var(--cespm-linea);border-radius:18px;padding:34px !important;box-shadow:0 14px 36px rgba(40,22,32,.07);}
.cespm-modern-interior .creacion-de-cuenta h1,.cespm-modern-interior .creacion-de-cuenta h2,.cespm-modern-interior .creacion-de-cuenta h3,.cespm-modern-interior .creacion-de-cuenta h4 {color:var(--cespm-vino) !important;}
.cespm-modern-interior .creacion-de-cuenta .titulo {margin-bottom:14px;}
.cespm-modern-interior .creacion-de-cuenta label,.cespm-modern-interior .creacion-de-cuenta label.letrab,.cespm-modern-interior .creacion-de-cuenta label[style] {color:#455066 !important;}
.cespm-modern-interior .creacion-de-cuenta .form-control {height:45px;}
.cespm-modern-interior .creacion-de-cuenta .help {color:#84622b;}
.cespm-modern-interior .creacion-de-cuenta .grid-gray-modern {width:100%;}
.cespm-modern-interior .creacion-de-cuenta .grid-gray-modern th {background:#eceff2 !important;color:var(--cespm-vino) !important;}
.cespm-modern-interior .creacion-de-cuenta .grid-gray-modern td {background:white;color:var(--cespm-texto);}
.cespm-modern-interior .creacion-de-cuenta .btn-secondary {background:#fff !important;color:var(--cespm-vino) !important;}
/* 13102026 - Se ajustó el diseño responsive de formularios, paneles y tablas para pantallas pequeñas. */
@media(max-width:767px){
 .cespm-modern-interior .cielo,.cespm-modern-interior .azul {padding:22px 12px 36px;}
 .cespm-modern-interior .cielo .tabla,.cespm-modern-interior .azul .recuperar-contrasena {padding:19px 14px;}
 .cespm-modern-interior .creacion-de-cuenta > .container {padding:20px 14px !important;}
 .cespm-modern-interior .cielo table {min-width:600px;}
 .cespm-modern-interior .cielo .overflow table {min-width:600px;}
 .cespm-modern-interior .cielo .ddlb-ctas {width:100% !important;}
}

/* 13102026 - Nuevo diseño estructural de registro con pasos, tarjetas y campos alineados. */
.cespm-modern-interior .cespm-reg-layout{background:#f6f7fa;color:#303546;min-height:70vh;padding-bottom:65px}
.cespm-reg-banner{background:linear-gradient(110deg,#4b1728,#6a1c32 65%,#832c49);padding:40px 22px;color:#fff}
.cespm-reg-banner-inner{max-width:1080px;margin:auto}.cespm-reg-kicker{font-size:12px;letter-spacing:2px;color:#dbc49c;font-weight:800}.cespm-reg-banner h1{margin:9px 0;font-size:clamp(26px,3vw,39px);font-weight:750;color:#fff}.cespm-reg-banner p{color:#f9e9ef;margin:0;font-size:15px}
.cespm-reg-shell{max-width:1080px;margin:36px auto 0;padding:0 18px}.cespm-reg-intro{text-align:center;margin:0 auto 25px}.cespm-reg-intro span{color:#b18343;letter-spacing:2px;font-size:11px;font-weight:750}.cespm-reg-intro h2{color:#6a1c32;margin:6px 0;font-size:27px;font-weight:750}.cespm-reg-intro p{color:#687184}
.cespm-reg-card{background:#fff;border:1px solid #e6e7eb;border-top:3px solid #6a1c32;border-radius:15px;box-shadow:0 9px 25px rgba(30,15,25,.05);padding:27px 30px;margin-bottom:20px}.cespm-reg-section-head{display:flex;align-items:center;gap:14px;margin-bottom:23px}.cespm-reg-section-head h3{font-size:20px;font-weight:750;color:#6a1c32;margin:0 0 4px}.cespm-reg-section-head p{font-size:13px;color:#6d7380;margin:0}.cespm-reg-step{display:inline-flex;align-items:center;justify-content:center;flex:none;width:43px;height:43px;border-radius:12px;background:#f9eaf0;color:#6a1c32;font-weight:800}
.cespm-reg-grid{display:grid;gap:18px;margin-bottom:18px}.cespm-reg-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.cespm-reg-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.cespm-reg-field{min-width:0}.cespm-reg-field label{display:block;color:#34394a!important;font-weight:650;font-size:13px;margin:0 0 8px}.cespm-reg-field input{display:block;width:100%!important;max-width:none!important;min-height:46px;padding:10px 12px;border:1px solid #cfd3dd;background:white;border-radius:8px}.cespm-reg-field small{display:block;color:#7a8290;margin-top:6px}
.cespm-reg-checks{display:flex;flex-direction:column;gap:14px}.cespm-reg-check{display:flex;align-items:center;gap:10px;color:#41485a}.cespm-reg-check label{display:none}.cespm-reg-check input{accent-color:#6a1c32}.cespm-reg-actions{display:flex;gap:12px;justify-content:flex-end;border-top:1px solid #eee;padding-top:23px;margin-top:24px}.cespm-reg-actions input{min-width:130px;padding:12px 18px;border-radius:9px;background:#6a1c32;color:white;border:1px solid #6a1c32;font-weight:650;cursor:pointer}.cespm-reg-actions input:first-child{background:white;color:#6a1c32}.cespm-reg-table-wrap{overflow-x:auto}.cespm-reg-table-wrap table{min-width:550px}
/* 13102026 - Footer de registro alineado con el pie de página del login y administración. */
@media(max-width:760px){.cespm-reg-grid-3,.cespm-reg-grid-2{grid-template-columns:1fr}.cespm-reg-card{padding:22px 17px}.cespm-reg-shell{margin-top:24px}.cespm-reg-actions{flex-wrap:wrap}.cespm-reg-actions input{flex:1}.cespm-footer-nav{gap:12px}}


/* 13102026 - Se aplicaron al footer de Registro las mismas dimensiones, colores y espaciados del inicio de sesión. */
/* 13102026 - Se modernizó el pie de página de CESPM con logo, navegación, redes sociales y datos institucionales centrados. */
footer.cespm-footer-modern { background:#e4e4e6; color:#49434a; border-top:5px solid #6a1c32; font-family:inherit; width:100%; clear:both; }
footer.cespm-footer-modern .cespm-footer-main { max-width:1180px; margin:auto; text-align:center; padding:28px 20px 24px; }
footer.cespm-footer-modern .cespm-footer-brand img { display:block; width:auto; max-width:min(250px, 80vw); height:65px; object-fit:contain; margin:0 auto 20px; }
footer.cespm-footer-modern .cespm-footer-nav { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:10px 27px; margin:0 auto 22px; }
footer.cespm-footer-modern .cespm-footer-nav a { color:#514951; font-size:14px; text-decoration:none; transition:color .2s; }
footer.cespm-footer-modern .cespm-footer-nav a:hover, footer.cespm-footer-modern .cespm-footer-nav a:focus { color:#6a1c32; text-decoration:underline; }
footer.cespm-footer-modern .cespm-footer-social { display:flex; justify-content:center; gap:14px; align-items:center; margin:0 auto 20px; }
footer.cespm-footer-modern .cespm-footer-social a { display:inline-flex; align-items:center; justify-content:center; width:39px; height:39px; border-radius:50%; background:#fff; box-shadow:0 2px 7px #00000013; }
footer.cespm-footer-modern .cespm-footer-social img { width:21px; height:21px; display:block; margin:0; object-fit:contain; }
footer.cespm-footer-modern .cespm-footer-address { font-size:13px; line-height:1.65; margin:0 auto; color:#55515a; }
footer.cespm-footer-modern .cespm-footer-bottom { background:#d1d1d3; text-align:center; padding:15px 14px; font-size:12px; color:#615c62; }
footer.cespm-footer-modern .cespm-footer-bottom a { color:#6a1c32; text-decoration:underline; }
@media(max-width:600px){footer.cespm-footer-modern .cespm-footer-main{padding:24px 14px 18px}footer.cespm-footer-modern .cespm-footer-brand img{height:55px}footer.cespm-footer-modern .cespm-footer-nav{gap:10px 15px}footer.cespm-footer-modern .cespm-footer-nav a{font-size:13px}footer.cespm-footer-modern .cespm-footer-address{font-size:12px}}
@media print { footer.cespm-footer-modern { display:none !important; } }

/* 13102026 - Se mantienen las medidas del footer iguales al login y el enlace de Aviso de Privacidad activo. */


/* 13102026 - Se restableció únicamente la alineación horizontal del logo y texto del hero de Registro, igual que en el login. */
.cespm-modern-interior .cespm-reg-banner {
    background: linear-gradient(110deg, #531526 0%, #6a1c32 58%, #842640 100%);
    min-height: 130px;
    padding: 15px 24px;
    display: flex;
    align-items: center;
}
.cespm-modern-interior .cespm-reg-banner-inner {
    width: 100%;
    max-width: 1080px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: clamp(24px, 3vw, 46px);
}
.cespm-modern-interior .cespm-reg-banner-logo {
    display: block;
    flex: 0 0 238px;
    width: 238px;
    max-width: 238px;
    height: 100px;
    object-fit: contain;
}
.cespm-modern-interior .cespm-reg-banner-copy {
    flex: 0 1 650px;
    min-width: 0;
}
.cespm-modern-interior .cespm-reg-banner h1 {
    font-size: clamp(23px, 2.4vw, 31px);
    margin: 6px 0;
}
@media (max-width: 600px) {
    .cespm-modern-interior .cespm-reg-banner {
        padding: 22px 16px;
    }
    .cespm-modern-interior .cespm-reg-banner-inner {
        flex-direction: column;
        gap: 12px;
        text-align: center;
    }
    .cespm-modern-interior .cespm-reg-banner-logo {
        flex: 0 0 auto;
        width: min(230px, 90%);
        height: 75px;
    }
    .cespm-modern-interior .cespm-reg-banner-copy {
        flex: 0 1 auto;
        width: 100%;
    }
}


/* 13102026 - Se rediseñó únicamente Recuperar Contraseña con el estilo aprobado de Registro: tarjeta blanca, fondo claro y botones institucionales. */
.cespm-modern-interior .cespm-recuperar-page {background:#f6f7fa;min-height:560px;padding:0 0 72px;color:#273040;}
.cespm-modern-interior .cespm-recuperar-banner {background:linear-gradient(110deg,#531526 0%,#6a1c32 58%,#842640 100%);padding:24px 20px;}
.cespm-modern-interior .cespm-recuperar-banner-inner {display:flex;align-items:center;gap:40px;justify-content:center;max-width:1080px;margin:auto;}
.cespm-modern-interior .cespm-recuperar-banner-logo {display:block;flex:0 0 238px;width:238px;height:100px;object-fit:contain;}
.cespm-modern-interior .cespm-recuperar-banner-copy {flex:0 1 650px;min-width:0;}
.cespm-modern-interior .cespm-recuperar-kicker {display:block;color:#dec69e;font-size:12px;letter-spacing:2px;font-weight:800;}
.cespm-modern-interior .cespm-recuperar-banner h1 {color:#fff !important;font-size:clamp(24px,2.6vw,32px);line-height:1.2;margin:7px 0 10px;font-weight:750;}
.cespm-modern-interior .cespm-recuperar-banner p {color:#f7e8ef;font-size:15px;line-height:1.5;margin:0;}
.cespm-modern-interior .cespm-recuperar-shell {max-width:770px;margin:38px auto 0;padding:0 18px;}
.cespm-modern-interior .cespm-recuperar-card {background:#fff;border:1px solid #e4e7ec;border-top:4px solid #6a1c32;border-radius:17px;padding:32px 36px;box-shadow:0 15px 35px rgba(35,17,30,.07);}
.cespm-modern-interior .cespm-recuperar-heading {display:flex;align-items:center;gap:15px;margin-bottom:25px;}
.cespm-modern-interior .cespm-recuperar-step {display:flex;align-items:center;justify-content:center;flex:0 0 46px;width:46px;height:46px;border-radius:12px;background:#f8eaf0;color:#6a1c32;font-size:21px;font-weight:bold;}
.cespm-modern-interior .cespm-recuperar-heading h2 {color:#6a1c32;font-size:22px;margin:0 0 4px;font-weight:750;}
.cespm-modern-interior .cespm-recuperar-heading p {color:#657084;font-size:13px;margin:0;}
.cespm-modern-interior .cespm-recuperar-field label {display:block;margin:0 0 9px;color:#354051;font-size:14px;font-weight:750;}
.cespm-modern-interior .cespm-recuperar-field input[type=text] {width:100% !important;min-height:49px;border:1px solid #cfd5df;border-radius:9px;background:#fff;padding:12px 14px;color:#243144;box-sizing:border-box;}
.cespm-modern-interior .cespm-recuperar-field input[type=text]:focus {border-color:#6a1c32;outline:3px solid #f6e6ed;}
.cespm-modern-interior .cespm-recuperar-actions {display:flex;gap:13px;justify-content:flex-end;border-top:1px solid #ecedf0;margin-top:27px;padding-top:22px;}
.cespm-modern-interior .cespm-recuperar-actions input[type=button] {appearance:none;min-width:138px;min-height:45px;border-radius:9px;padding:11px 20px;font-weight:750;font-size:14px;cursor:pointer;}
.cespm-modern-interior .cespm-recuperar-actions .cespm-recuperar-primary {background:#6a1c32 !important;border:1px solid #6a1c32 !important;color:#fff !important;}
.cespm-modern-interior .cespm-recuperar-actions .cespm-recuperar-secondary {background:#fff !important;border:1px solid #6a1c32 !important;color:#6a1c32 !important;}
.cespm-modern-interior .cespm-recuperar-messages {margin-top:14px;color:#6a1c32;font-size:14px;line-height:1.55;}
.cespm-modern-interior .cespm-recuperar-messages span {background:transparent !important;}
@media(max-width:650px){.cespm-modern-interior .cespm-recuperar-banner-inner{flex-direction:column;gap:10px;text-align:center}.cespm-modern-interior .cespm-recuperar-banner-logo{flex:0 0 auto;height:76px;width:220px}.cespm-modern-interior .cespm-recuperar-banner-copy{flex:0 1 auto}.cespm-modern-interior .cespm-recuperar-card{padding:23px 18px}.cespm-modern-interior .cespm-recuperar-actions{flex-wrap:wrap}.cespm-modern-interior .cespm-recuperar-actions input[type=button]{flex:1}}