/* Local recruitment hero from the user's reference. Application styles stay in reclutamiento.css. */
.rec-reference-hero{position:relative;isolation:isolate;min-height:max(760px,100svh);overflow:hidden;background:#fbf8f4;color:#222;font-family:'Poppins',sans-serif}
.rec-reference-hero .recruitment-photo{position:absolute;inset:0;z-index:-3;width:100%;height:100%;object-fit:cover;object-position:center}
.rec-reference-hero::before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#fffdf9d1 0%,#fffdf9bd 24%,#fffdf98a 35%,#fffdf929 48%,transparent 62%);mask-image:linear-gradient(to bottom,transparent 0,#000 190px);-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 190px)}
.rec-reference-hero::after{content:none}
.rec-reference-hero .icon-definitions{position:absolute;width:0;height:0;overflow:hidden}
.rec-reference-hero svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.rec-reference-hero .hero-content{position:relative;width:min(1330px,calc(100% - 96px));margin:0 auto;padding:164px 0 120px;text-align:left;max-width:none}
.rec-reference-hero .recruitment-label{display:inline-flex;align-items:center;gap:10px;padding:10px 15px;margin:0 0 23px;border-radius:30px;background:#fff0f7;color:#cf0067;font-size:14px;font-weight:600;text-transform:uppercase}
.rec-reference-hero .recruitment-label span{width:13px;height:13px;border:3px solid #fff;border-radius:50%;background:#ed007a;box-shadow:0 0 0 1px #ffc2df}
.rec-reference-hero h1{margin:0;font-size:clamp(62px,4.5vw,82px);font-weight:800;line-height:1.01;letter-spacing:-.035em;color:#222}
.rec-reference-hero h1 em{display:block;width:max-content;margin-top:7px;font-family:'DM Serif Display',Georgia,serif;font-style:italic;font-size:clamp(62px,4.65vw,85px);line-height:1.12;letter-spacing:-.025em;font-weight:400;color:#ed007a}
.rec-reference-hero .hero-description{max-width:620px;margin:25px 0 22px;color:#50555c;font-size:clamp(17px,1.25vw,23px);line-height:1.55;font-weight:400}
.rec-reference-hero .modalities{display:flex;flex-wrap:wrap;gap:12px;list-style:none;padding:0;margin:0 0 24px}
.rec-reference-hero .modalities a{display:flex;align-items:center;justify-content:center;gap:11px;min-height:47px;padding:10px 18px;border:1.5px solid #ffc5e1;border-radius:28px;background:#ffffffeb;color:#1d2735;font-size:14px;font-weight:600;text-decoration:none;transition:background .18s ease,border-color .18s ease}
.rec-reference-hero .modalities svg{color:#ed007a}
.rec-reference-hero .modalities a:hover{background:#fff0f7;border-color:#ed007a}
.rec-reference-hero .primary-apply{display:inline-flex;align-items:center;justify-content:center;background:#d00068;color:#fff;font-weight:600;border-radius:50px;box-shadow:0 7px 18px #d9006426;min-height:64px;padding:14px 36px;font-size:21px;gap:19px;text-decoration:none;transition:background .18s ease,box-shadow .18s ease}
.rec-reference-hero .primary-apply:hover{background:#b60058;box-shadow:0 9px 22px #a8005426}
.rec-reference-hero .primary-apply svg{width:29px;height:29px}
.rec-reference-hero .hero-wave{position:absolute;bottom:-1px;left:0;width:100%;height:60px;stroke:none;z-index:1;pointer-events:none}
.rec-reference-hero a:focus-visible{outline:3px solid #075abc;outline-offset:5px}
.rec-reference-hero ::selection{background:#f9c6df;color:#621136}
.rec-page .kja-page>header:not(.scrolled)::before{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}
.rec-page .kja-page>header .nav-links-center li a{color:#a50052!important;white-space:nowrap}
.rec-page .kja-page>header .nav-cta-btn{background:#d00068;box-shadow:0 7px 18px #d9006426;white-space:nowrap}
@media(min-width:969px){.rec-page .kja-page>header{padding:18px 0}.rec-page .kja-page>header .nav-desktop-only{width:min(1370px,calc(100% - 56px));gap:28px;padding:0 20px}.rec-page .kja-page>header .nav-left,.rec-page .kja-page>header .nav-right{flex:0 0 auto}.rec-page .kja-page>header .nav-left{margin-right:auto}.rec-page .kja-page>header .logo-img{width:110px}.rec-page .kja-page>header .nav-links-center{gap:27px;flex:0 1 auto}.rec-page .kja-page>header .nav-links-center li a{font-size:13px}}
@media(min-width:969px) and (max-width:1400px){.rec-page .kja-page>header .nav-desktop-only{gap:18px;width:calc(100% - 32px);padding:0}.rec-page .kja-page>header .nav-links-center{gap:15px}.rec-page .kja-page>header .nav-links-center li a{font-size:11px}.rec-page .kja-page>header .nav-cta-btn{padding-inline:16px;font-size:12px}.rec-page .kja-page>header .logo-img{width:95px}}
@media(min-width:1600px){.rec-reference-hero{min-height:max(865px,100svh)}}
@media(min-width:601px) and (max-width:1100px){.rec-reference-hero .recruitment-photo{object-position:78% center}.rec-reference-hero .hero-content{width:calc(100% - 64px);padding-top:160px}.rec-reference-hero::before{background:linear-gradient(90deg,#fffdf9f5 0%,#fffdf9dc 34%,#fffdf977 56%,transparent 80%)}.rec-reference-hero h1,.rec-reference-hero h1 em{font-size:70px}.rec-reference-hero .hero-description{font-size:19px}}
@media(max-width:600px){.rec-reference-hero{min-height:100svh}.rec-reference-hero .recruitment-photo{inset:0 0 auto;height:450px;object-position:76% center}.rec-reference-hero::before{background:linear-gradient(180deg,#fffdf940 0,transparent 210px,#fbf8f480 300px,#fbf8f4 450px)}.rec-reference-hero .hero-content{width:calc(100% - 40px);padding:320px 0 85px}.rec-reference-hero .recruitment-label{font-size:11px;padding:8px 12px;margin-bottom:18px}.rec-reference-hero h1{font-size:clamp(45px,11.8vw,68px);line-height:1.03}.rec-reference-hero h1 em{width:auto;font-size:clamp(40px,10.2vw,61px);white-space:nowrap;margin-top:8px}.rec-reference-hero .hero-description{font-size:16px;line-height:1.65;margin:20px 0}.rec-reference-hero .desktop-break{display:none}.rec-reference-hero .modalities{gap:8px;margin-bottom:23px}.rec-reference-hero .modalities a{gap:7px;font-size:11px;padding:9px 11px;min-height:44px}.rec-reference-hero .modalities svg{width:21px;height:21px}.rec-reference-hero .primary-apply{font-size:17px;min-height:58px;padding:13px 24px;gap:18px}.rec-reference-hero .hero-wave{height:32px}}
@media(prefers-reduced-motion:reduce){.rec-reference-hero a{transition:none!important}}

/* Photo continues behind the navigation; no white strip across the top. */
.rec-page .kja-page>header:not(.scrolled){background:transparent;box-shadow:none;border-bottom-color:transparent}
.rec-page .kja-page>header:not(.scrolled)::before{content:none}
.rec-reference-hero .recruitment-photo{object-position:center top}
html{overflow-y:auto}
body.rec-page{overflow-y:visible}
@media(min-width:601px) and (max-width:1100px){.rec-reference-hero .recruitment-photo{object-position:78% top}}
@media(max-width:600px){.rec-reference-hero .recruitment-photo{object-position:76% top}}
.rec-page .kja-page>header:not(.scrolled) .nav-links-center a{text-shadow:0 1px 3px rgba(0,0,0,.65),0 0 1px rgba(0,0,0,.35)}


@media(max-width:1100px) and (min-width:601px){.rec-reference-hero::before{background:linear-gradient(90deg,#fffdf9d9 0%,#fffdf9bd 34%,#fffdf966 56%,transparent 80%)}}
@media(max-width:600px){.rec-reference-hero::before{mask-image:none;-webkit-mask-image:none}}