/*
Theme Name: Theme Custom
Theme URI: https://feriadeempleoaliat.com
Author: Mury
Author URI: https://feriadeempleoaliat.com
Description: Theme custom para Feria Virtual de Empleo Aliat.
Version: 1.0.0
Text Domain: theme-custom
*/

/* =========================================================
   ROOT
   ========================================================= */

:root { 
    
    --bg-whitev3: transparent -webkit-linear-gradient(#F2F2F2 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
    --bg-whitev3: transparent -o-linear-gradient(#F2F2F2 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
    --bg-whitev3: transparent linear-gradient(#F2F2F2 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
    
    --bg-azul-o: #00588e;
    --bg-azul: #5294c4;
    --bg-azulc: #66bfe7;
    
    --bg-naranja-p:#1d1d1b;
    --bg-naranja: #e84623;
    --bg-naranja-c:#f08306;
    --areas-amarillo: #FFCD00;
    --areas-violeta: #7f35b2;
    --areas-verde: #129447;
    --areas-verde-c: #40c1bb;
    --areas-azul: #0047bb;
    --areas-azul-o: #00205b;
    --areas-salmon: #ff7f61;
    

    --bg-whats: #55C252;
    --feria-border: rgba(17, 24, 39, 0.12); 
    --feria-white: #ffffff; 
    --feria-black: #000000; 
    --feria-radius-sm: 0.5rem; 
    --feria-radius-md: 1rem; 
    --feria-radius-lg: 1.5rem; 
    --feria-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.08); 
    --feria-shadow-md: 0 18px 45px rgba(15, 23, 42, 0.14); 
    --feria-transition: all 0.25s ease; }



/* =========================================================
   BASE
   ========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
body {font-family: "Montserrat", sans-serif;font-optical-sizing: auto; font-weight: 400; font-style: normal;color: var(--feria-black)!important; font-size: calc(1rem + .333vw) !important;}

img { max-width: 100%; height: auto; }

a { color: inherit; text-decoration: none; transition: var(--feria-transition); }

a:hover { color: var(--feria-accent); }

button { transition: var(--feria-transition); }

.site-main { width: 100%; min-height: 100vh; }
.screen-reader-text { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.fw-100{font-weight: 100 !important; } .fw-200{font-weight: 200 !important; } .fw-300{font-weight: 300 !important; }  .fw-400{font-weight: 400} .fw-500{ font-weight:500 !important; } .fw-600{font-weight: 600 !important; } .fw-700{font-weight: 700 !important; }.fw-800{font-weight: 800 !important; }
a {text-decoration: none; transition: all .2s ease-in-out;  -moz-transition: all .2s ease-in-out;  -webkit-transition: all .2s ease-in-out;  -o-transition: all .2s ease-in-out;} 

/* ===============================
   Font Awesome Free 5.15.1 
   =============================== */
.sr-only { border: 0;clip: rect(0, 0, 0, 0);height: 1px;margin: -1px; overflow: hidden;padding: 0;position: absolute; width: 1px; }
.sr-only-focusable:active, .sr-only-focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static;width: auto; }
@font-face {font-family: 'Font Awesome 5 Brands'; font-style: normal;font-weight: 400;font-display: block; src: url("assets/fonts/fa-brands-400.eot"); src: url("assets/fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("assets/fonts/fa-brands-400.woff2") format("woff2"), url("assets/fonts/fa-brands-400.woff") format("woff"), url("assets/fonts/fa-brands-400.ttf") format("truetype"), url("assets/fonts/fa-brands-400.svg#fontawesome") format("svg"); }

.fab { font-family: 'Font Awesome 5 Brands'; font-weight: 400; }
@font-face {font-family: 'Font Awesome 5 Free'; font-style: normal;font-weight: 400;font-display: block;src: url("assets/fonts/fa-regular-400.eot"); src: url("assets/fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("assets/fonts/fa-regular-400.woff2") format("woff2"), url("assets/fonts/fa-regular-400.woff") format("woff"), url("assets/fonts/fa-regular-400.ttf") format("truetype"), url("assets/fonts/fa-regular-400.svg#fontawesome") format("svg"); }

.far { font-family: 'Font Awesome 5 Free';font-weight: 400; }
@font-face { font-family: 'Font Awesome 5 Free';font-style: normal;font-weight: 900;font-display: block;src: url("assets/fonts/fa-solid-900.eot");src: url("assets/fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("assets/fonts/fa-solid-900.woff2") format("woff2"), url("assets/fonts/fa-solid-900.woff") format("woff"), url("assets/fonts/fa-solid-900.ttf") format("truetype"), url("assets/fonts/fa-solid-900.svg#fontawesome") format("svg"); }
.fa,.fas { font-family: 'Font Awesome 5 Free'; font-weight: 900; }
/*Pro - 900 */
@font-face{font-family:"Font Awesome 5 Pro";font-style:normal;font-weight:900;font-display:block;src:url(assets/fonts/pro/fa-solid-900.eot);src:url(assets/fonts/pro/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(assets/fonts/pro/fa-solid-900.woff2) format("woff2"),url(assets/fonts/pro/fa-solid-900.woff) format("woff"),url(assets/fonts/pro/fa-solid-900.ttf) format("truetype"),url(assets/fonts/pro/fa-solid-900.svg#fontawesome) format("svg")}.fa,.fas{font-family:"Font Awesome 5 Pro";font-weight:900}
/* Pro - 400 */
@font-face{font-family:"Font Awesome 5 Pro";font-style:normal;font-weight:400;font-display:block;src:url(assets/fonts/pro/fa-regular-400.eot);src:url(assets/fonts/pro/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(assets/fonts/pro/fa-regular-400.woff2) format("woff2"),url(assets/fonts/pro/fa-regular-400.woff) format("woff"),url(assets/fonts/pro/fa-regular-400.ttf) format("truetype"),url(assets/fonts/pro/fa-regular-400.svg#fontawesome) format("svg")}.far-pro{font-family:"Font Awesome 5 Pro";font-weight:400;display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1;} .fa-hourglass-half::before { content: "\f252";} 
.fa-times-circle::before { content: "\f057";}
/* Pro 300*/
@font-face{font-family:"Font Awesome 5 Pro";font-style:normal;font-weight:300;font-display:block;src:url(assets/fonts/pro/fa-light-300.eot);src:url(assets/fonts/pro/fa-light-300.eot?#iefix) format("embedded-opentype"),url(assets/fonts/pro/fa-light-300.woff2) format("woff2"),url(assets/fonts/pro/fa-light-300.woff) format("woff"),url(assets/fonts/pro/fa-light-300.ttf) format("truetype"),url(assets/fonts/pro/fa-light-300.svg#fontawesome) format("svg")}.fal{font-family:"Font Awesome 5 Pro";font-weight:300}
.fa-exclamation-circle::before { content: "\f06a";}
/* Duo*/
@font-face{font-family:"Font Awesome 5 Duotone";font-style:normal;font-weight:900;font-display:block;src:url(assets/fonts/duo/fa-duotone-900.eot);src:url(assets/fonts/duo/fa-duotone-900.eot?#iefix) format("embedded-opentype"),url(assets/fonts/duo/fa-duotone-900.woff2) format("woff2"),url(assets/fonts/duo/fa-duotone-900.woff) format("woff"),url(assets/fonts/duo/fa-duotone-900.ttf) format("truetype"),url(assets/fonts/duo/fa-duotone-900.svg#fontawesome) format("svg")}.fad{position:relative;font-family:"Font Awesome 5 Duotone";font-weight:900}.fad:before{position:absolute;color:var(--fa-primary-color,inherit);opacity:1;opacity:var(--fa-primary-opacity,1)}.fad:after{color:var(--fa-secondary-color,inherit)}
.fad.fa-chevron-circle-right::after { content: "\10f138";color: rgba(255,255,255,.25);}.fa-chevron-circle-right::before { content: "\f138";}
/**/
.fa,.fas,.far,.fal,.fad,.fab {-moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: antialiased;display: inline-block;font-style: normal;font-variant: normal;text-rendering: auto;line-height: 1; }
.fa-lg {font-size: 1.33333em;line-height: 0.75em;vertical-align: -.0667em; }
.fa-xs { font-size: .75em; }.fa-sm { font-size: .875em; }.fa-1x {font-size: 1.2em; }.fa-2x { font-size: 2em; }.fa-3x {font-size: 3em; }.fa-4x { font-size: 4em; }.fa-5x { font-size: 5em; }.fa-6x { font-size: 6em; }.fa-7x {font-size: 7em; }.fa-8x { font-size: 8em; }.fa-9x {font-size: 9em; }.fa-10x { font-size: 10em; }.fa-fw {text-align: center; width: 1.25em; }.fa-ul {list-style-type: none; margin-left: 2.5em; padding-left: 0; }.fa-ul > li { position: relative; }.fa-li {left: -2em; position: absolute;text-align: center;width: 2em;line-height: inherit; }.fa-border { border: solid 0.08em #eee; border-radius: .1em; padding: .2em .25em .15em; }.fa-pull-left {float: left; }.fa-pull-right {float: right; }.fa.fa-pull-left,.fas.fa-pull-left,.far.fa-pull-left,.fal.fa-pull-left,.fab.fa-pull-left { margin-right: .3em; }.fa.fa-pull-right,.fas.fa-pull-right,.far.fa-pull-right,.fal.fa-pull-right,.fab.fa-pull-right { margin-left: .3em; }
.fa-h_small{ height: 1.5em} .fs-20{font-size: 20px;}
.fa-grip-lines:before{content:"\f7a4"} .fa-bars:before{content:"\f0c9"}.fa-facebook:before {content: "\f09a"; }  .fa-twitter:before {content: "\f099"; }  .fa-youtube:before {content: "\f167"; }  .fa-instagram:before {content: "\f16d"; } .fa-envelope:before {content: "\f0e0"; }.fa-chevron-left:before{content:"\f053"} .fa-chevron-right:before {content: "\f054"; }.fa-linkedin-in:before{content:"\f0e1"} .fa-arrow-right:before { content: "\f061"; }
.fa-times:before{content:"\f00d"}.fa-chevron-down:before{content:"\f078"}  .fa-heart:before{content:"\f004"} .fa-user::before {content: "\f007";}.fa-file-download::before { content: "\f56d";} .fa-whatsapp::before { content: "\f232";}.fa-phone-alt::before {  content: "\f879";} .fa-hand-point-right::before {content: "\f0a4";}
.fa-info-circle::before { content: "\f05a";} .fa-plus-circle::before { content: "\f055";} .fa-minus-circle::before {content: "\f056";} .fa-thumbs-up::before {content: "\f164";}
.fa-check::before { content: "\f00c";}.fa-phone::before { content: "\f095";}.fa-map-marker-alt::before { content: "\f3c5";} .fa-envelope::before { content: "\f0e0";} .fa-shopping-cart::before { content: "\f07a";} .fa-users::before { content: "\f0c0";}
.fa-user-friends::before {content: "\f500";}.fa-play-circle::before { content: "\f144";} .fa-folder-open::before { content: "\f07c";} .fa-smile-wink::before { content: "\f4da";} .fa-comment-lines::before { content: "\f4b0";} .fa-head-side-brain::before {content: "\f808";}  .fa-clipboard-list-check::before {content: "\f737";} .fa-search::before { content: "\f002";}.fa-plus::before { content: "\f067";} .fa-video::before {content: "\f03d";} .fa-play::before { content: "\f04b";} .fa-hands-heart::before { content: "\f4c3";} .fa-copy::before {content: "\f0c5";}
.fa-x-twitter::before  {content: "\e61b";font-family: "Font Awesome 6 Brands";src:url(assets/fonts/brand6/fa-brands-400.woff2) format("woff2"),url(assets/fonts/brand6/fa-brands-400.ttf) format("truetype")}
.fa-cart-plus::before {content: "\f217";}
.fa-tag::before { content: "\f02b";}  .fa-trash-alt::before { content: "\f2ed";}.fa-arrow-down::before {content: "\f063";}.fa-tiktok::before { content: "\e07b";}
.fa-headphones-alt::before { content: "\f58f";} .fa-step-backward::before { content: "\f048";} .fa-step-forward::before {content: "\f051";} .fa-redo::before { content: "\f01e";} .fa-undo::before {content: "\f0e2";} 
/*****************************************************/
/* =========================================================
   BOOTSTRAP HELPERS
   ========================================================= */
.z-1{ z-index: 1} .z-2{z-index: 2} .z-0{ z-index: -1}
.letter-s{letter-spacing: 0.05em;}.letter-xs{letter-spacing: 0.02em;} .lh-75{line-height: .75rem;} .lh-initial{line-height: initial;}.fs-min{ font-size: .75rem}.fs-min2{ font-size: .85rem} .lh-xs {line-height: 1.15 !important;}

.bg-azul-o { background: var(--bg-azul-o);}
.fs-2_custom{font-size:calc(1.325rem + .9vw);}
.fs-4_custom{font-size:calc(1.275rem + .3vw);}
.fs-6_custom{ font-size: 1rem;}
.display-4_custom{font-size:calc(1.475rem + 2.7vw);}
.display-5_custom{font-size:calc(1.425rem + 2.1vw);}
.display-6_custom{font-size:calc(1.375rem + 1.5vw);}
.py-custom{ padding: 110px 0} .pb-custom{padding:  0 0 110px 0} .pt-custom{padding: 110px 0 0 0 ; }
.bg-feria-primary { background-color: var(--bg-azul-o); }
.border-feria { border-color: var(--feria-border) !important; }
.rounded-feria-sm { border-radius: var(--feria-radius-sm); }
.rounded-feria-md { border-radius: var(--feria-radius-md); }
.rounded-feria-lg { border-radius: var(--feria-radius-lg); }
.shadow-feria-sm { box-shadow: var(--feria-shadow-sm); }
.shadow-feria-md { box-shadow: var(--feria-shadow-md); }

/* =========================================================
   HEADER
   ========================================================= */

.site-header { position: relative; z-index: 100; width: 100%; background: var(--feria-white); }
.site-topbar { width: 100%; font-size: 0.875rem; }
.site-header-secondary { width: 100%; }
.site-header-logo img { display: block; max-height: 56px; width: auto; }
.site-header-nav .navbar-nav { align-items: center; }
.site-header-nav .nav-link { color: var(--feria-primary); font-weight: 500; }
.site-header-nav .nav-link:hover { color: var(--feria-accent); }
.site-header-nav .dropdown-menu { border: 1px solid var(--feria-border); border-radius: var(--feria-radius-md); box-shadow: var(--feria-shadow-sm); }

/* =========================================================
   FOOTER
   ========================================================= */

.site-footer { position: relative; z-index: 20; width: 100%; color: var(--bg-azul-o); }

/*.site-footer .footer-logo .w-logo:first-child {min-width: 100px;}
.site-footer .footer-social {display: flex;gap:1rem;align-items: center;}
.site-footer .footer-social a:first-child { margin-left: auto; }
.site-footer.has-footer-bg-image::before {content: "";position: absolute;inset: 0;z-index: 0;pointer-events: none;background-image: var(--footer-bg-image);background-repeat: no-repeat; background-position: left;background-size: 200px auto;}*/
.feria-site-footer { position: relative; z-index: 20; }
.feria-site-footer .feria-footer-logo-principal { max-height: 58px; width: auto; }
.feria-site-footer .feria-footer-logo-universidad { max-height: 25px; width: auto; }
.feria-site-footer .feria-footer-social a { width: 22px; height: 22px; font-size: .95rem; line-height: 1; }
.feria-site-footer .feria-footer-social a:hover { opacity: .75; }

@media (max-width: 991.98px) {
  .feria-site-footer .feria-footer-main-inner { min-height: 74px; }
  .feria-site-footer .feria-footer-logo-principal { max-height: 48px; }
  .feria-site-footer .feria-footer-logo-universidad { max-height: 20px; }
  .feria-site-footer .feria-footer-logos-grid { row-gap: .5rem; }
}

@media (max-width: 575.98px) {
  .feria-site-footer .feria-footer-main-inner { min-height: 68px; }
  .feria-site-footer .feria-footer-logo-principal { max-height: 42px; }
  .feria-site-footer .feria-footer-logo-universidad { max-height: 30px; }
  .feria-site-footer .feria-footer-social a { width: 20px; height: 20px; font-size: .85rem; }
}
/* =========================================================
   MOBILE APP NAV
   ========================================================= */

.mobile-app-nav { position: fixed; right: 0; bottom: 0; left: 0; z-index: 200; display: none; background: var(--feria-white); border-top: 1px solid var(--feria-border); box-shadow: 0 -12px 30px rgba(15, 23, 42, 0.08); }
.mobile-app-nav-inner { display: flex; align-items: center; justify-content: space-around; min-height: 72px; padding: 0.5rem 0.75rem calc(0.5rem + env(safe-area-inset-bottom)); }
.mobile-app-nav-link { display: inline-flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.25rem; min-width: 56px; color: var(--feria-muted); font-size: 0.75rem; line-height: 1.1; }
.mobile-app-nav-link i { font-size: 1.35rem; line-height: 1; }
.mobile-app-nav-link:hover { color: var(--feria-accent); }
.mobile-app-nav-link.is-active { color: var(--feria-accent); }

/* =========================================================
   PRE HOME
   ========================================================= */

.feria-prehome { position: relative; overflow: hidden; background: var(--feria-light); }
.hero-prehome { position: relative; }
.pre-registro-section { position: relative; }
.pre-registro-card { border: 1px solid var(--feria-border); border-radius: var(--feria-radius-lg); background: var(--feria-white); box-shadow: var(--feria-shadow-sm); }
.pre-registro-card .form-control { min-height: 48px; border-radius: var(--feria-radius-sm); }
.pre-registro-card .form-select { min-height: 48px; border-radius: var(--feria-radius-sm); }
.pre-registro-card .btn { min-height: 48px; border-radius: var(--feria-radius-sm); }

/* =========================================================
   HOME APP
   ========================================================= */

.feria-home-app { position: relative; padding-bottom: 0; }
.universidad-card { overflow: hidden; border: 1px solid var(--feria-border); border-radius: var(--feria-radius-lg); background: var(--feria-white); box-shadow: var(--feria-shadow-sm); transition: var(--feria-transition); }
.universidad-card:hover { transform: translateY(-4px); box-shadow: var(--feria-shadow-md); }
.universidad-card-img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }

/* =========================================================
   AÉREA
   ========================================================= */

.feria-aerea-shell { position: relative; width: 100%; min-height: 100vh; overflow: hidden; background: #111827; }
.aerea-stage { position: relative; width: 100%; height: 100vh; overflow: hidden; touch-action: none; }
.aerea-panzoom { position: absolute; top: 0; left: 0; transform-origin: 0 0; will-change: transform; }
.aerea-img { display: block; max-width: none; user-select: none; pointer-events: none; }
.aerea-marker { position: absolute; display: block; z-index: 5; }
.aerea-marker-highlight { position: absolute; inset: 0; opacity: 0; border-radius: 1rem; background: radial-gradient(circle, rgba(255, 255, 255, 0.45), rgba(255, 255, 255, 0)); mix-blend-mode: screen; transition: var(--feria-transition); pointer-events: none; }
.aerea-tooltip { position: absolute; left: 50%; bottom: calc(100% + 12px); z-index: 10; display: block; width: max-content; max-width: 220px; padding: 0.5rem 0.75rem; border-radius: 0.5rem; background: rgba(0, 0, 0, 0.9); color: var(--feria-white); font-size: 0.875rem; line-height: 1.2; opacity: 0; transform: translateX(-50%) translateY(4px); transition: var(--feria-transition); pointer-events: none; }
.aerea-tooltip::after { content: ""; position: absolute; left: 50%; top: 100%; width: 0; height: 0; border-right: 7px solid transparent; border-left: 7px solid transparent; border-top: 7px solid rgba(0, 0, 0, 0.9); transform: translateX(-50%); }
.aerea-marker:hover .aerea-marker-highlight { opacity: 1; }
.aerea-marker:hover .aerea-tooltip { opacity: 1; transform: translateX(-50%) translateY(0); }

/* =========================================================
   SINGLE EXPOSITOR
   ========================================================= */

.single-expositor-app { position: relative; background: var(--feria-light); }

.expositor-section { position: relative; }

.expositor-card { border: 1px solid var(--feria-border); border-radius: var(--feria-radius-lg); background: var(--feria-white); box-shadow: var(--feria-shadow-sm); }

/* =========================================================
   FORMS
   ========================================================= */

.form-control:focus { border-color: var(--feria-accent); box-shadow: 0 0 0 0.25rem rgba(37, 99, 235, 0.16); }
.form-select:focus { border-color: var(--feria-accent); box-shadow: 0 0 0 0.25rem rgba(37, 99, 235, 0.16); }
.btn-feria-primary { --bs-btn-color: #ffffff; --bs-btn-bg: var(--feria-accent); --bs-btn-border-color: var(--feria-accent); --bs-btn-hover-color: #ffffff; --bs-btn-hover-bg: var(--feria-accent-dark); --bs-btn-hover-border-color: var(--feria-accent-dark); --bs-btn-focus-shadow-rgb: 37, 99, 235; --bs-btn-active-color: #ffffff; --bs-btn-active-bg: var(--feria-accent-dark); --bs-btn-active-border-color: var(--feria-accent-dark); }

/* =========================================================
   PRE REGISTRO PAGE
   ========================================================= */

.feria-pre-body { background: #e6e8f0; }
.feria-pre-header { position: absolute; top: 0; right: 0; left: 0; z-index: 50; }
.feria-pre-logo img { display: block; width: auto; max-height: 64px; }
.feria-pre-registro-page { min-height: 100vh; background: #e6e8f0; color: #24284f; }
.pre-registro-layout { position: relative; min-height: 100vh; }
.pre-registro-visual-col { min-height: 100vh; }
.pre-registro-form-col { min-height: 100vh; display: flex; align-items: center; }
.pre-registro-visual-media { width: 100%; height: 100%; min-height: 100vh; overflow: hidden; background: #0b5a89; }
.pre-registro-visual-img { display: block; width: 100%; height: 100%; min-height: 100vh; object-fit: cover; }
.pre-registro-slogan { left: 50%; top: 5rem; z-index: 3; width: min(74%, 500px); transform: translateX(-50%); pointer-events: none; }
.pre-registro-slogan-img { display: block; width: 100%; height: auto; }
.pre-registro-counter-card { position: absolute; right: 2rem; bottom: 2rem; left: 2rem; z-index: 4; padding: 1rem; border-radius: 1.25rem; color: #ffffff; background: rgba(16, 24, 48, 0.76); backdrop-filter: blur(14px); box-shadow: 0 22px 60px rgba(0, 0, 0, 0.2); }
.pre-registro-counter { display: flex; align-items: center; gap: .75rem; }
.pre-registro-counter div { flex: 1; padding: .65rem; border-radius: .85rem; text-align: center; background: rgba(255, 255, 255, 0.12); }
.pre-registro-counter strong { display: block; font-size: clamp(1.65rem, 3vw, 2.75rem); line-height: 1; }
.pre-registro-counter span { display: block; margin-top: .25rem; font-size: .72rem; text-transform: uppercase; letter-spacing: .08em; opacity: .85; }
.pre-registro-section { width: 100%; padding: 6rem 4vw 3rem; }
.pre-registro-form-wrap { width: min(100%, 660px); margin-inline: auto; }
.pre-registro-form .form-label { margin-bottom: .35rem; color: #252b5b; font-size: .82rem; font-weight: 500; }
.pre-registro-form .form-label span { font-size: .72rem; color: #9aa0b8; font-weight: 400; }
.pre-registro-form .form-control { min-height: 38px; padding: .45rem .75rem; border: 1px solid rgba(91, 99, 125, 0.22); border-radius: .55rem; background-color: rgba(255, 255, 255, 0.42); color: #252b5b; font-size: .9rem; box-shadow: inset 0 2px 6px rgba(28, 38, 74, 0.12), 0 1px 0 rgba(255, 255, 255, 0.52); }
.pre-registro-form .form-select { min-height: 38px; padding: .45rem 2rem .45rem .75rem; border: 1px solid rgba(91, 99, 125, 0.22); border-radius: .55rem; background-color: rgba(255, 255, 255, 0.42); color: #252b5b; font-size: .9rem; box-shadow: inset 0 2px 6px rgba(28, 38, 74, 0.12), 0 1px 0 rgba(255, 255, 255, 0.52); }
.pre-registro-form .form-text { margin-top: .35rem; color: #9ba0bb; font-size: .75rem; }
.feria-check { display: flex; align-items: center; gap: .4rem; min-height: 1.35rem; color: #252b5b; font-size: .84rem; }
.feria-check .form-check-input { width: 1rem; height: 1rem; margin-top: 0; border: 1px solid #b9c1d1; background-color: #eef1f8; box-shadow: inset 0 1px 4px rgba(28, 38, 74, 0.2); }
.feria-check .form-check-input:checked { border-color: #2c3159; background-color: #2c3159; }
.feria-check .form-check-label a { color: #9ba0bb; }
.pre-registro-submit { min-width: 150px; border-radius: .6rem; box-shadow: 0 8px 18px rgba(28, 38, 74, 0.18); }
.pre-registro-login-links { font-size: .85rem; }
.pre-registro-section form.is-disabled { opacity: .72; }
.pre-registro-section form.is-disabled input,
.pre-registro-section form.is-disabled select,
.pre-registro-section form.is-disabled textarea,
.pre-registro-section form.is-disabled button { cursor: not-allowed; }
.feria-pre-footer { position: relative; z-index: 20; }
.feria-pre-footer-main { padding: 2rem 0; background: #00598a; color: #ffffff; border-top: 1px solid rgba(255, 255, 255, 0.18); }
.feria-pre-footer-logo img { display: block; width: auto; max-height: 64px; }
.feria-pre-footer-copy { color: rgba(255, 255, 255, 0.55); font-size: .9rem; font-weight: 600; }
.feria-pre-footer-link { color: rgba(255, 255, 255, 0.72); }
.feria-pre-footer-link:hover { color: #ffffff; }
.feria-pre-footer-social { display: flex; align-items: center; gap: 1rem; }
.feria-pre-footer-social a { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 999px; background: #ffffff; color: #00598a; font-size: 1.65rem; }
.feria-pre-footer-social a:hover { color: #003f63; transform: translateY(-2px); }
.feria-pre-footer-logos { padding: 1.25rem 0; background: #ffffff; }
.feria-pre-footer-university-logo { display: inline-block; width: auto; max-width: 130px; max-height: 42px; object-fit: contain; }






/* ===============================
   Responsive
   =============================== */

@media (min-width: 1750px) { 	

}
@media (min-width: 1400px) { 	

}
@media (max-width: 1399.98px) { 	

}
@media (min-width: 1200px) { 
    body{ font-size: 1.5rem !important; }
    .fs-2_custom,.estructure-card .card-text {font-size:2rem}
    .fs-4_custom{font-size:1.5rem}
    .display-5_custom{font-size:3rem}
    .display-6_custom{font-size:2.5rem}
}
@media (max-width: 1199.98px) { 

}

@media (max-width: 991.98px) {
/*  .feria-pre-header { position: relative; background: #e6e8f0; }*/
  .feria-pre-logo img { max-height: 52px; }
  .pre-registro-visual-col { min-height: auto; order: 1; }
  .pre-registro-form-col { min-height: auto; order: 2; display: block; }
  .pre-registro-visual-media { min-height: 460px; border-radius: 0 0 2rem 2rem; }
  .pre-registro-visual-img { min-height: 460px; object-position: center; }
  .pre-registro-slogan {top: 0.95rem; width: min(74%, 340px); }
  .pre-registro-counter-card { right: 1rem; bottom: 1rem; left: 1rem; padding: .75rem; border-radius: 1rem; }
  .pre-registro-counter { gap: .5rem; }
  .pre-registro-counter div { padding: .55rem .35rem; }
  .pre-registro-counter strong { font-size: 1.5rem; }
  .pre-registro-counter span { font-size: .68rem; }
  .pre-registro-section { padding: 2rem 1.25rem 3rem; }
  .feria-pre-footer-main { text-align: center; }
  .feria-pre-footer-social { justify-content: center; }
}


@media (min-width: 992px) { 
    .mobile-app-nav { display: none !important; } 
    .site-footer-desktop { display: block; }
}

@media (min-width: 768px){
 
}

@media (min-width: 768px) and (max-width: 991.98px) {

}
@media (max-width: 767.98px) {
}


/* 2 columnas (576–767.98px) */
@media (min-width: 576px) and (max-width: 767.98px) {

}
@media (max-width: 575.98px) {
    .pre-registro-visual-media { min-height:auto;}
    .pre-registro-visual-img {min-height: 100vh;}
    .pre-registro-slogan {top: 24rem;}
}



@media (max-width: 449.98px){
    
}

@media (max-width: 360.98px){
    
}