:root {
    --inicio-tinta: #402819;
    --inicio-texto: #695342;
    --inicio-cobre: #8d581f;
    --inicio-cobre-oscuro: #633c1c;
    --inicio-crema: #fffaf2;
    --inicio-papel: #fffdf9;
    --inicio-linea: #e7c99f;
    --inicio-sombra: 0 14px 34px rgba(72, 43, 19, .09);
}

.inicio-page,
.inicio-page * { box-sizing: border-box; }

.inicio-page {
    width: min(1320px, calc(100% - 32px));
    margin: 24px auto 50px;
    color: var(--inicio-tinta);
}

.inicio-page img { max-width: 100%; }
.inicio-page a { color: inherit; }

.inicio-hero,
.inicio-puertas,
.inicio-novedades,
.inicio-descubrir,
.inicio-manifiesto,
.inicio-perspectiva {
    border: 1px solid var(--inicio-linea);
    border-radius: 20px;
    background: rgba(255, 255, 255, .97);
    box-shadow: var(--inicio-sombra);
}

.inicio-etiqueta,
.inicio-kicker,
.inicio-puerta-tipo {
    color: #815421;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.inicio-hero {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.42fr) minmax(310px, .58fr);
    gap: 30px;
    min-height: 400px;
    overflow: hidden;
    padding: 32px 38px;
    background: linear-gradient(128deg, rgba(255,255,255,.99), rgba(251,243,230,.97));
}

.inicio-hero::before {
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 75% 45%, rgba(174,116,48,.12), transparent 32%);
    content: "";
    pointer-events: none;
}

.inicio-hero-copy,
.inicio-archivo { position: relative; z-index: 1; }
.inicio-hero-copy { align-self: center; transform: translateY(-18px); }
.inicio-kicker { display: inline-block; padding: 6px 11px; border-radius: 999px; background: #f1d9b5; }
.inicio-supra { margin: 0 0 6px!important; color: #9a672f!important; font-size: 12px!important; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.inicio-hero h1 { display: block!important; max-width: 760px; margin: 0; color: #392316; font: 700 clamp(40px,4.05vw,56px)/.96 Georgia,serif; letter-spacing: -.045em; }
.inicio-hero h1 .inicio-titulo-marca,
.inicio-hero h1 .inicio-titulo-lema { display: block!important; }
.inicio-hero h1 .inicio-titulo-lema { margin-top: 10px!important; font-size: clamp(30px,3vw,42px)!important; line-height: 1.04!important; letter-spacing: -.035em; }
.inicio-entradilla { max-width: 720px; margin: 16px 0 0!important; color: var(--inicio-texto)!important; font-size: 16px!important; line-height: 1.55; }
.inicio-acciones { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 18px; }
.inicio-boton { display: inline-flex; align-items: center; justify-content: center; gap: 14px; min-height: 42px; padding: 10px 17px; border: 1px solid var(--inicio-cobre); border-radius: 999px; color: #69431d; font-size: 12px; font-weight: 800; text-decoration: none; transition: .2s ease; }
.inicio-boton:hover { transform: translateY(-2px); box-shadow: 0 7px 15px rgba(94,58,20,.13); }
.inicio-page .inicio-boton-principal { background: #71471c; color: #fff; }

.inicio-archivo { align-self: center; min-height: 318px; overflow: hidden; padding: 16px 16px 15px; border: 1px solid #d7ad78; border-radius: 17px; background: linear-gradient(145deg,#56341c,#754c27); box-shadow: 0 20px 36px rgba(54,31,14,.21); }
.inicio-archivo::before { position: absolute; right: -25px; bottom: -42px; width: 150px; height: 150px; background: url('https://letraconletra.com/catalogo/img/otros/icon_libros.png') center/contain no-repeat; content: ""; opacity: .08; filter: brightness(2.2) sepia(1); pointer-events: none; transform: rotate(-10deg); }
.inicio-archivo > * { position: relative; z-index: 1; }
.inicio-portadas { position: relative; height: 228px; margin: 0 0 7px; }
.inicio-portada { position: absolute; width: 101px; margin: 0; padding: 6px; background: #f8f0e4; box-shadow: 0 13px 22px rgba(30,16,7,.34); transition: transform .25s ease; }
.inicio-portada img { display: block; width: 100%; height: 181px; object-fit: cover; background: #eadbc8; }
.inicio-portada figcaption { display: none; }
.inicio-portada-1 { left: -1%; top: 40px; z-index: 1; transform: rotate(-12deg); }
.inicio-portada-2 { left: 17%; top: 18px; z-index: 2; transform: rotate(-6deg); }
.inicio-portada-3 { left: 34%; top: 2px; z-index: 5; transform: rotate(1deg); }
.inicio-portada-4 { right: 16%; top: 20px; z-index: 3; transform: rotate(7deg); }
.inicio-portada-5 { right: -1%; top: 42px; z-index: 1; transform: rotate(13deg); }
.inicio-archivo:hover .inicio-portada-1 { transform: translateX(-4px) rotate(-14deg); }
.inicio-archivo:hover .inicio-portada-2 { transform: translate(-2px,-4px) rotate(-7deg); }
.inicio-archivo:hover .inicio-portada-3 { transform: translateY(-6px) rotate(0); }
.inicio-archivo:hover .inicio-portada-4 { transform: translate(2px,-4px) rotate(8deg); }
.inicio-archivo:hover .inicio-portada-5 { transform: translateX(4px) rotate(15deg); }
.inicio-archivo > p { margin: 0!important; color: #f0ddc5!important; text-align: center; }
.inicio-archivo > p strong { display: block; color: #fff; font: 700 16px Georgia,serif; }
.inicio-archivo > p span { display: block; margin-top: 3px; font-size: 9px; }

.inicio-cifras { display: grid; grid-template-columns: repeat(4,1fr); margin-top: 14px; overflow: hidden; border: 1px solid var(--inicio-linea); border-radius: 14px; background: var(--inicio-linea); }
.inicio-cifras article { padding: 15px 20px; background: var(--inicio-crema); }
.inicio-cifra { position: relative; min-height: 76px; overflow: hidden; isolation: isolate; }
.inicio-cifra::after { position: absolute; left: 130px; top: 50%; z-index: -1; width: 78px; height: 68px; background-position: center; background-repeat: no-repeat; background-size: contain; content: ""; opacity: .19; transform: translateY(-50%) rotate(-8deg); transition: opacity .2s ease, transform .2s ease; }
.inicio-cifra:hover::after { opacity: .27; transform: translateY(-50%) rotate(-3deg) scale(1.05); }
.inicio-cifra-colecciones::after { background-image: url('https://letraconletra.com/catalogo/img/otros/icon_colecciones.png'); }
.inicio-cifra-documentos::after { background-image: url('https://letraconletra.com/catalogo/img/otros/icon_libros.png'); }
.inicio-cifra-portadas::after { background-image: url('https://letraconletra.com/catalogo/img/otros/icon_portada.png'); }
.inicio-cifra-personas::after { background-image: url('https://letraconletra.com/catalogo/img/otros/icon_persona.png'); }
.inicio-cifras strong { display: block; color: #50321d; font: 700 25px Georgia,serif; }
.inicio-cifras span { display: block; margin-top: 3px; color: #7c654f; font-size: 10px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }

.inicio-puertas,
.inicio-novedades,
.inicio-descubrir,
.inicio-manifiesto,
.inicio-perspectiva { margin-top: 18px; padding: 30px 34px; }

.inicio-cabecera-seccion { display: block; margin-bottom: 22px; }
.inicio-cabecera-seccion h2,
.inicio-profundidad h2,
.inicio-manifiesto h2,
.inicio-cierre h2 { margin: 6px 0 0; color: #3e2718; font: 700 clamp(28px,2.8vw,38px)/1.08 Georgia,serif; letter-spacing: -.025em; }
.inicio-cabecera-seccion > p { max-width: 820px; margin: 9px 0 0!important; color: #735d4b!important; font-size: 14px!important; line-height: 1.55; }
.inicio-cabecera-lineal { position: relative; display: block; padding-right: 150px; }
.inicio-cabecera-lineal > a { position: absolute; top: 12px; right: 0; color: #70481f; font-size: 12px; font-weight: 800; text-decoration: none; }

.inicio-puertas { overflow: hidden; }
.inicio-puertas-grid { display: grid; grid-template-columns: 1.12fr .94fr .94fr; border-top: 1px solid #e8d2b4; }
.inicio-puerta { position: relative; min-width: 0; padding: 24px 23px 5px; }
.inicio-puerta + .inicio-puerta { border-left: 1px solid #e8d2b4; }
.inicio-puerta-numero { display: none; }
.inicio-puerta-tipo { margin: 0 0 21px!important; }
.inicio-puerta h3 { max-width: 280px; margin: 0; color: #432a18; font: 700 29px/1.05 Georgia,serif; }
.inicio-puerta > p:not(.inicio-puerta-tipo) { min-height: 66px; margin: 10px 0 15px!important; color: #755e4b!important; font-size: 13px!important; line-height: 1.55; }
.inicio-puerta-principal { margin: 18px 0 0; padding: 26px; border-radius: 14px 14px 0 0; background: linear-gradient(145deg,#54321b,#754c27); color: #fff; }
.inicio-puerta-principal .inicio-puerta-numero,
.inicio-puerta-principal .inicio-puerta-tipo { color: #e2c096; }
.inicio-puerta-principal h3 { color: #fff; }
.inicio-puerta-principal h3 { max-width: none; white-space: nowrap; }
.inicio-puerta-archivo h3 { max-width: none; font-size: 27px; white-space: nowrap; }
.inicio-puerta-principal > p:not(.inicio-puerta-tipo) { color: #eddcca!important; }
.inicio-puerta nav { display: flex; flex-wrap: wrap; gap: 7px; }
.inicio-puerta-portadas { display: grid; grid-template-columns: repeat(5,1fr); gap: 4px; height: 112px; margin: 5px 0 13px; overflow: hidden; border: 4px solid rgba(255,255,255,.15); border-radius: 10px; background: #352014; }
.inicio-puerta-portadas img { display: block; width: 100%; height: 112px; object-fit: cover; }
.inicio-puerta-datos { display: flex; flex-wrap: wrap; gap: 6px 14px; margin: 0 0 13px; color: #ead6c1; font-size: 10px; text-transform: uppercase; }
.inicio-puerta-datos strong { color: #fff; font: 700 14px Georgia,serif; }
.inicio-puerta-datos-claro { margin-top: -3px; color: #846b54; }
.inicio-puerta-datos-claro strong { color: #56351f; }
.inicio-puerta nav a { padding: 8px 11px; border: 1px solid rgba(255,255,255,.4); border-radius: 999px; font-size: 11px; font-weight: 800; text-decoration: none; }
.inicio-puerta-enlaces { display: grid; gap: 7px; }
.inicio-puerta-enlaces a { padding: 10px 12px; border-left: 3px solid #b78347; background: #fff8ee; text-decoration: none; }
.inicio-puerta-enlaces strong,
.inicio-puerta-enlaces span { display: block; }
.inicio-puerta-enlaces strong { font: 700 16px Georgia,serif; }
.inicio-puerta-enlaces span { margin-top: 3px; color: #856b54; font-size: 11px; }
.inicio-mini-destacado { display: grid; grid-template-columns: 92px 1fr; grid-template-rows: auto auto auto; column-gap: 12px; padding: 10px; border-radius: 12px; background: #efe0c8; text-decoration: none; }
.inicio-mini-destacado img { grid-row: 1/-1; width: 92px; height: 78px; border-radius: 8px; object-fit: cover; }
.inicio-mini-destacado span,
.inicio-mini-destacado strong,
.inicio-mini-destacado i { display: block; }
.inicio-mini-destacado span { color: #91622d; font-size: 10px; font-weight: 800; text-transform: uppercase; }
.inicio-mini-destacado strong { margin-top: 4px; font: 700 21px Georgia,serif; }
.inicio-mini-destacado i { margin-top: 7px; color: #70481f; font-size: 11px; font-style: normal; font-weight: 800; }
.inicio-enlace-texto { display: inline-block; margin-top: 10px; color: #71481d!important; font-size: 12px; font-weight: 800; text-decoration: none; }

.inicio-colecciones { display: grid; grid-template-columns: 1.35fr 1fr 1fr; gap: 10px; }
.inicio-coleccion { display: grid; grid-template-columns: 86px minmax(0,1fr); gap: 12px; min-height: 142px; padding: 11px; border: 1px solid #e5cba8; border-radius: 12px; background: #fffaf3; }
.inicio-coleccion:not(.inicio-coleccion-destacada) { grid-template-columns: 94px minmax(0,1fr); }
.inicio-coleccion-destacada { grid-row: span 2; grid-template-columns: minmax(175px,1.08fr) minmax(0,.92fr); min-height: 294px; background: linear-gradient(145deg,#58351d,#784e29); color: #fff; }
.inicio-coleccion-imagen { display: block; align-self: center; overflow: hidden; border-radius: 7px; background: #ecdeca; }
.inicio-coleccion-imagen img { display: block; width: 100%; height: 150px; object-fit: cover; transition: transform .25s ease; }
.inicio-coleccion-destacada .inicio-coleccion-imagen { align-self: stretch; }
.inicio-coleccion-destacada .inicio-coleccion-imagen img { height: 100%; min-height: 272px; object-fit: contain; background: #3f2617; }
.inicio-coleccion:hover img { transform: scale(1.025); }
.inicio-coleccion > div { align-self: center; min-width: 0; }
.inicio-coleccion > div > span { color: #9a6a34; font-size: 10px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.inicio-coleccion h3 { margin: 5px 0 0; font: 700 17px/1.15 Georgia,serif; }
.inicio-coleccion h3 a { text-decoration: none; }
.inicio-coleccion p { margin: 7px 0 0!important; color: #78624e!important; font-size: 11px!important; }
.inicio-coleccion-ficha { display: flex; flex-wrap: wrap; gap: 3px 0; line-height: 1.35; }
.inicio-coleccion-ficha > * { display: inline-flex; align-items: center; color: inherit; text-decoration: none; }
.inicio-coleccion-ficha > * + *::before { margin: 0 5px; content: "·"; opacity: .65; }
.inicio-coleccion-ficha a { font-weight: 800; text-decoration: none; text-underline-offset: 2px; }
.inicio-coleccion-ficha a:hover,.inicio-coleccion-ficha a:focus-visible { text-decoration: underline; text-decoration-thickness: 1px; }
.inicio-coleccion-destacada > div { padding: 0 8px 0 4px; }
.inicio-coleccion-destacada > div > span,
.inicio-coleccion-destacada p { color: #e5c69e!important; }
.inicio-coleccion-destacada h3 { color: #fff; font-size: 21px; }
.inicio-coleccion-destacada .inicio-enlace-texto { color: #fff!important; }
.inicio-destacada-ficha { display: grid; gap: 5px; margin: 15px 0 0; }
.inicio-destacada-ficha div { display: grid; grid-template-columns: 54px minmax(0,1fr); gap: 7px; align-items: baseline; padding-bottom: 4px; border-bottom: 1px solid rgba(255,255,255,.15); }
.inicio-destacada-ficha dt { color: #dcb98c; font-size: 8px; font-weight: 900; letter-spacing: .07em; text-transform: uppercase; }
.inicio-destacada-ficha dd { min-width: 0; margin: 0; color: #fff4e6; font-size: 11px; line-height: 1.25; }
.inicio-destacada-ficha a { color: inherit; font-weight: 800; text-decoration: none; text-underline-offset: 2px; }
.inicio-destacada-ficha a:hover,.inicio-destacada-ficha a:focus-visible { text-decoration: underline; text-decoration-thickness: 1px; }
.inicio-destacada-datos { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 5px; margin-top: 12px; }
.inicio-destacada-datos > span { position: relative; min-width: 0; min-height: 55px; overflow: hidden; padding: 8px 5px; border: 1px solid rgba(255,255,255,.18); border-radius: 9px; background: rgba(255,255,255,.075); }
.inicio-destacada-datos strong,.inicio-destacada-datos em { position: relative; z-index: 1; display: block; }
.inicio-destacada-datos strong { color: #fff; font: 700 18px Georgia,serif; }
.inicio-destacada-datos em { margin-top: 2px; color: #dfc5a4; font-size: 8px; font-style: normal; font-weight: 800; text-transform: uppercase; }

.inicio-profundidad { position: relative; margin-top: 18px; overflow: hidden; padding: 30px 34px; border-radius: 20px; background: linear-gradient(120deg,#4e2e1a,#754925); color: #fff; box-shadow: var(--inicio-sombra); }
.inicio-profundidad > *:not(.inicio-cabeceras-fondo) { position: relative; z-index: 2; }
.inicio-cabeceras-fondo { position: absolute; inset: -28px -34px; z-index: 0; display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); grid-template-rows: repeat(5,minmax(0,1fr)); opacity: .105; filter: sepia(.28) saturate(.78); pointer-events: none; }
.inicio-cabeceras-fondo::after { position: absolute; inset: -2px; z-index: 2; background: radial-gradient(ellipse at center,rgba(82,48,26,.12),rgba(82,48,26,.48) 78%,rgba(82,48,26,.7)),linear-gradient(180deg,rgba(82,48,26,.16),transparent 22%,transparent 78%,rgba(82,48,26,.28)); content: ""; }
.inicio-cabeceras-fondo img { align-self: center; justify-self: center; width: 112%; height: 112%; border: 5px solid #f7e6cc; background: #f3dfc3; object-fit: contain; box-shadow: 0 12px 25px rgba(0,0,0,.28); }
.inicio-cabeceras-fondo img:nth-child(4n+1) { transform: translate(-5px,3px) rotate(-6deg) scale(1.04); }
.inicio-cabeceras-fondo img:nth-child(4n+2) { transform: translate(5px,-4px) rotate(4deg) scale(.98); }
.inicio-cabeceras-fondo img:nth-child(4n+3) { transform: translate(-2px,-2px) rotate(-2deg) scale(1.07); }
.inicio-cabeceras-fondo img:nth-child(4n) { transform: translate(4px,5px) rotate(7deg) scale(1.02); }
.inicio-cabeceras-fondo img:nth-child(7n) { transform: translate(-7px,-3px) rotate(-9deg) scale(1.1); }
.inicio-profundidad .inicio-etiqueta { color: #e2bd8e; }
.inicio-profundidad h2 { color: #fff; }
.inicio-profundidad-copy > p { max-width: 920px; margin: 10px 0 0!important; color: #ead8c8!important; font-size: 14px!important; line-height: 1.6; }
.inicio-profundidad-resumen { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 17px; }
.inicio-profundidad-resumen span { padding: 8px 11px; border: 1px solid rgba(255,255,255,.27); border-radius: 999px; color: #ead8c8; font-size: 11px; text-transform: uppercase; }
.inicio-profundidad-resumen strong { color: #fff; font: 700 15px Georgia,serif; }
.inicio-cabeceras-grid { display: grid; grid-template-columns: repeat(5,1fr); gap: 10px; margin-top: 22px; }
.inicio-cabecera-card { min-width: 0; padding: 10px; border-radius: 12px; background: #fff7eb; color: #4b2e1c!important; text-decoration: none; transition: transform .2s ease; }
.inicio-cabecera-card:hover { transform: translateY(-3px); }
.inicio-cabecera-card figure { height: 112px; margin: 0 0 10px; overflow: hidden; border-radius: 8px; background: #ead9c2; }
.inicio-cabecera-card img { display: block; width: 100%; height: 100%; object-fit: contain; }
.inicio-cabecera-card span,
.inicio-cabecera-card strong,
.inicio-cabecera-card em { display: block; }
.inicio-cabecera-card span { color: #94612d; font-size: 10px; font-weight: 800; text-transform: uppercase; }
.inicio-cabecera-card strong { overflow: hidden; margin-top: 4px; font: 700 17px/1.15 Georgia,serif; text-overflow: ellipsis; white-space: nowrap; }
.inicio-cabecera-card em { margin-top: 8px; color: #835222; font-size: 11px; font-style: normal; font-weight: 800; }
.inicio-profundidad-pie { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 18px; }
.inicio-profundidad ul { display: flex; flex-wrap: wrap; gap: 7px; margin: 0; padding: 0; list-style: none; }
.inicio-profundidad li { padding: 8px 11px; border: 1px solid rgba(255,255,255,.25); border-radius: 999px; color: #f3e4d5; font-size: 11px; }
.inicio-boton-claro { border-color: #e1bd92; color: #fff; }

.inicio-libros { display: grid; grid-template-columns: repeat(5,1fr); gap: 12px; }
.inicio-libros article { min-width: 0; }
.inicio-libro-portada { position: relative; display: block; overflow: hidden; border-radius: 10px; background: #eee0ce; box-shadow: 0 8px 17px rgba(67,39,15,.11); }
.inicio-libro-portada img { display: block; width: 100%; aspect-ratio: 2/3; object-fit: cover; transition: .25s ease; }
.inicio-libro-portada span { position: absolute; right: 8px; bottom: 8px; left: 8px; padding: 7px; border-radius: 999px; background: rgba(63,38,18,.88); color: #fff; font-size: 10px; font-weight: 800; text-align: center; opacity: 0; transform: translateY(5px); transition: .2s ease; }
.inicio-libro-portada:hover img { transform: scale(1.025); filter: brightness(.83); }
.inicio-libro-portada:hover span { opacity: 1; transform: none; }
.inicio-libros article > p { overflow: hidden; margin: 9px 0 3px!important; color: #9a6d3c!important; font-size: 10px!important; font-weight: 800; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; }
.inicio-libros h3 { margin: 0; font: 700 16px/1.22 Georgia,serif; }
.inicio-libros h3 a { text-decoration: none; }

.inicio-manifiesto { position: relative; overflow: hidden; background: linear-gradient(135deg,rgba(255,253,249,.98),rgba(251,241,226,.96)); }
.inicio-manifiesto::after { position: absolute; right: 25px; bottom: -28px; width: 175px; height: 175px; background: url('https://letraconletra.com/catalogo/img/otros/icon_libros.png') center/contain no-repeat; content: ""; opacity: .055; pointer-events: none; transform: rotate(-9deg); }
.inicio-manifiesto > * { position: relative; z-index: 1; }
.inicio-manifiesto > header { display: block; padding-bottom: 17px; border-bottom: 1px solid #e7d1b2; }
.inicio-manifiesto > header > p { max-width: 840px; margin: 9px 0 0!important; color: #755f4e!important; font-size: 14px!important; line-height: 1.55; }
.inicio-manifiesto-apertura { margin-top: 18px; padding-left: 20px; border-left: 4px solid #a66d30; }
.inicio-manifiesto-apertura p,
.inicio-manifiesto-contenido p { margin: 0!important; color: #5e4939!important; font-size: 16px!important; line-height: 1.72; }
.inicio-manifiesto-contenido { max-height: 0; overflow: hidden; transition: max-height .45s ease, margin-top .45s ease; }
.inicio-manifiesto-contenido.is-open { max-height: 900px; margin-top: 14px; }
.inicio-manifiesto-contenido p + p { margin-top: 13px!important; }
.inicio-leer { display: flex; align-items: center; gap: 11px; margin: 16px 0 0 24px; padding: 9px 15px; border: 1px solid #c9a16f; border-radius: 999px; background: #fffaf3; color: #68431f; font-size: 12px; font-weight: 800; cursor: pointer; }
.inicio-leer i { font-size: 13px; font-style: normal; }

.inicio-perspectiva { position: relative; overflow: hidden; }
.inicio-perspectiva::after { position: absolute; right: -15px; bottom: -25px; width: 430px; height: 190px; background-image: url('https://letraconletra.com/catalogo/img/otros/icon_relacion.png'),url('https://letraconletra.com/catalogo/img/otros/icon_persona.png'),url('https://letraconletra.com/catalogo/img/otros/icon_entidad.png'); background-position: left bottom,center top,right bottom; background-repeat: no-repeat; background-size: 145px 125px,130px 130px,130px 130px; content: ""; opacity: .035; pointer-events: none; }
.inicio-perspectiva > * { position: relative; z-index: 1; }
.inicio-perspectiva-grid { display: grid; grid-template-columns: repeat(4,1fr); overflow: hidden; border: 1px solid #e4cba9; border-radius: 13px; background: #e4cba9; }
.inicio-perspectiva-subtitulo { margin: 0 0 8px; color: #8a5925; font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.inicio-perspectiva-subtitulo-personas { margin-top: 16px; }
.inicio-perspectiva-grid article { min-width: 0; padding: 15px; background: #fffaf3; }
.inicio-perspectiva-grid span,
.inicio-perspectiva-grid strong,
.inicio-perspectiva-grid a { display: block; }
.inicio-perspectiva-grid span { color: #956530; font-size: 10px; font-weight: 800; text-transform: uppercase; }
.inicio-perspectiva-grid strong { margin-top: 10px; font: 700 20px Georgia,serif; }
.inicio-perspectiva-grid a { overflow: hidden; margin-top: 4px; color: #775229; font-size: 12px; font-weight: 700; text-overflow: ellipsis; text-decoration: none; white-space: nowrap; }
.inicio-roles { display: grid; grid-template-columns: repeat(4,1fr); gap: 8px; margin-top: 8px; }
.inicio-roles a { display: grid; grid-template-columns: 1fr auto; gap: 4px 8px; padding: 11px 13px; border-left: 3px solid #a97437; background: #f7ecdc; text-decoration: none; }
.inicio-roles span { grid-column: 1/-1; color: #94622c; font-size: 10px; font-weight: 800; text-transform: uppercase; }
.inicio-roles strong { overflow: hidden; font: 700 15px Georgia,serif; text-overflow: ellipsis; white-space: nowrap; }
.inicio-roles em { color: #806951; font-size: 10px; font-style: normal; }

.inicio-cierre { display: flex; align-items: center; justify-content: space-between; gap: 34px; margin-top: 18px; padding: 28px 34px; border-radius: 20px; background: linear-gradient(120deg,#53311b,#754a26); color: #fff; box-shadow: var(--inicio-sombra); }
.inicio-cierre .inicio-etiqueta { color: #e5c398; }
.inicio-cierre h2 { max-width: 760px; color: #fff; }
.inicio-cierre p { margin: 8px 0 0!important; color: #ead9ca!important; font-size: 13px!important; }
.inicio-cierre > a { flex: 0 0 auto; padding: 11px 15px; border: 1px solid rgba(255,255,255,.5); border-radius: 999px; font-size: 12px; font-weight: 800; text-decoration: none; }
.inicio-subir { position: fixed; right: 26px; bottom: 26px; z-index: 80; display: flex; width: 50px; height: 50px; align-items: center; justify-content: center; border: 1px solid rgba(255,255,255,.28); border-radius: 50%; background: #65401f; color: #fff; font: 700 22px Georgia,serif; box-shadow: 0 7px 18px rgba(43,25,12,.3); cursor: pointer; opacity: 0; pointer-events: none; transform: translateY(12px); transition: opacity .2s ease,transform .2s ease,background .2s ease; }
.inicio-subir:hover { background: #815526; }
.inicio-subir.is-visible { opacity: 1; pointer-events: auto; transform: none; }

@media (max-width: 1050px) {
    .inicio-hero { grid-template-columns: 1fr; min-height: 0; padding: 30px; }
    .inicio-hero-copy { transform: none; }
    .inicio-archivo { width: min(500px,100%); margin: auto; }
    .inicio-puertas-grid { grid-template-columns: 1fr 1fr; }
    .inicio-puerta-principal { grid-column: 1/-1; margin-top: 0; border-radius: 14px; }
    .inicio-puerta-archivo { border-left: 0!important; }
    .inicio-colecciones { grid-template-columns: 1fr 1fr; }
    .inicio-coleccion-destacada { grid-row: auto; grid-column: 1/-1; grid-template-columns: 190px 1fr; min-height: 210px; }
    .inicio-coleccion-destacada .inicio-coleccion-imagen img { height: 100%; min-height: 188px; }
    .inicio-cabeceras-grid { grid-template-columns: repeat(3,1fr); }
    .inicio-profundidad-pie { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 800px) {
    .inicio-cifras,
    .inicio-perspectiva-grid,
    .inicio-roles { grid-template-columns: 1fr 1fr; }
    .inicio-cabecera-seccion,
    .inicio-manifiesto > header { grid-template-columns: 1fr; gap: 12px; }
    .inicio-libros { grid-template-columns: repeat(3,1fr); }
    .inicio-libros article:nth-child(n+4) { display: none; }
    .inicio-cabeceras-grid { grid-template-columns: 1fr 1fr; }
    .inicio-cierre { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 650px) {
    .inicio-page { width: calc(100% - 18px); margin-top: 14px; }
    .inicio-hero { padding: 24px 20px; }
    .inicio-hero h1 { font-size: 38px; }
    .inicio-archivo { min-height: 294px; }
    .inicio-portadas { height: 210px; }
    .inicio-portada { width: 88px; }
    .inicio-portada img { height: 165px; }
    .inicio-portada-1 { top: 38px; }
    .inicio-subir { right: 15px; bottom: 15px; width: 45px; height: 45px; }
    .inicio-portada-2 { top: 18px; }
    .inicio-portada-3 { top: 3px; }
    .inicio-portada-4 { top: 20px; }
    .inicio-portada-5 { top: 40px; }
    .inicio-puertas,
    .inicio-novedades,
    .inicio-descubrir,
    .inicio-manifiesto,
    .inicio-perspectiva,
    .inicio-profundidad,
    .inicio-cierre { padding: 25px 20px; }
    .inicio-puertas-grid,
    .inicio-colecciones { grid-template-columns: 1fr; }
    .inicio-puerta-principal { grid-column: auto; }
    .inicio-puerta-principal h3 { white-space: normal; }
    .inicio-puerta-archivo h3 { white-space: normal; }
    .inicio-puerta-portadas,
    .inicio-puerta-portadas img { height: 92px; }
    .inicio-puerta + .inicio-puerta { border-top: 1px solid #e8d2b4; border-left: 0; }
    .inicio-puerta > p:not(.inicio-puerta-tipo) { min-height: 0; }
    .inicio-coleccion-destacada { grid-column: auto; grid-template-columns: 105px 1fr; min-height: 165px; }
    .inicio-coleccion-destacada .inicio-coleccion-imagen img { height: 100%; min-height: 143px; }
    .inicio-cabecera-lineal { display: flex; align-items: flex-start; flex-direction: column; gap: 12px; padding-right: 0; }
    .inicio-cabecera-lineal > a { position: static; }
}

@media (max-width: 450px) {
    .inicio-page { width: calc(100% - 12px); }
    .inicio-hero,
    .inicio-puertas,
    .inicio-novedades,
    .inicio-descubrir,
    .inicio-manifiesto,
    .inicio-perspectiva,
    .inicio-profundidad,
    .inicio-cierre { border-radius: 14px; }
    .inicio-hero h1 { font-size: 34px; }
    .inicio-acciones { align-items: stretch; flex-direction: column; }
    .inicio-portada { width: 76px; }
    .inicio-portada img { height: 150px; }
    .inicio-cifras,
    .inicio-perspectiva-grid,
    .inicio-roles { grid-template-columns: 1fr; }
    .inicio-coleccion,
    .inicio-coleccion-destacada { grid-template-columns: 92px 1fr; }
    .inicio-libros { gap: 8px; }
    .inicio-libros h3 { font-size: 12px; }
    .inicio-cabeceras-grid { grid-template-columns: 1fr; }
    .inicio-cabecera-card { display: grid; grid-template-columns: 110px 1fr; gap: 3px 12px; }
    .inicio-cabecera-card figure { grid-row: 1/4; height: 88px; margin: 0; }
}