/* Escala fluida: teléfonos, orientación horizontal, tabletas y escritorio. */
html{scroll-padding-bottom:110px}body{min-width:280px}img,svg,video{max-width:100%}button,input,select{touch-action:manipulation}button{min-height:44px}header a{min-width:0}.brand-title{min-width:0}main{width:100%}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card{min-width:0}.card h3{overflow-wrap:anywhere}.card .picture{height:auto;aspect-ratio:1/1}.hero{max-width:100%}.hero h1{font-size:clamp(64px,10vw,116px)}.primary,.secondary{white-space:normal}.filters{overscroll-behavior-x:contain}.filters button{flex-shrink:0}.progress-row{gap:10px}.progress-row strong{white-space:nowrap}.trail-legend{line-height:1.5}.reward-actions{align-items:stretch}.reward-actions button{flex:1 1 180px}.safari-diploma{transform:none}.safari-diploma h2{font-size:clamp(42px,8vw,77px)}#modal{max-height:calc(100dvh - 28px);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#998047 #24291d}.detail .eyebrow{margin:0 0 18px;padding:0 14px}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}.detail-visual{min-width:0}.detail-copy{min-width:0}.detail .big{height:auto;aspect-ratio:4/3}.detail h2{font-size:clamp(32px,5vw,44px);overflow-wrap:anywhere;margin:12px 0}.detail .animal-origin{font-size:13px;line-height:1.7;margin:12px 0 20px}.detail .fact{padding:17px;margin:0 0 22px}.detail .fact b{font-size:13px;color:#e6c262}.detail .fact p{margin-bottom:0;font-size:14px;line-height:1.7}.learning-facts{text-align:left}.learning-facts>h3{font-size:22px;letter-spacing:.5px;color:#e9d397;margin:0 0 16px}.learning-facts ol{list-style:none;margin:0;padding:0}.learning-facts li{display:flex;gap:12px;padding:14px 0;border-top:1px solid #67704155}.fact-number{color:#d3a943;font:800 25px/1.2 'Barlow Condensed',Impact,sans-serif;flex:0 0 24px}.learning-facts h4{font:700 14px 'DM Sans',sans-serif;color:#f1e4be;margin:0 0 7px}.learning-facts li p{font-size:13px;line-height:1.75;margin:0;color:#c9cbb4}.learning-source{display:inline-block;min-height:44px;align-content:center;font-size:11px;color:#d3b969;text-underline-offset:4px;margin:8px 0}.detail .primary{min-height:48px;margin-top:18px;width:100%}.detail-copy .pill{margin-top:0}.close{min-height:36px;width:36px;top:7px;right:7px}.photo-note{font-size:10px;line-height:1.5}.certificate-topline{overflow-wrap:anywhere}.certificate-note{line-height:1.6}.brand-logo{flex-shrink:0}.credits-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
@media(min-width:600px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.card .picture{aspect-ratio:6/5}.code-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.steps{gap:20px}.card h3{min-height:44px}.hero .art .hero-photo{object-position:45% center}}
@media(min-width:768px){#modal.animal-dialog{width:calc(100% - 48px);max-width:840px;padding:38px 26px 28px}.detail-layout{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:26px;align-items:start}.detail-visual{position:sticky;top:0}.detail .big{aspect-ratio:4/5}.detail-copy{text-align:left}.detail .eyebrow{margin-bottom:25px}.detail .animal-origin{font-size:13px}.hero h1{font-size:clamp(70px,8.5vw,116px)}.hero{padding:50px 38px}.hero p{max-width:300px}.hero .art{left:30%}.safari-diploma h2{font-size:77px}.certificate-note{font-size:9px}.certificate-topline{font-size:8px}.certificate-eyebrow{font-size:10px}.certificate-dedication{font-size:14px!important}.certificate-signature b{font-size:10px}}
@media(min-width:1000px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}.card h3{min-height:28px}.hero{padding:54px 50px}.code-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.hero .art{left:34%}}
@media(min-width:1600px){main{max-width:1400px}.grid{grid-template-columns:repeat(5,minmax(0,1fr))}.hero{min-height:670px}.hero h1{font-size:124px}.hero p{font-size:16px;max-width:355px}.card h3{min-height:44px}.card .picture{aspect-ratio:1/1}header{padding-inline:max(28px,calc((100vw - 1352px)/2))}}
@media(max-width:767px) and (min-width:701px){.hero{padding:40px 30px;min-height:560px}.hero h1{font-size:80px}.hero p{font-size:13px;max-width:280px}.hero .art{left:24%}.hero .eyebrow{max-width:280px}.stamp{right:20px}.hero-caption{right:22px}.album-head h1{font-size:50px}}
@media(max-width:700px){.hero h1{font-size:clamp(61px,20.5vw,90px)}.hero .art{min-height:0;height:auto;aspect-ratio:6/5}.hero .art .hero-photo{object-position:45% center}.brand-title{font-size:clamp(18px,5.5vw,24px)}.brand-title small{font-size:clamp(6px,1.7vw,8px);letter-spacing:1.2px}.album-head h1{font-size:clamp(34px,10.8vw,55px)}.progress-row strong{font-size:clamp(28px,8vw,36px)}.progress-row strong span{font-size:11px}.progress-row>span{font-size:9px}.card h3{font-size:clamp(18px,5.5vw,24px);min-height:44px;line-height:1.1}.card small{font-size:9px}.filters button{font-size:10px}.edition{display:none}nav{max-width:700px}nav .discover span{font-size:clamp(16px,4.8vw,20px)}nav .discover{padding:12px 14px}.reward-complete>h1{font-size:clamp(34px,10vw,48px)}.certificate-topline{font-size:6px}.certificate-eyebrow{font-size:8px;letter-spacing:1px}.certificate-note{font-size:8px}.safari-diploma .certificate-dedication{font-size:12px}.safari-diploma h2{font-size:clamp(40px,13vw,70px)}.certificate-signature{margin-bottom:55px}.collection-banner{font-size:10px;letter-spacing:.5px}.collection-banner span{flex-shrink:0}.test-controls{padding:20px 14px}#modal{padding:40px 18px 24px;width:calc(100% - 24px)}.detail-layout{gap:20px}.detail .big{max-height:310px}.detail .eyebrow{font-size:10px}.detail .fact p{font-size:14px}.learning-facts li p{font-size:14px}.detail .photo-note{font-size:11px}.learning-source{font-size:12px}.qr-card{min-width:0;padding:12px}.qr-card svg{max-width:100%}.qr-card code{font-size:10px;overflow-wrap:anywhere}}
@media(max-width:360px){header{padding:12px 14px;gap:10px}header a{gap:10px}header .brand-logo{width:40px;height:48px}#sound-toggle{width:34px;height:34px;font-size:18px}.brand-title small{letter-spacing:.8px}.card h3{padding-inline:8px}.card small{padding-inline:8px;font-size:8px}.collection-banner{font-size:8px;padding:8px;gap:5px}.safari-diploma{padding:5px}.diploma-inner{padding-inline:9px}.safari-diploma h2{font-size:clamp(32px,12vw,44px)}.certificate-motto{font-size:11px;letter-spacing:1px}nav{padding-inline:8px}nav .discover{gap:7px;padding-inline:9px}nav .discover span{font-size:15px}.grid{gap:10px}.trail-legend{font-size:9px}.progress-row strong span{font-size:9px}}
@media(max-height:500px) and (orientation:landscape){#modal{max-height:calc(100dvh - 12px);margin:6px auto}.detail .big{max-height:190px}.hero .art{max-height:300px}nav{padding:7px 12px}nav .discover{padding:8px 16px}nav button{min-height:36px}main{padding-bottom:95px}}
@media(hover:none){.card:hover{transform:none}.card:hover .picture img{transform:none}}
@media print{body.printing-diploma .safari-diploma{width:180mm}.printing-diploma .safari-diploma h2{font-size:77px}.printing-diploma .safari-diploma .certificate-dedication{font-size:14px}}
/* Sheet actions must each occupy their own row, including retake links. */
.detail-copy > .primary,.detail-copy > .secondary{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;height:auto;position:static;box-sizing:border-box;margin:12px 0 0;padding:16px 20px;line-height:1.4;white-space:normal;overflow-wrap:anywhere;text-align:center;vertical-align:top}
.detail-copy > #detail-action{margin-top:18px}