.available-tomes-section { position:relative; isolation:isolate; min-height:56.25vw; overflow:hidden; background:radial-gradient(ellipse at -12% 8%,#eabd85 0,transparent 30%),radial-gradient(ellipse at 95% 105%,#e5c5a3 0,transparent 30%),#fff; color:#381b04; }
.available-tomes-art { position:absolute; inset:0; z-index:-1; pointer-events:none; }
.available-cover { position:absolute; width:80%; }
.available-cover img { display:block; width:100%; height:auto; }
.available-cover-0 { left:14%; top:-2.5%; }
.available-cover-1 { left:30%; top:5.5%; }
.available-cover-2 { left:42.5%; top:11%; }
.available-tomes-frame { position:relative; margin:19.2vw 0 5.5vw 5.6%; width:65.4%; min-height:31.5vw; border:1px solid #ab752d66; padding:2.1vw 0 1vw 1.8vw; }
.available-tomes-frame::before { content:''; position:absolute; left:36.7%; top:0; bottom:0; width:1px; background:#ab752d66; }
.available-tomes-frame h2 { position:relative; margin:0; font:400 6.65vw/.83 Arial,sans-serif; letter-spacing:-.065em; z-index:1; }
.available-tomes-frame h2 strong { display:block; font-weight:800; font-size:5.6vw; color:#3d1d02; }
.available-tomes-frame h2 span { display:block; margin-left:6.3vw; color:#a96a15; }
.available-tomes-copy { position:relative; width:31vw; margin:1.5vw 0 0 6.3vw; color:#161616; font:400 clamp(15px,1.1vw,18px)/1.45 Arial,sans-serif; }
.available-summary { margin:0 0 1.5em; }
.available-summary strong { font-size:clamp(16px,1.15vw,20px); }
.available-summary-economia strong { color:#470b11; }.available-summary-juventud strong { color:#88215f; }
.available-summary span { background:#ffffffec; box-shadow:4px 0 #ffffffec,-2px 0 #ffffffec; box-decoration-break:clone; -webkit-box-decoration-break:clone; }
.school-tome-section { --ray:#83b4d7; position:relative; isolation:isolate; min-height:56.25vw; overflow:hidden; background:radial-gradient(ellipse at 99% 49%,#22588b 0,#203b65 28%,transparent 56%),#1d2a3a; color:white; padding:22.5vw 5.5% 4vw 53.2%; }
.tome-rays { position:absolute; inset:0; width:100%; height:100%; fill:var(--ray); opacity:.7; pointer-events:none; z-index:-1; }
.school-tome-cover { position:absolute; width:67vw; top:1vw; left:-9.4vw; pointer-events:none; }
.school-tome-cover img { display:block; width:100%; height:auto; object-fit:contain; }
.school-tome-title { position:absolute; left:40%; top:2.5vw; margin:0; font:800 8.8vw/.87 Arial,sans-serif; letter-spacing:-.055em; }
.school-tome-title small { display:block; font:700 2.5vw/1.1 Arial,sans-serif; letter-spacing:0; margin-bottom:.7vw; }
.school-tome-title span { display:block; }
.school-tome-copy { position:relative; }
.school-tome-copy h3 { margin:0 0 12px; font:700 clamp(18px,1.4vw,23px)/1.2 Arial,sans-serif; }
.school-tome-review { font:400 clamp(15px,1.05vw,18px)/1.5 Arial,sans-serif; }
.school-tome-review p,.school-tome-review p:first-child { margin:0 0 1em; }
.tome-read-more { border:0; padding:4px 0; background:transparent; color:inherit; font:600 1em/1.5 Arial,sans-serif; text-decoration:underline; text-underline-offset:4px; cursor:pointer; }
.tome-read-more:hover { opacity:.8; }
.tome-read-more:focus-visible { outline:2px solid currentColor; outline-offset:4px; }
.tome-review-more { display:grid; grid-template-rows:1fr; opacity:1; transition:grid-template-rows .55s cubic-bezier(.16,1,.3,1),opacity .4s ease; }
.tome-review-more.is-collapsible:not(.is-expanded) { grid-template-rows:0fr; opacity:0; }
.tome-review-clip { min-height:0; overflow:hidden; }
.tome-review-card { margin-top:16px; padding:20px; border:1px solid #6b95bd66; border-radius:12px; background:linear-gradient(135deg,#142d4b,#0c1b32); color:#f6f8fc; box-shadow:0 8px 24px #0003; }
.school-tome-economia .tome-review-card { border-color:#b85d7566; background:linear-gradient(135deg,#481122,#260810); }
.school-tome-juventud .tome-review-card { border-color:#ae6f9066; background:linear-gradient(135deg,#f9eaf1,#ecd3e1); color:#392331; }
.school-tome-review .tome-review-card p:last-child { margin-bottom:0; }
@media(prefers-reduced-motion:reduce) { .tome-review-more { transition:none; } }
.school-tome-specifications { margin:24px 0; font:400 clamp(13px,.95vw,16px)/1.5 Arial,sans-serif; }
.school-tome-specifications > div { display:flex; flex-wrap:wrap; gap:.2em; margin-bottom:4px; }
.school-tome-specifications dt { font-weight:700; }
.school-tome-specifications dd { margin:0; }
.school-tome-acquire { min-width:140px; min-height:44px; padding:9px 28px; border:1px solid #ffffff99; border-radius:999px; background:linear-gradient(180deg,#ffffff8a,#ffffff16); box-shadow:inset 0 0 4px 2px #ffffffa8,0 1px 3px #0005; color:inherit; font:700 clamp(16px,1.2vw,18px)/1.2 Arial,sans-serif; cursor:pointer; transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s; }
.school-tome-acquire:hover { transform:translateY(-4px); box-shadow:inset 0 0 4px 2px #ffffffb3,0 6px 20px #ffd99742; }
.school-tome-acquire:focus-visible { outline:2px solid #fff; outline-offset:4px; }
.school-tome-economia { --ray:#650526; background:radial-gradient(ellipse at 100% 49%,#9c3937 0,#7a2727 25%,transparent 61%),#020202; }
.school-tome-economia .school-tome-acquire { color:#3e0004; }
.school-tome-juventud { --ray:#b45c8e; background:radial-gradient(ellipse at 100% 49%,#bc7b91 0,#bd93a2 26%,transparent 61%),#e7d9bc; color:#111; padding-left:55%; padding-top:23.8vw; }
.school-tome-juventud .school-tome-title { left:41%; top:4.3vw; color:#7d1755; }
.school-tome-juventud .school-tome-title small { color:#000; }
.school-tome-juventud .school-tome-acquire { color:#7d1755; background:linear-gradient(180deg,#fff9,#fff3); }
.school-tome-juventud .school-tome-specifications { color:#3c2850; }
@media(max-width:1100px) {
 .school-tome-section { min-height:720px; padding-bottom:45px; }
}
@media(max-width:700px) {
 .available-tomes-section { min-height:0; padding:0 6% 40px; }
 .available-tomes-art { position:relative; height:80vw; margin:0 -6%; overflow:hidden; }
 .available-cover { width:86%; }.available-cover-0 { left:-12%; }.available-cover-1 { left:6%; top:7%; }.available-cover-2 { left:24%; top:12%; }
 .available-tomes-frame { width:100%; min-height:0; margin:0; padding:28px 20px 16px; background:#ffffffd9; }
 .available-tomes-frame::before { display:none; }
 .available-tomes-frame h2 { font-size:clamp(34px,8vw,55px); line-height:1; letter-spacing:-.05em; }
 .available-tomes-frame h2 strong { font-size:clamp(34px,9vw,58px); }
 .available-tomes-frame h2 span { margin-left:0; }
 .available-tomes-copy { margin:20px 0 0; width:100%; font-size:16px; line-height:1.5; }
 .available-summary { margin-bottom:24px; }.available-summary strong { font-size:17px; }
 .school-tome-section,.school-tome-juventud { display:flex; flex-direction:column; min-height:0; padding:38px 7% 44px; }
 .school-tome-title,.school-tome-juventud .school-tome-title { position:relative; inset:auto; order:0; font-size:clamp(38px,10vw,70px); }
 .school-tome-title small { font-size:22px; margin-bottom:12px; }
 .school-tome-cover { position:relative; inset:auto; width:116%; margin:24px -8% 12px; order:1; }
 .school-tome-copy { order:2; }
 .school-tome-copy h3 { font-size:20px; margin-bottom:14px; }
 .school-tome-review { font-size:16px; line-height:1.55; }
 .school-tome-review p,.school-tome-review p:first-child { margin-bottom:20px; }
 .school-tome-specifications { font-size:14px; line-height:1.5; margin:24px 0; }
 .school-tome-acquire { font-size:16px; padding:9px 28px; min-height:44px; }
 .tome-rays { height:650px; }
}
