/* Portada y catálogo: diseño aprobado, septiembre de 2026. */
.home-page,.catalog-page{background:#fff;color:#101e35}
.welcome{display:grid;grid-template-columns:1.18fr 1fr;background:#101e35;color:#fff;max-width:1600px;margin:auto}
.welcome-copy{padding:54px max(32px,9.3%) 58px}
.welcome .eyebrow{color:#f6cb48;font-size:13px;letter-spacing:.12em}
.welcome h1{font:800 clamp(2.6rem,5.3vw,5rem)/1.07 Montserrat,Arial,sans-serif;letter-spacing:-.045em;margin:30px 0 24px}
.welcome h1 span{color:#f6cb48}
.welcome-intro{font-size:clamp(18px,1.8vw,23px);line-height:1.55}
.welcome-actions{display:flex;align-items:flex-start;flex-direction:column;gap:22px;margin-top:30px}
.action-yellow{display:inline-flex;align-items:center;justify-content:center;gap:24px;background:#f6cb48;color:#101e35;text-decoration:none;padding:15px 20px;border:1px solid #f6cb48;border-radius:5px;font-size:16px;font-weight:700;line-height:1.5}
.action-yellow:hover{background:#ffe083;border-color:#ffe083}
.welcome-secondary{font-size:16px;border-bottom:1px solid #a7b4c5;padding-bottom:5px;color:#fff;text-decoration:none}
.welcome-secondary span{margin-left:18px}
.welcome-photo{margin:0;position:relative;min-height:520px;overflow:hidden}
.welcome-photo img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 33%}
.welcome-photo figcaption{position:absolute;bottom:0;left:0;right:0;padding:13px 20px;background:#101e35e8;color:#fff;font-size:14px}
.approach{max-width:1420px;margin:auto;padding:54px 5.5% 0}
.approach>.eyebrow{color:#526074;font-size:13px;margin-bottom:12px}
.approach h2{font-size:clamp(1.9rem,3.6vw,3rem);font-weight:750;line-height:1.2;letter-spacing:-.04em}
.approach-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:34px 0 40px}
.approach-grid article{padding:0 28px}
.approach-grid article:first-child{padding-left:0}
.approach-grid article:last-child{padding-right:0}
.approach-grid article+article{border-left:1px solid #d6dce4}
.approach-number{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:#f6cb48;font:700 16px Montserrat,Arial,sans-serif;margin-bottom:18px}
.approach-grid h3{font-size:20px;margin:0 0 10px;letter-spacing:-.025em}
.approach-grid p{font-size:16px;line-height:1.65;color:#526074}
.profile-strip{border-top:1px solid #d6dce4;padding:28px 0 34px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.profile-strip h3{font-size:19px;line-height:1.4}
.profile-strip p{color:#526074;font-size:16px;margin:4px 0 0}
.profile-strip>a{flex-shrink:0;font-size:15px;font-weight:600;border-bottom:2px solid #f6cb48;padding-bottom:6px}
.profile-strip>a span{margin-left:15px}
.training-catalog{max-width:1320px;padding:55px 5.5% 45px;margin:auto}
.catalog-intro{margin-bottom:32px}
.catalog-intro .eyebrow{font-size:13px;margin:0 0 14px;color:#526074}
.catalog-intro h1{font:800 clamp(2.4rem,4.7vw,4rem)/1.12 Montserrat,Arial,sans-serif;letter-spacing:-.045em;margin:0 0 14px;max-width:none}
.catalog-intro>p:last-child{font-size:22px;color:#526074;margin:0}
.training-list{display:grid;gap:18px}
.training-card{display:grid;grid-template-columns:90px minmax(0,1fr) auto;gap:24px;align-items:center;padding:20px;border:1px solid #d6dce4;border-radius:10px;background:#fff}
.training-number{display:flex;flex-direction:column;justify-content:space-between;align-self:stretch;background:#101e35;color:#fff;border-radius:5px;padding:15px;font:700 23px Montserrat,Arial,sans-serif;min-height:115px}
.training-cross{font-size:44px;font-weight:400;color:#f6cb48;line-height:1}
.training-meta{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;color:#526074;font-size:14px;margin-bottom:10px}
.free-label{background:#f6cb48;color:#101e35;font-weight:700;font-size:12px;padding:4px 9px;border-radius:3px;letter-spacing:.03em}
.training-card h2{font:750 clamp(1.15rem,2.1vw,1.65rem)/1.3 Montserrat,Arial,sans-serif;letter-spacing:-.035em;margin:0 0 8px}
.training-card h2 a{color:inherit;text-decoration:none}
.training-card h2 a:hover{text-decoration:underline}
.training-tags{color:#526074;font-size:16px;margin:0}
.training-description{color:#526074;font-size:15px;line-height:1.55;margin:8px 0 0}
.training-card>.action-yellow{font-size:15px;padding:12px 16px;gap:15px;white-space:nowrap}
.learning-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:38px 0 24px}
.learning-tools article+article{border-left:1px solid #d6dce4;padding-left:24px}
.learning-tools h2{font:700 18px/1.35 Montserrat,Arial,sans-serif;margin:0 0 9px;letter-spacing:-.025em}
.learning-tools p{font-size:15px;color:#526074;line-height:1.6;margin:0}
.catalog-note{font-size:14px;color:#526074;line-height:1.6;border-top:1px solid #d6dce4;padding-top:20px;margin:0}
.catalog-page .skip{position:absolute;top:-100px;left:15px;z-index:10;background:#fff;color:#101e35;padding:10px}
.catalog-page .skip:focus{top:10px}
@media(min-width:1600px){.welcome-copy{padding-left:70px}}
@media(max-width:1000px){.training-card{grid-template-columns:70px minmax(0,1fr);gap:18px}.training-card>.action-yellow{grid-column:2;justify-self:start}.training-number{grid-row:1/3}.welcome-copy{padding:40px 30px}.welcome-photo{min-height:490px}.approach-grid article{padding:0 18px}}
@media(max-width:700px){.welcome{grid-template-columns:1fr}.welcome-copy{padding:35px 6% 40px}.welcome h1{font-size:clamp(2.8rem,10vw,4.3rem);margin-top:24px}.welcome-photo{min-height:0;height:360px}.welcome-photo img{object-position:60% 30%}.welcome-actions{gap:20px}.approach{padding:38px 6% 0}.approach-grid{grid-template-columns:1fr;gap:25px;margin:28px 0}.approach-grid article,.approach-grid article:first-child,.approach-grid article:last-child{padding:0}.approach-grid article+article{border-left:0;border-top:1px solid #d6dce4;padding-top:25px}.approach-number{margin-bottom:12px}.profile-strip{align-items:start;flex-direction:column;gap:16px}.training-catalog{padding:36px 6%}.catalog-intro>p:last-child{font-size:18px}.training-card{padding:18px;grid-template-columns:1fr;gap:16px}.training-number{display:none}.training-card>.action-yellow{grid-column:auto}.training-card h2{font-size:21px}.learning-tools{grid-template-columns:1fr;gap:20px}.learning-tools article+article{border-left:0;border-top:1px solid #d6dce4;padding:20px 0 0}}

/* Distinct skills laboratory, separate from the clinical case catalog. */
.practice-nav{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 32px}.practice-nav a{padding:12px 18px;border:1px solid #cbd6e0;border-radius:8px;color:#19334e;background:#fff;text-decoration:none;font-size:14px;font-weight:600}.practice-nav a:hover{background:#edf3f7}.practice-nav a:focus-visible,.exploration-enter:focus-visible{outline:3px solid #b39043;outline-offset:4px}.exploration-hub{background:#f0f5f8;border:1px solid #d8e3eb;border-radius:18px;padding:32px;margin-bottom:52px;scroll-margin-top:110px}.exploration-intro{max-width:720px}.exploration-intro h2,.case-section-heading h2{font-size:clamp(25px,3vw,34px);line-height:1.2;margin:10px 0 15px;color:#142b45}.exploration-intro p,.case-section-heading p{line-height:1.7;color:#4b6074}.exploration-lab{display:grid;grid-template-columns:90px 1fr;gap:28px;background:#fff;border:1px solid #d8e3eb;border-radius:12px;padding:28px;margin-top:26px}.exploration-symbol{width:80px;height:80px;color:#436d87}.exploration-symbol svg{width:100%;height:100%}.exploration-label{font-size:11px;letter-spacing:1.5px;font-weight:700;color:#526b80}.exploration-lab h3{font-size:26px;margin:12px 0;color:#142b45}.exploration-lab p{line-height:1.7}.exploration-lab ul{display:flex;flex-wrap:wrap;gap:10px 28px;padding-left:18px;margin:20px 0;color:#526477;font-size:14px}.exploration-enter{display:inline-flex;gap:20px;align-items:center;padding:14px 20px;background:#142b45;color:#fff!important;text-decoration:none;border-radius:8px;font-weight:600}.case-section-heading{margin:0 0 25px;scroll-margin-top:110px}@media(max-width:600px){.exploration-hub{padding:20px}.exploration-lab{grid-template-columns:1fr;padding:20px;gap:10px}.exploration-symbol{width:58px;height:58px}.practice-nav{flex-direction:column}.exploration-lab ul{display:block}.exploration-lab li{margin:8px 0}.exploration-enter{font-size:14px}}