:root{color-scheme:light;--azul:#3168b2;--oscuro:#173a6b;--texto:#23374c;--gris:#536779;--borde:#dce5ee;--fondo:#f4f7fb}
*{box-sizing:border-box}body{margin:0;background:var(--fondo);color:var(--texto);font-family:Arial,Helvetica,sans-serif;line-height:1.55}a{color:var(--azul);text-underline-offset:3px}a:focus-visible,input:focus-visible{outline:3px solid #efb942;outline-offset:4px}[hidden]{display:none!important}.skip{position:absolute;left:20px;top:-100px;background:white;padding:10px;z-index:2}.skip:focus{top:12px}.cabecera{background:white;border-bottom:3px solid var(--azul);min-height:112px;padding:22px max(24px,calc((100% - 1140px)/2));display:flex;gap:22px;align-items:center;justify-content:space-between}.cabecera>a:last-child{font-size:14px}.marca{font-size:30px;font-weight:800;color:var(--oscuro);text-decoration:none;line-height:1.1}.marca span{display:block;font-size:12px;font-weight:400;letter-spacing:.09em;margin-top:9px;color:var(--gris);text-transform:uppercase}main{max-width:1190px;padding:36px 25px 56px;margin:auto}.intro{margin-bottom:32px;max-width:760px}.etiqueta{text-transform:uppercase;letter-spacing:.13em;font-size:12px;font-weight:700;color:var(--azul);margin:0 0 10px}h1{font-size:clamp(28px,4vw,43px);line-height:1.16;letter-spacing:-.025em;color:var(--oscuro);margin:0 0 16px;overflow-wrap:anywhere}.intro>p{margin:0 0 20px}.intro label{display:block;margin:22px 0 8px;font-size:14px;font-weight:700}input{width:100%;border:1px solid #aebfd0;border-radius:9px;background:white;padding:14px 16px;color:var(--texto);font:inherit}#recuento{font-size:13px;color:var(--gris);margin:10px 0 0}.rejilla{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:25px 22px}.tarjeta{background:white;border:1px solid var(--borde);border-radius:12px;padding:15px;min-width:0;box-shadow:0 3px 10px #16345508}.tarjeta>a{color:var(--oscuro);text-decoration:none}.tarjeta>a:hover h2{text-decoration:underline;text-underline-offset:3px}.tarjeta img{width:100%;height:215px;object-fit:contain;display:block;margin:0 auto 16px}.tarjeta h2{font-size:17px;line-height:1.27;margin:0 0 7px;overflow-wrap:anywhere}.tarjeta p{margin:0}.autor{font-size:14px;line-height:1.35}.datos{font-size:12px;color:var(--gris);padding-top:10px}nav{font-size:13px;color:var(--gris);margin:0 0 27px;overflow-wrap:anywhere}.ficha{display:grid;grid-template-columns:340px minmax(0,1fr);gap:56px;align-items:start;background:white;border:1px solid var(--borde);border-radius:18px;padding:40px}.cubierta{padding:0}.cubierta img{width:100%;height:auto;max-height:560px;object-fit:contain;display:block;filter:drop-shadow(0 9px 12px #173a6b23)}.autor-grande{font-size:21px;margin:0 0 26px;color:var(--gris);overflow-wrap:anywhere}dl{margin:0 0 24px}dl div{display:grid;grid-template-columns:145px 1fr;gap:14px;padding:9px 0;border-bottom:1px solid #e7edf3}dt{font-size:13px;color:var(--gris)}dd{margin:0;font-size:14px;overflow-wrap:anywhere}.presentacion{color:var(--gris);font-size:15px;line-height:1.6;margin-bottom:25px}.boton{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:49px;background:var(--azul);color:white;text-decoration:none;font-size:16px;font-weight:700;border-radius:9px;padding:12px 22px}.boton:hover{background:#24538f}.nota{font-size:12px;color:var(--gris);margin:10px 0 24px}.volver{font-size:14px}.texto{max-width:740px;background:white;border:1px solid var(--borde);border-radius:15px;padding:40px}.texto p{line-height:1.75}footer{max-width:1140px;margin:0 auto;padding:25px;border-top:1px solid var(--borde);color:var(--gris);font-size:12px}
@media(max-width:1000px){.rejilla{grid-template-columns:repeat(4,minmax(0,1fr))}.ficha{grid-template-columns:270px minmax(0,1fr);gap:32px;padding:30px}}
@media(max-width:750px){.rejilla{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 14px}.tarjeta{padding:12px}.tarjeta img{height:180px}.ficha{grid-template-columns:220px minmax(0,1fr);gap:25px;padding:24px}dl div{grid-template-columns:110px 1fr}.cabecera{padding:20px 24px}}
@media(max-width:590px){.cabecera{min-height:98px;padding:18px;align-items:center}.marca{font-size:26px}.cabecera>a:last-child{max-width:115px;font-size:12px;text-align:right}main{padding:27px 17px 40px}.rejilla{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 12px}.tarjeta img{height:190px}.tarjeta h2{font-size:16px}.ficha{grid-template-columns:1fr;padding:24px 20px;gap:28px}.cubierta img{max-width:245px;max-height:370px;margin:auto}.autor-grande{font-size:19px}.contenido-ficha h1{font-size:30px}.boton{width:100%}.texto{padding:28px 23px}dl div{grid-template-columns:120px 1fr}.tarjeta .autor{font-size:13px}}
@media(prefers-reduced-motion:no-preference){a{transition:color .15s,background .15s}}