
/* Dos cuadros fotográficos, en continuidad con el recuadro del inicio. */
.books-two-grid{gap:26px;align-items:start}.book-photo-tile{border:1px solid #d5dfdc;border-top:2px solid #c6a56c;border-radius:24px;background:#fafaf7;box-shadow:none;overflow:hidden}
.book-photo-tile .book-complete{border:0}.book-photo-tile .book-complete>.book-photo-panel{position:relative;isolation:isolate;display:block;aspect-ratio:1.28;min-height:350px;padding:0;overflow:hidden;list-style:none;color:#fff}
.book-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 38%;z-index:-2;transition:transform .4s ease}.book-photo-panel:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#102e3b10 5%,#102e3b05 30%,#102e3b88 60%,#102e3bf5 100%)}.book-photo-badge{position:absolute;top:24px;left:26px;display:inline-block;background:#f9f7ef;color:#123b5c;border:1px solid #deceb0;padding:6px 11px;border-radius:30px;font-size:8px;letter-spacing:.08em;font-weight:600}
.book-photo-content{position:absolute;bottom:26px;left:26px;right:26px;display:block}.book-photo-title{display:block;color:#fff;font-size:clamp(25px,2.7vw,34px);line-height:1.18;letter-spacing:-.035em;font-weight:700;max-width:460px;text-shadow:0 1px 6px #09202e66;margin-bottom:24px}
.book-photo-tile .book-complete>summary .book-photo-action{display:flex;justify-content:space-between;align-items:center;background:#f8faf5;color:#123b5c;padding:15px 20px;border-radius:40px;font-size:12px;font-weight:600;line-height:1.4}.book-photo-tile .book-complete>summary .book-photo-action>span{font-size:17px;transform:none}.book-photo-tile .book-complete[open]>summary .book-photo-action>span{transform:rotate(90deg)}.book-photo-panel:hover .book-scene{transform:scale(1.025)}
.book-photo-tile .book-expanded{background:#fff;padding:34px 32px;border-top:1px solid #d7e2df}.book-photo-tile .book-expanded h3{font-size:25px;color:#123b5c;margin-bottom:17px}.book-photo-tile .book-expanded>p{font-size:14px;line-height:1.9;margin:0 0 19px;color:#405d6e}.book-photo-tile .book-expanded .book-section-label{color:#087e7a;font-size:9px;letter-spacing:.15em}.book-photo-tile .book-expanded .book-official-subtitle{font-size:15px;color:#087e7a;margin-bottom:25px}
.book-photo-tile .book-official{background:transparent;border-left:3px solid #c6a56c;border-radius:0;padding:6px 0 6px 19px;margin:32px 0}.book-photo-tile .book-official h3{font-size:18px;margin-bottom:14px}.book-photo-tile .book-official-lines{font-size:13px;line-height:1.65;margin:0;color:#123b5c}.book-photo-tile .book-official-lines strong{font-weight:600}
.book-photo-tile .book-person{padding:25px 0 10px}.book-photo-tile .book-person-heading{gap:18px;margin-bottom:17px}.book-photo-tile .book-person-heading img{width:82px;height:82px}.book-photo-tile .book-person-heading h4{font-size:18px;letter-spacing:-.02em}.book-photo-tile .book-person p{font-size:14px;line-height:1.85;color:#405d6e}.book-photo-tile .book-people>h3{font-size:23px}
@media(max-width:760px){.book-photo-tile{border-radius:22px}.book-photo-tile .book-complete>.book-photo-panel{aspect-ratio:1.1;min-height:330px}.book-photo-badge{top:20px;left:22px}.book-photo-content{bottom:22px;left:22px;right:22px}.book-photo-title{font-size:28px;margin-bottom:20px}.book-photo-tile .book-expanded{padding:28px 22px}.book-photo-tile .book-official{padding-left:12px}.book-photo-tile .book-official-lines{font-size:11px;line-height:1.75}.book-photo-tile .book-person-heading img{width:68px;height:68px}.book-photo-tile .book-person-heading h4{font-size:17px}}
@media(prefers-reduced-motion:reduce){.book-scene{transition:none}.book-photo-panel:hover .book-scene{transform:none}}

.book-photo-tile .book-complete>summary span{transform:none}
.book-photo-tile .book-complete>summary .book-photo-badge{font-size:8px}
.book-photo-tile .book-complete>summary .book-photo-title{font-size:34px;line-height:1.18}
.book-photo-tile .book-complete[open]>summary .book-photo-action>span{transform:rotate(90deg)}
@media(max-width:760px){.book-photo-tile .book-complete>summary .book-photo-title{font-size:28px}}
