.applicants-page { background:#f7fafc; }
.applicants-page main { font-family:"Nunito Sans",Arial,sans-serif; }
.skip-link { position:fixed; top:-100px; left:16px; z-index:2000; padding:12px 20px; background:white; color:#003f78; }
.skip-link:focus { top:12px; }
.applicants-page a:focus-visible,.applicants-page summary:focus-visible { outline:3px solid #007fa8; outline-offset:5px; }
.applicant-hero { max-width:1180px; margin:0 auto; display:grid; grid-template-columns:1fr 1fr; min-height:540px; background:#fff; }
.applicant-hero-copy { padding:64px 38px 48px; }
.eyebrow { font-size:.76rem; letter-spacing:.13em; font-weight:900; margin:0 0 18px; color:#105e8b; }
.applicant-hero h1 { font-family:"Barlow Semi Condensed",Arial,sans-serif; font-size:clamp(3rem,5.8vw,5.2rem); line-height:.99; letter-spacing:-.025em; margin:0 0 24px; color:#003f78; }
.applicant-hero h1 span { color:#007fa8; }
.hero-description { max-width:440px; font-size:1.06rem; line-height:1.7; color:#526b7d; }
.hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:28px; }
.applicant-button { display:inline-flex; align-items:center; justify-content:space-between; gap:22px; padding:14px 18px; font-size:.9rem; font-weight:800; border-radius:5px; border:1px solid #c9dbe6; transition:background .15s; }
.applicant-button.primary { background:#105e8b; color:#fff; border-color:#105e8b; }
.applicant-button.primary:hover { background:#003f78; }
.applicant-button.secondary { background:white; color:#003f78; }
.applicant-button.secondary:hover { background:#eef4f8; }
.hero-footnote { color:#61798b; font-size:.78rem; margin-top:24px; }
.hero-image { position:relative; min-height:470px; overflow:hidden; background:#105e8b; }
.hero-image img { width:100%; height:100%; object-fit:cover; position:absolute; inset:0; }
.hero-image::after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(0,41,75,.9),transparent 65%); }
.image-caption { position:absolute; bottom:40px; left:34px; right:20px; z-index:1; color:white; font-size:1.3rem; line-height:1.4; }
.image-caption strong { font-family:"Barlow Semi Condensed",Arial,sans-serif; font-size:2.1rem; }
.applicant-shortcuts { max-width:1180px; margin:0 auto; display:grid; grid-template-columns:repeat(3,1fr); background:#003f78; color:white; }
.applicant-shortcuts a { padding:22px 28px; display:flex; align-items:center; gap:14px; font-size:.93rem; border-right:1px solid #ffffff30; }
.applicant-shortcuts a:hover { background:#105e8b; }
.applicant-shortcuts span { color:#65d7f7; font-size:.8rem; }
.applicant-shortcuts b { margin-left:auto; }
.applicant-section { max-width:1180px; margin:auto; padding:72px 28px; }
.applicants-page h2 { font-family:"Barlow Semi Condensed",Arial,sans-serif; font-size:clamp(2rem,3.5vw,3rem); line-height:1.08; margin:0 0 20px; color:#003f78; }
.section-intro { display:flex; gap:40px; align-items:end; justify-content:space-between; margin-bottom:28px; }
.section-intro>p { max-width:340px; color:#526b7d; font-size:.96rem; line-height:1.6; }
.career-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.career-card { display:flex; flex-direction:column; padding:26px; background:white; border:1px solid #d7e2ea; border-top:4px solid var(--career-color); border-radius:6px; transition:box-shadow .15s,transform .15s; }
.career-card:hover { transform:translateY(-3px); box-shadow:0 12px 24px #13334812; }
.career-number { color:var(--career-color); font-weight:900; font-size:.7rem; letter-spacing:.07em; }
.career-card h3,.career-help h3 { font-family:"Barlow Semi Condensed",Arial,sans-serif; font-size:1.6rem; line-height:1.15; margin:24px 0 12px; }
.career-card p,.career-help p:not(.eyebrow) { font-size:.92rem; line-height:1.6; color:#526b7d; margin:0 0 24px; }
.career-link { display:flex; justify-content:space-between; gap:12px; margin-top:auto; padding-top:18px; border-top:1px solid #e5edf2; font-size:.8rem; font-weight:800; color:#003f78; }
.career-help { grid-column:span 2; padding:30px; background:#e9f2f8; border-radius:6px; }
.career-help h3 { margin-top:0; font-size:2rem; }
.admission-section { padding:60px max(28px,calc((100% - 1124px)/2)); display:grid; grid-template-columns:1fr 1fr; gap:70px; background:#eaf2f7; }
.admission-copy>p:not(.eyebrow) { font-size:1rem; color:#526b7d; line-height:1.7; max-width:440px; margin-bottom:26px; }
.admission-steps { list-style:none; padding:0; margin:0; }
.admission-steps li { display:flex; gap:22px; padding:22px 0; border-bottom:1px solid #cadbe6; }
.admission-steps li:first-child { padding-top:0; }
.admission-steps li>span { color:#007fa8; font-size:1.5rem; font-weight:900; }
.admission-steps h3 { margin:0 0 8px; font-size:1.1rem; }
.admission-steps p { font-size:.92rem; color:#526b7d; line-height:1.6; margin:0 0 12px; }
.admission-steps a { font-size:.86rem; font-weight:800; color:#105e8b; }
.faq-section { display:grid; grid-template-columns:1fr 1.5fr; gap:60px; }
.faq-section>div>p:not(.eyebrow) { font-size:.95rem; color:#526b7d; }
.faq-list details { border-bottom:1px solid #d7e2ea; padding:20px 0; }
.faq-list details:first-child { padding-top:0; }
.faq-list summary { cursor:pointer; font-weight:800; font-size:1rem; line-height:1.5; }
.faq-list details p { line-height:1.7; font-size:.93rem; color:#526b7d; }
.faq-list details a { color:#105e8b; text-decoration:underline; }
.applicant-contact { text-align:center; padding:50px 24px 64px; background:white; border-top:1px solid #d7e2ea; }
.applicants-page section[id] { scroll-margin-top:220px; }
@media(max-width:900px) { .applicant-hero-copy { padding:40px 26px; } .hero-image { min-height:430px; } .career-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .career-help { grid-column:auto; } .applicant-shortcuts a { padding:20px 16px; font-size:.8rem; } .admission-section { gap:35px; } .section-intro { display:block; } .section-intro>p { max-width:600px; } }
@media(max-width:600px) { .applicant-hero { grid-template-columns:1fr; } .applicant-hero-copy { padding:36px 22px; } .applicant-hero h1 { font-size:3.7rem; } .hero-image { min-height:280px; } .image-caption { bottom:24px; left:22px; } .applicant-shortcuts { grid-template-columns:1fr; } .applicant-shortcuts a { border-right:0; border-bottom:1px solid #ffffff30; padding:16px 22px; font-size:.9rem; } .applicant-section { padding:46px 22px; } .career-grid { grid-template-columns:1fr; } .admission-section,.faq-section { grid-template-columns:1fr; gap:30px; } .admission-section { padding:46px 22px; } .career-card h3 { margin-top:18px; } .applicants-page section[id] { scroll-margin-top:170px; } }
@media(prefers-reduced-motion:reduce) { .career-card,.applicant-button { transition:none; } }
.applicants-page #contenido { scroll-margin-top:220px; }
@media(max-width:600px) { .applicants-page #contenido { scroll-margin-top:170px; } }
.career-video { aspect-ratio:16/9; width:100%; background:#eaf2f7; border-radius:4px; overflow:hidden; }
.career-video iframe { display:block; width:100%; height:100%; border:0; }
.career-video-link { padding:10px 0 18px; font-size:.78rem; font-weight:800; color:#105e8b; }
.career-video-link a { display:inline-flex; align-items:center; gap:8px; }
.career-video-link a:hover,.career-link:hover { text-decoration:underline; }
.career-card:hover { transform:none; }
.career-profiles { margin:0 0 20px; }
.career-profiles details { border-top:1px solid #d7e2ea; }
.career-profiles summary { padding:14px 0; cursor:pointer; font-size:.88rem; font-weight:800; line-height:1.5; color:#003f78; }
.career-profiles .profile-content { padding:0 0 14px; }
.career-profiles .profile-content p { font-size:.88rem; margin:0 0 14px; line-height:1.7; }
.career-profiles ul { padding-left:20px; margin:0 0 18px; color:#526b7d; font-size:.88rem; line-height:1.7; }
.career-profiles li+li { margin-top:8px; }
.career-profiles h4 { font-size:.9rem; margin:18px 0 12px; color:#133348; }
.career-profiles .profile-admission-note { border-left:3px solid #007fa8; padding-left:12px; }
.career-card[id] { scroll-margin-top:220px; align-self:start; }
@media(max-width:600px) { .career-card[id] { scroll-margin-top:170px; } }

.applicant-shortcuts { grid-template-columns:1fr; }
.career-art { display:flex; align-items:center; justify-content:center; height:280px; background:#f0f6fa; border-radius:5px; margin-bottom:24px; padding:14px; }
.career-art img { display:block; width:100%; height:100%; object-fit:contain; }
@media(max-width:600px) { .career-art { height:300px; } }
.applicant-hero > *, .career-grid > *, .career-card > * { min-width:0; }
.career-card { overflow-wrap:break-word; }
@media(max-width:360px) { .applicant-section { padding-left:16px; padding-right:16px; } .career-card { padding:18px; } .applicant-hero h1 { font-size:clamp(2.8rem,15vw,3.7rem); } }
.career-collage { min-width:0; display:flex; flex-direction:column; justify-content:space-between; padding:30px 20px 24px; overflow:hidden; background:radial-gradient(ellipse at 80% 65%,#007da6 0%,#105e8b 45%,#003f78 100%); }
.collage-brand { padding:0 16px 22px; }
.collage-brand img { display:block; width:min(100%,360px); height:auto; margin:auto; }
.collage-drawings { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); align-items:center; gap:4px; }
.collage-drawings img { display:block; width:100%; height:auto; object-fit:contain; filter:none; }
.collage-drawings img:nth-child(-n+3) { grid-column:span 4; }
.collage-drawings img:nth-child(n+4) { grid-column:span 3; }
.collage-arq { transform:rotate(-8deg); }
.collage-dg { transform:translateY(-8px) rotate(3deg); }
.collage-di { transform:rotate(8deg); }
.collage-dup { transform:rotate(-8deg); }
.collage-eao { transform:rotate(4deg); }
.collage-crbcm { transform:rotate(-4deg); }
.collage-ac { transform:rotate(8deg); }
.collage-caption { color:white; line-height:1.4; font-size:1.05rem; margin:24px 12px 0; }
.collage-caption strong { font-family:"Barlow Semi Condensed",Arial,sans-serif; font-size:1.85rem; }
@media(max-width:600px) { .career-collage { padding:26px 20px; } .collage-brand img { max-width:300px; } .collage-drawings { max-width:440px; width:100%; margin:auto; } .collage-caption { text-align:center; } }
.career-collage {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(255,255,255,.18), transparent 52%),
    radial-gradient(ellipse at 15% 65%, rgba(89,219,244,.35), transparent 65%),
    radial-gradient(ellipse at 90% 85%, rgba(71,169,238,.45), transparent 62%),
    linear-gradient(145deg, #1474ac 0%, #169bc9 48%, #1474ab 100%);
}
.collage-brand img { filter:drop-shadow(0 3px 3px rgba(0,35,70,.65)) drop-shadow(0 6px 7px rgba(0,35,70,.3)); }
.collage-caption { text-shadow:0 2px 4px rgba(0,52,95,.45); }
.collage-drawings img { filter:none; }
.collage-brand img { filter:drop-shadow(0 3px 3px rgba(0,35,70,.65)) drop-shadow(0 6px 7px rgba(0,35,70,.3)); }
.career-number { color:#133348; }
.career-card { border-top-width:6px; }
.collage-career { display:block; min-width:0; border-radius:8px; }
.collage-drawings .collage-career:nth-child(-n+3) { grid-column:span 4; }
.collage-drawings .collage-career:nth-child(n+4) { grid-column:span 3; }
.collage-career img { transform-origin:50% 75%; }
@keyframes career-wiggle {
  0%,100% { transform:translateX(0) rotate(0); }
  18% { transform:translateX(-4px) rotate(-7deg); }
  36% { transform:translateX(4px) rotate(7deg); }
  54% { transform:translateX(-3px) rotate(-5deg); }
  72% { transform:translateX(3px) rotate(4deg); }
  88% { transform:translateX(-1px) rotate(-2deg); }
}
@media(hover:hover) {
  .collage-career:hover img { animation:career-wiggle .65s ease-in-out; }
}
.collage-career:focus-visible img { animation:career-wiggle .65s ease-in-out; }
@media(prefers-reduced-motion:reduce) {
  .collage-career:hover img, .collage-career:focus-visible img { animation:none; }
}
.applicants-page .collage-career:focus-visible { outline:3px solid white; outline-offset:4px; }
.career-card {
  border-top-width:12px;
  background:linear-gradient(to bottom, color-mix(in srgb, var(--career-color) 22%, white) 0px, color-mix(in srgb, var(--career-color) 8%, white) 65px, white 145px);
}
/* Aspirantes comparte la identidad de la nueva portada. */
.applicants-page { background:#f8f9fc; }
.applicant-hero { margin:32px auto 24px; padding:0 24px; gap:36px; background:transparent; grid-template-columns:repeat(2,minmax(0,1fr)); min-height:0; }
.applicant-hero-copy { padding:36px 0; }
.applicant-hero h1 { font-family:"Nunito Sans",Arial,sans-serif; color:var(--soy-ink); font-size:clamp(3.3rem,5.5vw,5rem); font-weight:900; letter-spacing:-.055em; line-height:1.02; margin:24px 0; }
.applicant-hero h1 span { color:var(--soy-purple); }
.applicants-page .eyebrow { color:var(--soy-purple); }
.applicant-button { border-radius:14px; }
.applicant-button.primary { background:var(--soy-ink); border-color:var(--soy-ink); }
.applicant-button.primary:hover { background:var(--soy-purple); border-color:var(--soy-purple); }
.career-collage { border-radius:32px 32px 8px 32px; padding:30px 24px; background:radial-gradient(ellipse at 80% 20%,#f7f0cf,transparent 60%),linear-gradient(145deg,#e2edf5,#eff0fc); }
.collage-brand { background:#1785c4; padding:14px 20px; border-radius:16px; margin-bottom:20px; }
.collage-brand img { width:min(100%,320px); }
.collage-caption { color:var(--soy-ink); text-shadow:none; }
.collage-caption strong { font-family:"Nunito Sans",Arial,sans-serif; font-size:1.45rem; font-weight:900; }
.applicant-shortcuts { background:transparent; color:var(--soy-purple); padding:0 24px; }
.applicant-shortcuts a { border:1px solid #e5e7ef; background:#eaf2f8; border-radius:14px; font-weight:800; }
.applicant-shortcuts a:hover { background:#dce9f3; }
.applicants-page h2 { font-family:"Nunito Sans",Arial,sans-serif; color:var(--soy-ink); font-weight:900; letter-spacing:-.035em; }
.career-card { border-radius:20px; }
.career-card h3 { font-family:"Nunito Sans",Arial,sans-serif; color:var(--soy-ink); font-size:1.35rem; font-weight:900; letter-spacing:-.025em; }
.career-link { color:var(--soy-purple); }
.career-profiles summary { color:var(--soy-ink); }
.applicant-contact { background:#eaf2f8; border:0; padding:50px 24px; }
@media(max-width:900px) { .applicant-hero-copy { padding:28px 0; } }
@media(max-width:700px) { .applicant-hero { grid-template-columns:1fr; gap:10px; margin-top:10px; } .applicant-hero-copy { padding:24px 0; } .applicant-hero h1 { font-size:clamp(2.8rem,12vw,4rem); } .career-collage { padding:24px; } }
@media(max-width:360px) { .applicant-hero { padding:0 16px; } }

/* Colores suaves, textura de papel y títulos más expresivos. */
.applicants-page {
  background-color:#fcfaf7;
  background-image:radial-gradient(#91bcda1c .7px,transparent .7px);
  background-size:7px 7px;
}
.applicants-page .applicant-hero h1,
.applicants-page h2,
.applicants-page .career-card h3,
.applicants-page .collage-caption strong {
  font-family:"Fredoka","Nunito Sans",sans-serif;
  font-weight:600;
  letter-spacing:-.025em;
  color:#167eba;
}
.applicants-page .applicant-hero h1 span { color:#1785c4; }
.applicants-page .applicant-hero h1 span::after {
  content:""; display:block; height:8px; width:65%; margin-top:12px;
  background:repeating-linear-gradient(110deg,#e9cce1 0 8px,#f4e4ee 8px 13px);
  border-radius:50%; transform:rotate(-2deg);
}
.applicants-page .hero-description { color:#1785c4; }
.applicants-page .applicant-button.primary {
  color:#fff; background:#1785c4; border-color:#1785c4;
  font-family:"Fredoka","Nunito Sans",sans-serif; font-weight:500; font-size:1rem;
  box-shadow:3px 4px 0 #d7e6f2; border-radius:18px 18px 18px 6px;
}
.applicants-page .applicant-button.primary:hover { background:#167eba; border-color:#167eba; }
.applicants-page .career-collage {
  background-color:#e9f2f8;
  background-image:radial-gradient(#1785c429 1px,transparent 1px),radial-gradient(ellipse at 80% 15%,#faf0d9,transparent 65%),linear-gradient(145deg,#e4eef6,#eef3fa);
  background-size:12px 12px,100% 100%,100% 100%;
  border:1px solid #dae8f2;
}
.applicants-page .collage-brand { background:#1785c4; }
.applicants-page .collage-caption { color:#1785c4; }
.applicants-page .applicant-shortcuts a {
  background:#e8f1f7; color:#1785c4; border-color:#d5e5f1;
  font-family:"Fredoka","Nunito Sans",sans-serif; font-weight:500; font-size:1rem;
}
.applicants-page .career-card {
  border-color:#d8e7f2;
  border-top-color:color-mix(in srgb,var(--career-color) 65%,white);
  background-color:#fffdfb;
  background-image:radial-gradient(#1785c416 .65px,transparent .65px),linear-gradient(to bottom,color-mix(in srgb,var(--career-color) 12%,#fffdfb),#fffdfb 160px);
  background-size:6px 6px,100% 100%;
  border-radius:24px 24px 24px 8px;
}
.applicants-page .career-card h3 { font-size:1.45rem; line-height:1.2; }
.applicants-page .career-number { color:#1785c4; letter-spacing:.09em; }
.applicants-page .career-card p,.applicants-page .career-profiles ul { color:#1785c4; }
.applicants-page .career-profiles summary { color:#1785c4; }
.applicants-page .career-profiles details { border-color:#dae9f3; }
.applicants-page .career-link,.applicants-page .career-video-link { color:#1785c4; }
.applicants-page .profile-source { font-size:.75rem; }
.applicants-page .profile-source a { color:#1785c4; text-decoration:underline; }
.applicants-page .applicant-contact {
  background-color:#e8f1f7;
  background-image:repeating-linear-gradient(-12deg,transparent 0 20px,#a6c8e113 20px 21px);
}
.applicants-page .main-nav>a,.applicants-page .main-nav>.nav-item>button {
  font-family:"Fredoka","Nunito Sans",sans-serif; font-weight:500; color:#1785c4;
}

/* Una portada con energía de ilustración, estampas y trazos. */
.applicants-page { background-color:#fffaf0; background-image:radial-gradient(#8ebada24 1px,transparent 1px); background-size:18px 18px; }
.applicants-page .applicant-hero { position:relative; gap:30px; padding-top:22px; padding-bottom:28px; }
.applicants-page .applicant-hero-copy { position:relative; z-index:1; }
.applicants-page .creative-sticker { display:inline-block; padding:12px 20px; margin:12px 0 4px; background:#f4d5e7; border:2px solid #fff; border-radius:50% 44% 48% 38% / 45% 60% 40% 55%; color:#167fbc; font-family:"Fredoka",sans-serif; font-size:1.04rem; transform:rotate(-5deg); box-shadow:4px 5px 0 #e9bfd7; }
.applicants-page .eyebrow { color:#92768d; letter-spacing:.09em; }
.applicants-page .applicant-hero h1 { font-weight:700; font-size:clamp(3rem,4.8vw,4.6rem); line-height:1.1; margin:26px 0; letter-spacing:-.035em; }
.applicants-page .applicant-hero h1 .title-line { display:block; color:#1785c4; width:fit-content; }
.applicants-page .applicant-hero h1 .title-line:nth-child(2) { color:#b36445; transform:rotate(-2deg); }
.applicants-page .applicant-hero h1 .title-line::after { display:none; }
.applicants-page .applicant-hero h1 .title-habitat { position:relative; color:#1785c4; isolation:isolate; padding:4px 13px 8px 5px; }
.applicants-page .applicant-hero h1 .title-habitat::before { content:""; position:absolute; inset:14px -5px 0 -9px; background:#d6e6f1; border-radius:40% 45% 24% 40% / 35% 40% 45% 30%; transform:rotate(-3deg); z-index:-1; }
.applicants-page .applicant-button.primary { border:2px solid white; border-radius:24px 14px 24px 12px; background:#1785c4; box-shadow:5px 6px 0 #c1d9ea; padding:16px 24px; transition:transform .2s,box-shadow .2s; }
.applicants-page .applicant-button.primary:hover { background:#1785c4; transform:rotate(-2deg) translateY(-2px); box-shadow:7px 8px 0 #c1d9ea; }
.applicants-page .hero-footnote { color:#1785c4; }
.applicants-page .career-collage { position:relative; isolation:isolate; overflow:visible; border:3px solid white; border-radius:42px 70px 44px 80px; background-color:#d8e7f2; background-image:radial-gradient(#1785c440 1.4px,transparent 1.4px),radial-gradient(ellipse at 90% 80%,#d5eee8,transparent 65%),radial-gradient(ellipse at 10% 0%,#ffe5bb,transparent 60%); background-size:15px 15px,100% 100%,100% 100%; box-shadow:8px 9px 0 #c5dcec; padding:30px 24px 24px; }
.applicants-page .collage-brand { position:relative; z-index:1; border-radius:35px 18px 32px 14px; background:#1785c4; transform:rotate(1deg); border:2px solid #fff8; }
.applicants-page .collage-drawings,.applicants-page .collage-caption { position:relative; z-index:1; }
.applicants-page .collage-caption { margin-top:18px; text-align:center; }
.applicants-page .collage-doodles { position:absolute; inset:0; pointer-events:none; z-index:0; }
.applicants-page .collage-doodles span { position:absolute; font-family:Arial,sans-serif; line-height:1; }
.applicants-page .collage-doodles span:nth-child(1) { color:#e7a5c4; font-size:110px; top:-32px; right:-18px; transform:rotate(12deg); }
.applicants-page .collage-doodles span:nth-child(2) { color:#b6d2e6; font-size:105px; bottom:25px; left:-28px; transform:rotate(-12deg); }
.applicants-page .collage-doodles span:nth-child(3) { color:#f3c989; font-size:68px; bottom:-26px; right:30px; }
.applicants-page .applicant-shortcuts a { border:2px dashed #adcde4; border-radius:24px 12px 24px 12px; background:#e8f1f8; padding:18px 24px; }
.applicants-page .section-intro h2 { display:inline-block; font-weight:700; padding:12px 22px; background:#fce4bd; border-radius:22px 45px 20px 35px; transform:rotate(-1deg); color:#94623f; }
.applicants-page .heading-doodle { color:#c48d51; }
.applicants-page .career-grid { gap:26px; }
.applicants-page .career-card { position:relative; border:2px solid #d3e4f0; border-top:12px solid color-mix(in srgb,var(--career-color) 65%,white); box-shadow:5px 6px 0 color-mix(in srgb,var(--career-color) 15%,#ebf3f8); border-radius:30px 30px 30px 10px; }
.applicants-page .career-card:nth-child(even) { border-radius:30px 30px 10px 30px; }
.applicants-page .career-number { align-self:flex-start; background:#fffaf2; border:1px dashed #bdd7e9; border-radius:12px 7px 12px 7px; padding:7px 11px; transform:rotate(-3deg); }
.applicants-page .career-card:nth-child(even) .career-number { transform:rotate(3deg); }
.applicants-page .career-card h3 { font-weight:600; color:#1785c4; }
.applicants-page .career-video { border-radius:16px; border:3px solid white; }
.applicants-page .career-profiles summary { border-radius:10px; transition:background .15s; }
.applicants-page .career-profiles summary:hover { background:#e3eef640; }
.applicants-page .career-profiles details[open] summary { color:#1785c4; }
.applicants-page .applicant-contact { border-radius:45px 45px 0 0; background-color:#dceaf3; }
@media(max-width:700px) {
 .applicants-page .applicant-hero { padding-top:0; padding-bottom:22px; }
 .applicants-page .applicant-hero h1 { font-size:clamp(2.7rem,11vw,4rem); }
 .applicants-page .career-collage { margin:10px 8px 12px 0; border-radius:32px 45px 30px 45px; }
 .applicants-page .collage-doodles span:nth-child(1) { right:-10px; font-size:80px; }
 .applicants-page .collage-doodles span:nth-child(2) { left:-16px; font-size:70px; }
 .applicants-page .creative-sticker { font-size:.95rem; }
 .applicants-page .section-intro h2 { font-size:clamp(1.8rem,8vw,2.4rem); padding:12px 16px; }
}
@media(prefers-reduced-motion:reduce) { .applicants-page .applicant-button.primary { transition:none; } }

/* Detalles de una libreta de taller. */
.collage-workshop { position:absolute; inset:0; pointer-events:none; z-index:2; }
.collage-tape { position:absolute; width:94px; height:30px; background-color:#f4dbaac9; background-image:repeating-linear-gradient(90deg,transparent 0 5px,#fff3 5px 6px); border-left:2px dashed #fff8; border-right:2px dashed #fff8; box-shadow:0 1px 2px #866d3720; }
.tape-top { top:-10px; right:24px; transform:rotate(16deg); }
.tape-bottom { bottom:12px; left:-20px; transform:rotate(-25deg); }
.collage-pencil-line { position:absolute; width:80px; height:32px; right:20px; bottom:6px; color:#1785c4; transform:rotate(-8deg); opacity:.65; }
@media(max-width:700px) { .collage-tape { width:72px; height:25px; } .tape-bottom { left:-10px; } .collage-pencil-line { width:60px; right:12px; } }

/* Papel tapiz de objetos del taller: dibujo suave sobre papel claro. */
.applicants-page {
 background-color:#fffaf3;
 background-image:url('/assets/aspirantes/papel-tapiz.svg?v=20261014-1');
 background-size:480px 420px;
}
.applicants-page .applicant-hero { background:transparent; }
.applicants-page .applicant-hero-copy {
 background:radial-gradient(ellipse at center,#fffaf3 35%,#fffaf3e8 65%,#fffaf300 100%);
}
@media(max-width:600px) { .applicants-page { background-size:360px 315px; } }

/* El cuerpo deja ver el papel tapiz y las tarjetas toman su tono de papel. */
.applicants-page main { background:transparent; }
.applicants-page .career-card {
 background-color:#fcf6ee;
 background-image:radial-gradient(#1785c416 .65px,transparent .65px),linear-gradient(to bottom,color-mix(in srgb,var(--career-color) 12%,#fcf6ee),#fcf6ee 180px);
 border-color:#cde0ee;
}
.applicants-page .career-video { border-color:#f9efe3; }
.applicants-page .career-profiles summary:hover { background:#dae9f34d; }

/* Rubros sin numeración, con el color de cada carrera. */
.applicants-page .career-card .career-number {
 color:var(--career-color);
 background:color-mix(in srgb,var(--career-color) 7%,#fffdf8);
 border-color:color-mix(in srgb,var(--career-color) 55%,white);
 font-size:.78rem; font-weight:900; letter-spacing:.07em;
}

/* Difuminado de carrera con más presencia, que se suaviza antes del contenido. */
.applicants-page .career-card {
 background-image:radial-gradient(#b6a1bc16 .65px,transparent .65px),linear-gradient(to bottom,color-mix(in srgb,var(--career-color) 25%,#fcf6ee) 0px,color-mix(in srgb,var(--career-color) 12%,#fcf6ee) 100px,#fcf6ee 230px);
 background-size:6px 6px,100% 100%;
}

/* Futuro dorado: brillo impreso y destellos discretos. */
.applicants-page .applicant-hero h1 .title-line:nth-child(2) {
 position:relative; color:#ac7917;
 background-image:radial-gradient(circle at 18% 25%,#fff3b2 0 1px,transparent 2px),radial-gradient(circle at 68% 65%,#fff8cd 0 1px,transparent 2px),linear-gradient(115deg,#95621a 0%,#d6a52d 28%,#a77313 45%,#d5a52b 60%,#9e6a18 100%);
 background-size:11px 13px,17px 19px,100% 100%;
 background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent;
 padding-right:20px;
}
.applicants-page .applicant-hero h1 .title-line:nth-child(2)::after {
 content:'✧'; display:block; position:absolute; right:0; top:-6px;
 width:auto; height:auto; margin:0; background:none; border-radius:0;
 color:#d6a332; -webkit-text-fill-color:#d6a332; font-size:.35em; transform:rotate(12deg);
}
.applicants-page .applicant-hero h1 .title-habitat { padding:8px 14px 16px 10px; margin-left:0; }
.applicants-page .applicant-hero h1 .title-habitat::before {
 inset:12px 0 4px 0; border-radius:45% 38% 42% 30% / 40% 55% 35% 45%; transform:rotate(-2deg);
}

/* Dorado sin puntos de brillo ni destellos. */
.applicants-page .applicant-hero h1 .title-line:nth-child(2) {
 background-image:linear-gradient(115deg,#95621a 0%,#d6a52d 28%,#a77313 45%,#d5a52b 60%,#9e6a18 100%);
 background-size:100% 100%;
}
.applicants-page .applicant-hero h1 .title-line:nth-child(2)::after { content:none; display:none; }