@import "../../../_main/components/editorial-style.css";@import url("https://fonts.googleapis.com/css2?family=Anton&display=swap");:root{--sa-blue:#002b9d;--sa-red:#e71e2b;--sa-sky:#0095da;--bg:#04213f;--bg-light:#0b3e73;--bg-gradient:linear-gradient(160deg,#0b4a8f 0%,#04213f 70%);--text:#ffffff;--text-light:#bfd9f2;--accent:var(--sa-sky);--accent-light:var(--sa-red);--white:#ffffff;--red-ucv:var(--sa-red);--mod-primary-color:var(--sa-blue) !important;--mod-accent-color:var(--sa-red) !important;--sa-magenta:#e31e7a;--sa-orange:#ff6a2b;} body{margin:0;background:#ffffff;} img{max-width:100%;} .mobile-only{display:none !important;} .desktop-only{display:block !important;} span.desktop-only{display:inline !important;} .sa-floating-btn{display:none !important;} .top-nav,.top-nav--white{position:absolute !important;top:0 !important;left:0 !important;width:100% !important;z-index:100 !important;background:transparent !important;border-bottom:none !important;box-shadow:none !important;} .top-nav .nav-container,.top-nav--white .nav-container{max-width:1440px !important;margin:0 auto !important;padding:clamp(16px,3vh,32px) 4% 16px !important;background:transparent !important;} .top-nav .logo-ucv--desktop,.top-nav--white .logo-ucv--desktop{content:url("../img/logo-ucv.webp") !important;height:clamp(32px,4.5vh,48px) !important;filter:none !important;display:block !important;} .top-nav .logo-ucv--mobile,.top-nav--white .logo-ucv--mobile{content:url("../img/logo-ucv.webp") !important;height:clamp(32px,4.5vh,48px) !important;filter:none !important;display:none !important;} .top-nav .logo-posgrad,.top-nav .logo-posgrado,.top-nav .logo-sgi,.top-nav--white .logo-posgrad,.top-nav--white .logo-posgrado,.top-nav--white .logo-sgi{display:none !important;} .top-nav .nav-inline-links,.top-nav--white .nav-inline-links{list-style:none !important;display:flex !important;align-items:center !important;gap:clamp(16px,2vw,32px) !important;margin:0 !important;padding:0 !important;} .top-nav .nav-inline-links li a.roll-link,.top-nav--white .nav-inline-links li a.roll-link{color:var(--sa-blue) !important;font-family:"MessinaSans Semibold",sans-serif !important;font-weight:700 !important;font-size:16px !important;text-decoration:none !important;} .top-nav .roll-link .roll-primary,.top-nav .roll-link .roll-secondary,.top-nav--white .roll-link .roll-primary,.top-nav--white .roll-link .roll-secondary{color:var(--sa-blue) !important;} .top-nav .nav-inline-links li:last-child a.roll-link,.top-nav--white .nav-inline-links li:last-child a.roll-link{background-color:var(--red-ucv) !important;color:#ffffff !important;padding:10px 28px !important;border-radius:100px !important;font-weight:700 !important;text-transform:uppercase !important;font-size:14px !important;letter-spacing:0.5px !important;transition:background-color 0.2s ease,transform 0.2s ease !important;display:inline-block !important;border:none !important;height:auto !important;overflow:visible !important;} .top-nav .nav-inline-links li:last-child a.roll-link:hover,.top-nav--white .nav-inline-links li:last-child a.roll-link:hover{background-color:#b5050f !important;transform:translateY(-1px) !important;} .top-nav .nav-inline-links li:last-child a.roll-link .roll-container,.top-nav--white .nav-inline-links li:last-child a.roll-link .roll-container{display:inline-block !important;transform:none !important;transition:none !important;} .top-nav .nav-inline-links li:last-child a.roll-link .roll-primary,.top-nav--white .nav-inline-links li:last-child a.roll-link .roll-primary{color:#ffffff !important;} .top-nav .nav-inline-links li:last-child a.roll-link .roll-secondary,.top-nav--white .nav-inline-links li:last-child a.roll-link .roll-secondary{display:none !important;} .top-nav .nav-inline-links li:last-child a.roll-link .roll-primary::after,.top-nav--white .nav-inline-links li:last-child a.roll-link .roll-primary::after{content:" AHORA" !important;} .sa-hero-wrapper{position:relative;} #hero{opacity:1 !important;transform:none !important;scale:1 !important;} .sa-hero{position:relative;overflow:hidden;background-color:#ffffff !important;height:100vh !important;display:flex;flex-direction:column;opacity:1 !important;transform:none !important;scale:1 !important;} .sa-hero-bg-picture,.sa-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0;} .sa-hero-bg-picture::after{content:"";position:absolute;inset:0;background-color:rgba(255,255,255,0.9) !important;z-index:1;} .sa-hero-rect-left,.sa-hero-rect-right{display:none !important;} .sa-hero-inner{position:relative;z-index:2;width:100%;max-width:1440px;margin:0 auto;padding:120px 4% 0;height:90% !important;display:flex;flex-direction:column;justify-content:center;box-sizing:border-box;} .sa-hero-grid{display:grid !important;grid-template-columns:minmax(0,34.5fr) minmax(0,34.5fr) minmax(0,31fr) !important;align-items:center;width:100%;z-index:4 !important;position:relative;} .sa-hero-col-left{display:flex !important;flex-direction:column !important;justify-content:center !important;align-items:flex-start !important;text-align:left !important;} .sa-hero-col-right{display:flex !important;flex-direction:column !important;justify-content:center !important;align-items:flex-start !important;text-align:left !important;} .sa-hero-title{font-family:"Anton",Impact,sans-serif !important;font-weight:400 !important;font-size:clamp(3rem,6.4vw,6rem) !important;color:var(--sa-blue) !important;line-height:0.88 !important;letter-spacing:-0.01em !important;text-transform:uppercase !important;margin:0 0 20px 0 !important;text-align:left !important;display:flex !important;flex-direction:column !important;width:100% !important;} .sa-title-right-align{align-self:flex-end !important;width:100% !important;text-align:right !important;} .sa-hero-title-right{font-family:"Anton",Impact,sans-serif !important;font-weight:400 !important;font-size:clamp(3rem,5.8vw,5.8rem) !important;color:var(--sa-blue) !important;line-height:0.88 !important;letter-spacing:-0.01em !important;text-transform:uppercase !important;margin:0 !important;text-align:left !important;} .sa-title-red-bar{position:relative;background-color:var(--sa-sky) !important;color:#ffffff !important;padding:4px 20px 8px 10px;display:inline-block;z-index:1;} .sa-title-red-bar::after{display:none !important;} .sa-hero-subtitle{font-family:"MessinaSans Regular",sans-serif !important;color:var(--sa-blue) !important;font-size:clamp(1rem,0.8rem + 0.6vw,1.25rem) !important;line-height:1.35 !important;max-width:360px !important;margin:0 !important;letter-spacing:-0.02em !important;} .sa-hero-subtitle strong{font-family:"MessinaSans Semibold",sans-serif !important;font-weight:700 !important;color:#ffffff !important;background-color:var(--sa-red) !important;padding:1px 3px 2px !important;box-decoration-break:clone;-webkit-box-decoration-break:clone;} .sa-hero-student{position:absolute !important;bottom:-47% !important;left:50% !important;transform:translateX(-50%) !important;z-index:5;height:130% !important;width:min(44vw,600px) !important;pointer-events:none;display:flex !important;align-items:flex-end !important;justify-content:center !important;} .sa-hero-photo-student{height:100%;width:100%;max-width:100%;object-fit:contain;display:block;} .sa-hero-mobile{display:none !important;} .sa-target-strip{position:relative !important;bottom:auto !important;left:auto !important;width:100% !important;height:10% !important;background-color:var(--sa-blue) !important;z-index:6;padding:0 20px !important;border-radius:0 !important;margin-top:0 !important;display:flex !important;align-items:center !important;justify-content:center !important;box-sizing:border-box;} .sa-target-inner{max-width:1440px;margin:0 auto;display:flex;justify-content:center;align-items:center;width:100%;} .sa-target-text{font-family:"MessinaSans Semibold",sans-serif !important;font-weight:700 !important;color:#ffffff !important;font-size:clamp(14px,1.2vw,19px) !important;line-height:1.2 !important;margin:0 !important;text-align:center;} .sa-target-highlight{background-color:var(--sa-sky) !important;color:#ffffff !important;padding:2px 14px !important;display:inline-block !important;font-weight:700 !important;position:relative !important;margin-left:10px !important;} .sa-handle-left,.sa-handle-right{display:inline-block !important;width:2px !important;background-color:#ffffff !important;position:absolute !important;pointer-events:none !important;} .sa-handle-left{left:0 !important;top:-4px !important;bottom:-4px !important;} .sa-handle-left::before{content:"" !important;position:absolute !important;top:-7px !important;left:50% !important;transform:translateX(-50%) !important;width:8px !important;height:8px !important;border-radius:50% !important;background-color:#ffffff !important;} .sa-handle-right{right:0 !important;top:-4px !important;bottom:-4px !important;} .sa-handle-right::after{content:"" !important;position:absolute !important;bottom:-7px !important;left:50% !important;transform:translateX(-50%) !important;width:8px !important;height:8px !important;border-radius:50% !important;background-color:#ffffff !important;} .sa-hero-form{position:relative !important;top:auto !important;right:auto !important;width:100% !important;max-width:480px !important;margin:60px auto 40px !important;display:flex !important;justify-content:center !important;z-index:10 !important;animation:none !important;padding:0 20px !important;} .sa-hero-form-container{background:#ffffff !important;border:1px solid rgba(0,0,0,0.08) !important;box-shadow:0 15px 35px rgba(4,33,63,0.08) !important;border-radius:24px !important;padding:24px !important;width:100% !important;max-width:100% !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;} .sa-hero-form-card{border-radius:16px !important;border:none !important;box-shadow:none !important;background:#ffffff !important;} .sa-hero-form-card .formCRM{min-height:520px !important;border-radius:16px !important;} @media (max-width:899px){.sa-hero{min-height:auto !important;height:auto !important;padding-bottom:0;} .sa-hero-bg-picture::after{background-color:rgba(255,255,255,0.9) !important;background-image:none !important;} .sa-hero-rect-left,.sa-hero-rect-right{display:none !important;} .sa-hero-inner{padding:100px 20px 0 !important;height:auto !important;display:flex !important;flex-direction:column !important;align-items:center !important;} .sa-hero-inner::after{content:"" !important;position:absolute !important;left:0 !important;right:0 !important;bottom:0 !important;height:55% !important;background:linear-gradient( to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,0.96) 90% ) !important;z-index:6 !important;pointer-events:none !important;} .sa-hero-grid{display:none !important;} .sa-hero-mobile{display:block !important;text-align:center !important;width:100% !important;margin-bottom:0px !important;position:relative !important;z-index:4 !important;} .sa-hero-title-mobile{font-family:"Anton",Impact,sans-serif !important;font-weight:400 !important;font-size:clamp(2.3rem,8.5vw,3.4rem) !important;color:var(--sa-blue) !important;line-height:1.05 !important;text-transform:uppercase !important;margin:0 !important;text-align:center !important;} .sa-title-red-bar-mobile{display:inline-block !important;background-color:var(--sa-sky) !important;color:#ffffff !important;padding:2px 14px 6px !important;margin-top:6px !important;line-height:1 !important;} .sa-hero-student{position:relative !important;bottom:0 !important;left:auto !important;transform:none !important;height:380px !important;width:100% !important;margin-top:-20px !important;z-index:5 !important;} .sa-hero-photo-student{height:100% !important;width:auto !important;} .sa-hero-subtitle-mobile-wrap{position:absolute !important;bottom:12% !important;left:8% !important;right:8% !important;z-index:7 !important;text-align:center !important;pointer-events:none !important;} .sa-hero-subtitle-mobile{font-family:"MessinaSans Regular",sans-serif !important;color:var(--sa-blue) !important;font-size:clamp(12px,3.8vw,15px) !important;line-height:1.45 !important;margin:0 !important;text-shadow:none !important;} .sa-hero-subtitle-mobile strong{font-family:"MessinaSans Semibold",sans-serif !important;font-weight:700 !important;color:#ffffff !important;background-color:var(--sa-red) !important;padding:1px 3px 2px !important;box-decoration-break:clone;-webkit-box-decoration-break:clone;} .sa-target-strip{position:relative !important;bottom:auto !important;z-index:6 !important;padding:16px !important;height:auto !important;} .sa-target-text{font-size:14px !important;line-height:1.45 !important;text-align:center !important;} .desktop-only{display:none !important;} .mobile-only{display:block !important;} span.mobile-only{display:inline !important;} .sa-floating-btn{display:flex !important;position:fixed !important;right:0 !important;top:50% !important;transform:translateY(-50%) rotate(180deg) !important;transform-origin:center center !important;background-color:var(--red-ucv) !important;color:#ffffff !important;padding:18px 10px !important;font-family:"MessinaSans Semibold",sans-serif !important;font-weight:700 !important;font-size:14px !important;text-transform:none !important;border-radius:0 12px 12px 0 !important;box-shadow:-3px 5px 20px rgba(0,0,0,0.2) !important;z-index:99999 !important;cursor:pointer !important;text-decoration:none !important;writing-mode:vertical-rl !important;letter-spacing:0.05em !important;align-items:center !important;justify-content:center !important;line-height:1 !important;} #burger,.burger-btn-wrapper,.sticky-nav-bar #burger{display:none !important;} .nav-cta-pill,#nav-cta-btn,.sticky-nav-bar #nav-cta-btn{display:none !important;} .top-nav .nav-inline-links,.top-nav--white .nav-inline-links{display:flex !important;gap:16px !important;margin:0 !important;padding:0 !important;list-style:none !important;} .top-nav .nav-inline-links li:not(:first-child),.top-nav--white .nav-inline-links li:not(:first-child){display:none !important;} .top-nav .nav-inline-links li:first-child a,.top-nav--white .nav-inline-links li:first-child a{color:#ffffff !important;text-transform:uppercase !important;font-size:14px !important;font-weight:700 !important;text-decoration:underline !important;text-underline-offset:4px !important;display:inline-block !important;padding:0 !important;background:transparent !important;} .top-nav .logo-ucv--desktop,.top-nav--white .logo-ucv--desktop{display:none !important;} .top-nav .logo-ucv--mobile,.top-nav--white .logo-ucv--mobile{display:block !important;}} .sa-inscribete{position:relative;isolation:isolate;overflow:hidden;background:#ffffff !important;padding:clamp(54px,5vw,80px) clamp(24px,8vw,108px) clamp(60px,6vw,88px) !important;} .sa-inscribete-inner{position:relative;z-index:2;width:100%;box-sizing:border-box;max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:40px;align-items:center;} .sa-inscribete-media{width:100%;display:flex;justify-content:center;align-items:center;} .sa-inscribete-img{width:100%;max-width:460px;height:auto;border-radius:30px !important;filter:drop-shadow(0 18px 28px rgba(0,43,157,0.12));object-fit:cover;display:block;} .sa-inscribete-form-card{background:#ffffff !important;border:2px solid #3278cd !important;border-radius:28px !important;padding:22px !important;box-shadow:0 18px 38px rgba(0,43,157,0.1) !important;width:100%;max-width:520px;margin:0 auto;box-sizing:border-box;} .sa-inscribete-form-card .formCRM{width:100%;height:fit-content;min-height:480px;border:none !important;display:block;} .od-signup-decoration{position:absolute;z-index:1;display:block;height:auto;pointer-events:none;user-select:none;} .od-signup-decoration--red{top:19%;left:0;width:min(44vw,540px);transform:translateX(-45%);} .od-signup-decoration--blue{right:0;bottom:2%;width:min(48vw,590px);transform:translateX(51%);} .od-signup-decoration--star{top:6%;left:46.5%;width:clamp(50px,5vw,72px);} .od-signup-decoration--wave{bottom:7%;left:5.5%;width:clamp(48px,5vw,70px);transform:rotate(168deg);} @media (min-width:900px){.sa-inscribete-inner{grid-template-columns:0.94fr 1.06fr;gap:clamp(48px,6vw,84px);}} @media (max-width:899px){.sa-inscribete{padding-inline:20px !important;} .od-signup-decoration--red{top:8%;width:min(72vw,420px);} .od-signup-decoration--blue{bottom:1%;width:min(78vw,460px);} .od-signup-decoration--star{top:3%;left:auto;right:8%;} .od-signup-decoration--wave{bottom:48%;left:4%;} .sa-inscribete-form-card .formCRM{height:fit-content;min-height:480px;}} .logros-section--blue{background:linear-gradient( 270deg,#d59df9 4%,#5b9fe5 75%,#3278cd 100% ) !important;margin-top:0 !important;} .logros-section--blue .logros-heading-text{color:#ffffff !important;text-transform:uppercase !important;text-align:center !important;justify-content:center !important;width:100% !important;} .logros-section--blue #logros-intro{display:none !important;} .logros-section--blue .achievement-card{border-radius:48px !important;border:1px solid rgba(255,255,255,0.15) !important;background:rgba(255,255,255,0.08) !important;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:inset 0px 39px 56px -36px rgba(255,255,255,0.5),inset 0px 7px 11px -4px rgba(255,255,255,1),inset 0px -82px 68px -64px rgba(0,15,70,0.3),inset 0px 98px 100px -48px rgba(0,149,218,0.3),inset 0px 4px 18px 0px rgba(0,20,85,0.3),inset 0px 1px 40px 0px rgba(0,149,218,0.2) !important;} .logros-section--blue .achievement-card:hover{transform:none;} @media (hover:hover) and (pointer:fine){.logros-section--blue .achievement-card:hover{background:rgba(255,255,255,0.05) !important;border-color:rgba(255,255,255,0.3) !important;transform:translateY(-8px) !important;}} .logros-section--blue .achievement-category{color:#ffffff !important;font-size:13px !important;font-weight:700 !important;letter-spacing:2px !important;} .logros-section--blue .achievement-title{display:none !important;} .logros-section--blue .achievement-desc{color:#ffffff !important;font-weight:400 !important;} .logros-section--blue .achievement-desc strong,.logros-section--blue .achievement-desc em{color:#ffffff !important;font-weight:700 !important;} .logros-section--blue .achievements-prev,.logros-section--blue .achievements-next{border-color:rgba(255,255,255,0.35) !important;color:#ffffff !important;} .logros-section--blue .achievements-prev:hover,.logros-section--blue .achievements-next:hover{background-color:rgba(255,255,255,0.15) !important;border-color:rgba(255,255,255,0.6) !important;} .logros-section--blue .achievements-prev svg,.logros-section--blue .achievements-next svg{stroke:#ffffff !important;} .logros-section--blue .swiper-pagination-bullet{background:rgba(255,255,255,0.4) !important;opacity:1 !important;} .logros-section--blue .swiper-pagination-bullet-active{background:#ffffff !important;} .editorial-footer{background:#ffffff !important;color:#0044dd !important;} .footer-copyright-text{color:#0044dd !important;} .footer-bottom-times .time-label{color:rgba(0,68,221,0.6) !important;} .footer-bottom-times .time-value{color:#0044dd !important;} .footer-bottom-times .time-value:hover{color:#002ca0 !important;} .scroll-top-btn{background-color:#ffffff !important;color:#0044dd !important;border:1.5px solid rgba(0,68,221,0.18);} .scroll-top-btn:hover{background-color:#f4f4f1 !important;color:#0044dd !important;} #logros-heading,.logros-heading-text{font-family:"Anton",Impact,sans-serif !important;letter-spacing:0px !important;} .sa-clip-line{display:block !important;overflow:hidden !important;width:100% !important;line-height:inherit !important;} .sa-clip-line > *{display:inline-block;transform:translateY(120%);will-change:transform;} .sa-clip-line > .sa-title-right-align{display:block !important;} .sa-hero-subtitle,.sa-hero-subtitle-mobile{opacity:0;transform:translateY(20px);will-change:transform,opacity;} .sa-hero-photo-student{transform:scale(0.9);opacity:0;will-change:transform,opacity;} .sa-target-strip{transform:translateY(100%);will-change:transform;} @media (max-width:639px){.sa-floating-btn{opacity:0;}} :root{--od-blue:#0057bf;--od-sky:#56bbff;--od-pastel-pink:#ff63fa;--od-pink:#e44194;--od-copy:#002b9d;--od-bar:#ff4bb2;--od-cta:#1469c5;} .od-hero{position:relative;isolation:isolate;width:100%;height:100svh;min-height:620px;max-height:920px;overflow:hidden;background:#f8f8f6;} .od-hero-background{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center;} .od-hero-stage{position:relative;width:min(100%,1600px);height:calc(100% - clamp(24px,3.4vh,34px));margin:0 auto;} .od-title-group{position:absolute;top:clamp(122px,18vh,166px);left:50%;z-index:2;width:max-content;transform:translateX(-50%);text-align:center;} .od-year{position:absolute;top:clamp(-70px,-8vh,-56px);left:50%;width:clamp(96px,9vw,136px);height:auto;transform:translateX(-50%);} .od-title{--od-title-unit:clamp(64px,6.2vw,92px);display:flex;align-items:flex-start;gap:0.16em;margin:0;font-size:var(--od-title-unit);line-height:1;white-space:nowrap;} .od-header{position:absolute;top:0;left:50%;z-index:100;display:flex;align-items:center;justify-content:space-between;width:min(100%,1600px);padding:clamp(24px,5.5vh,54px) clamp(38px,7vw,108px) 16px;box-sizing:border-box;transform:translateX(-50%);} .od-brand{display:flex;align-items:center;gap:clamp(18px,2vw,30px);text-decoration:none;} .od-logo-ucv,.od-logo-sube{display:block;width:auto;object-fit:contain;} .od-logo-ucv{height:clamp(42px,5.7vh,58px);} .od-logo-sube{height:clamp(36px,5vh,50px);} .od-header-cta{display:inline-flex;align-items:center;justify-content:center;padding:10px 24px;border-radius:999px;background:var(--od-cta);color:#fff;font-family:"MessinaSans Semibold",sans-serif;font-size:14px;font-weight:700;letter-spacing:0.02em;line-height:1;text-decoration:none;text-transform:uppercase;transition:background-color 180ms ease,transform 180ms ease;} .od-header-cta span{margin-left:0.28em;} .od-floating-cta{display:none;} .od-header-cta:hover{background:var(--od-blue);color:#fff;transform:translateY(-1px);} .od-header-cta:focus-visible{outline:3px solid var(--od-pastel-pink);outline-offset:4px;} .od-title-word{display:flex;align-items:flex-start;gap:0.045em;} .od-title-letter{display:block;flex:none;max-width:none;height:auto;} .od-title-letter--o,.od-title-letter--a{width:0.952em;} .od-title-letter--p{width:0.881em;} .od-title-letter--e{width:0.738em;} .od-title-letter--n{width:1em;} .od-title-letter--d{width:0.929em;} .od-title-letter--y{width:1.024em;} .od-title-wave,.od-title-rays{position:absolute;height:auto;} .od-title-wave{top:-52%;left:clamp(-78px,-6vw,-62px);width:clamp(72px,7vw,107px);} .od-title-rays{top:76%;left:clamp(-62px,-5vw,-48px);width:clamp(36px,3.8vw,55px);} .od-visual{position:absolute;inset:0;z-index:3;pointer-events:none;} .od-track,.od-people,.od-decoration{position:absolute;display:block;height:auto;} .od-track{bottom:-1.5%;left:50%;z-index:1;width:min(72vw,1080px);max-width:none;transform:translateX(-50%);} .od-people{bottom:1.2%;left:50%;z-index:3;width:clamp(470px,52vw,760px);max-width:none;transform:translateX(-50%);filter:drop-shadow(0 14px 11px rgba(47,35,91,0.2));} .od-decoration{z-index:4;} .od-decoration--left-arrow{top:54%;left:20.5%;width:clamp(42px,4.8vw,68px);} .od-decoration--right-wave{top:30%;right:22.5%;width:clamp(52px,5.8vw,85px);} .od-decoration--star{right:20.5%;bottom:26%;width:clamp(52px,5.6vw,83px);} .od-intro{position:absolute;bottom:17.5%;left:clamp(42px,7vw,108px);z-index:5;width:clamp(225px,19vw,290px);margin:0;color:var(--od-copy);font-family:"MessinaSans Regular",sans-serif;font-size:clamp(15px,1.25vw,19px);line-height:1.28;} .od-intro strong{display:inline;font-family:"MessinaSans Semibold",sans-serif;font-weight:700;} .od-date{position:absolute;right:clamp(70px,8vw,124px);bottom:17.5%;z-index:5;display:block;width:clamp(118px,13vw,185px);pointer-events:none;} .od-date img{display:block;width:100%;height:auto;} .od-availability{position:absolute;top:50%;right:clamp(18px,2.7vw,42px);z-index:5;margin:0;color:var(--od-copy);font-family:"MessinaSans Regular",sans-serif;font-size:clamp(11px,0.9vw,14px);line-height:1;white-space:nowrap;writing-mode:vertical-rl;transform:translateY(-40%) rotate(180deg);} .od-bottom-bar{position:absolute;right:0;bottom:0;left:0;z-index:10;height:clamp(24px,3.4vh,34px);background:var(--od-bar);} .top-nav .nav-container,.top-nav--white .nav-container{max-width:1600px !important;padding:clamp(24px,5.5vh,54px) clamp(38px,7vw,108px) 16px !important;} .top-nav .nav-logo-link,.top-nav--white .nav-logo-link{display:flex !important;align-items:center !important;gap:clamp(18px,2vw,30px) !important;} .top-nav .logo-ucv--desktop,.top-nav--white .logo-ucv--desktop,.top-nav .logo-ucv--mobile,.top-nav--white .logo-ucv--mobile{content:url("../img/logo-ucv.webp") !important;width:auto !important;height:clamp(42px,5.7vh,58px) !important;} .top-nav .logo-posgrado,.top-nav--white .logo-posgrado{content:url("../img/logo-sube.webp") !important;display:block !important;width:auto !important;height:clamp(36px,5vh,50px) !important;} .top-nav .nav-inline-links li:last-child a.roll-link,.top-nav--white .nav-inline-links li:last-child a.roll-link{background:var(--od-cta) !important;padding:10px 24px !important;} .top-nav .nav-inline-links li:last-child a.roll-link:hover,.top-nav--white .nav-inline-links li:last-child a.roll-link:hover{background:var(--od-blue) !important;} @media (min-width:900px) and (max-height:700px){.od-hero{min-height:520px;max-height:none;} .od-title-group{top:clamp(100px,18vh,122px);} .od-title{--od-title-unit:clamp(56px,11.3vh,76px);} .od-year{top:clamp(-62px,-10vh,-52px);width:min(10vw,19vh,126px);} .od-people{width:min(48vw,82.5vh,500px);} .od-track{bottom:-7%;width:min(70vw,130vh,820px);} .od-decoration--left-arrow,.od-decoration--right-wave,.od-decoration--star{max-width:11vh;}} @media (max-width:899px){.od-hero{height:max(760px,100svh);min-height:760px;max-height:920px;} .od-hero-stage{height:calc(100% - 24px);} .od-title-group{top:clamp(130px,17vh,155px);} .od-title{--od-title-unit:clamp(50px,8vw,72px);} .od-year{top:-55px;width:clamp(90px,22vw,118px);} .od-title-rays{top:74%;left:-30px;width:36px;} .od-title-wave{top:-45%;left:-36px;width:76px;} .od-track{bottom:-0.5%;width:min(145vw,940px);} .od-people{bottom:1.5%;width:min(76vw,620px);} .od-intro{top:clamp(250px,34vh,310px);bottom:auto;left:50%;width:min(82vw,370px);font-size:clamp(14px,2.4vw,17px);text-align:center;transform:translateX(-50%);} .od-date{right:clamp(32px,8vw,72px);bottom:18%;width:clamp(112px,20vw,155px);} .od-availability{right:10px;font-size:10px;} .od-decoration--right-wave{top:32%;right:6%;} .od-decoration--left-arrow{top:55%;left:7%;} .od-decoration--star{right:7%;bottom:23%;} .od-bottom-bar{height:24px;} .od-header{padding:22px 20px 12px;} .od-logo-ucv{height:clamp(34px,6vw,46px);} .od-logo-sube{height:clamp(29px,5.4vw,40px);} .od-header-cta{padding:9px 16px;font-size:11px;} .top-nav .nav-container,.top-nav--white .nav-container{padding:22px 20px 12px !important;} .top-nav .logo-ucv--desktop,.top-nav--white .logo-ucv--desktop{display:block !important;} .top-nav .logo-ucv--mobile,.top-nav--white .logo-ucv--mobile{display:none !important;} .top-nav .logo-ucv--desktop,.top-nav--white .logo-ucv--desktop{height:clamp(34px,6vw,46px) !important;} .top-nav .logo-posgrado,.top-nav--white .logo-posgrado{height:clamp(29px,5.4vw,40px) !important;} .top-nav .nav-inline-links,.top-nav--white .nav-inline-links{display:flex !important;} .top-nav .nav-inline-links li:first-child a.roll-link,.top-nav--white .nav-inline-links li:first-child a.roll-link{display:inline-block !important;padding:9px 16px !important;border-radius:100px !important;background:var(--od-cta) !important;color:#fff !important;font-size:11px !important;text-decoration:none !important;} .top-nav .nav-inline-links li:first-child a.roll-link .roll-primary,.top-nav--white .nav-inline-links li:first-child a.roll-link .roll-primary{color:#fff !important;}} @media (max-width:575px){.od-hero{height:max(700px,100svh);min-height:700px;} .od-header{align-items:flex-start;padding:clamp(48px,8svh,66px) 42px 0;} .od-brand{justify-content:space-between;width:100%;} .od-logo-ucv{height:clamp(38px,9vw,46px);} .od-logo-sube{height:clamp(38px,8.5vw,44px);} .od-header-cta{display:none;} .od-floating-cta{position:fixed;top:50%;right:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:18px 10px;border-radius:0 12px 12px 0;background:var(--od-cta);box-shadow:-3px 5px 20px rgba(0,0,0,0.2);color:#fff;font-family:"MessinaSans Semibold",sans-serif;font-size:14px;font-weight:700;letter-spacing:0.05em;line-height:1;text-decoration:none;writing-mode:vertical-rl;transform:translateY(-50%) rotate(180deg);transform-origin:center;} .od-floating-cta:hover,.od-floating-cta:focus{background:var(--od-blue);color:#fff;text-decoration:none;} .od-title-group{top:clamp(170px,22svh,182px);} .od-title{--od-title-unit:clamp(38px,10.6vw,54px);gap:0.12em;} .od-year{top:-38px;width:clamp(72px,17vw,86px);} .od-intro{top:clamp(270px,36svh,288px);width:min(82vw,360px);font-size:clamp(14px,3.35vw,17px);line-height:1.22;} .od-date{top:232px;right:auto;bottom:auto;left:50%;width:min(56vw,230px);transform:translateX(-50%);} .od-people{bottom:1.5%;width:min(106vw,500px);} .od-track{bottom:0;width:min(112vw,560px);} .od-decoration--right-wave{top:27%;right:5%;width:52px;} .od-decoration--left-arrow{top:67%;left:8%;width:42px;} .od-decoration--star{right:7%;bottom:14%;width:42px;} .od-availability{top:78%;right:18px;transform:translateY(-50%) rotate(180deg);} .od-brand{gap:10px;} .top-nav .nav-logo-link,.top-nav--white .nav-logo-link{gap:10px !important;} .top-nav .logo-ucv--desktop,.top-nav--white .logo-ucv--desktop{height:34px !important;} .top-nav .logo-posgrado,.top-nav--white .logo-posgrado{height:27px !important;} .top-nav .nav-inline-links li:first-child a.roll-link,.top-nav--white .nav-inline-links li:first-child a.roll-link{padding:8px 11px !important;font-size:9px !important;}} @media (max-width:390px){.od-header{padding-inline:26px;} .od-logo-ucv{height:36px;} .od-logo-sube{height:34px;} .top-nav .nav-container,.top-nav--white .nav-container{padding-inline:14px !important;} .top-nav .logo-ucv--desktop,.top-nav--white .logo-ucv--desktop{height:30px !important;} .top-nav .logo-posgrado,.top-nav--white .logo-posgrado{height:24px !important;}}