@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=Montserrat:wght@400;500;600&display=swap');

:root{
  --rose:#f8a7c4;--peach:#ffdacf;--cream:#fff9f6;--ink:#33282e;
  --muted:#725f67;--white:#fff;--shadow:0 18px 50px rgba(70,45,55,.12);
}
*{box-sizing:border-box;scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:var(--cream);font-family:Montserrat,Arial,sans-serif;line-height:1.7}
h1,h2,h3,h4{font-family:"Cormorant Garamond",Georgia,serif;line-height:1.1}
a{text-decoration:none;color:inherit}
.site-header{position:fixed;top:0;left:0;right:0;height:76px;display:flex;align-items:center;gap:18px;padding:0 28px;background:rgba(255,249,246,.92);backdrop-filter:blur(12px);z-index:1000;border-bottom:1px solid rgba(120,80,95,.08)}
.menu-toggle{border:0;background:none;font-size:30px;color:#d97b9f;cursor:pointer;width:45px}
.brand{display:flex;align-items:center;gap:12px;font-family:"Cormorant Garamond";font-size:25px;font-weight:700}
.logo-circle{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#f8a7c4,#f4c7d8);border:2px solid white;box-shadow:0 4px 18px rgba(170,90,120,.2);font-family:"Cormorant Garamond";font-weight:700;color:#fff}
.logo-circle.large{width:58px;height:58px;flex:none}
.sidebar{position:fixed;top:0;left:-390px;width:min(360px,88vw);height:100vh;background:#fffaf8;z-index:1200;box-shadow:12px 0 45px rgba(45,30,38,.18);transition:left .35s ease;overflow:auto}
.sidebar.open{left:0}
.overlay{position:fixed;inset:0;background:rgba(30,20,25,.45);z-index:1100;opacity:0;visibility:hidden;transition:.3s}
.overlay.show{opacity:1;visibility:visible}
.sidebar-head{padding:25px 20px 20px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #f1dce4}
.sidebar-head strong{font-family:"Cormorant Garamond";font-size:24px;display:block}
.sidebar-head small{display:block;font-size:11px;color:var(--muted);line-height:1.35}
.close-menu{margin-left:auto;border:0;background:none;font-size:34px;cursor:pointer;color:#9c7180}
.main-nav{padding:15px}
.main-nav>a,.nav-parent{display:flex;width:100%;align-items:center;justify-content:space-between;padding:12px 13px;border-radius:10px;border:0;background:transparent;font:600 14px Montserrat;color:var(--ink);cursor:pointer}
.main-nav>a:hover,.nav-parent:hover{background:var(--peach)}
.submenu{display:none;padding:2px 8px 8px 22px}
.nav-group.open .submenu{display:block}
.submenu a,.submenu-label{display:block;padding:8px 8px;font-size:13px;color:var(--muted)}
.submenu a:hover{color:#c15d88}
.submenu-label{text-transform:uppercase;letter-spacing:1.5px;font-size:10px;color:#b1778f;font-weight:600}
.hero{min-height:92vh;padding:150px 8% 100px;display:flex;align-items:center;background:radial-gradient(circle at 80% 25%,#f9c6d9 0,transparent 30%),linear-gradient(135deg,#fff8f4,#f9e2e9)}
.hero-content{max-width:760px}
.eyebrow{letter-spacing:3px;font-size:11px;font-weight:600;color:#ba6487}
.hero h1{font-size:clamp(48px,7vw,88px);margin:15px 0}
.hero p:not(.eyebrow){font-size:18px;color:var(--muted);max-width:650px}
.btn{display:inline-block;border:0;background:#3e3037;color:#fff;padding:13px 22px;border-radius:30px;font:600 12px Montserrat;cursor:pointer;margin-top:18px;transition:.2s}
.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.btn.secondary{background:var(--rose);color:#3e3037}
.section{padding:105px 8%;scroll-margin-top:75px}
.section.soft{background:#fff}
.section-title{display:flex;align-items:center;gap:16px;margin-bottom:45px}
.section-title span{font-size:11px;letter-spacing:2px;color:#c47998}
.section-title h2{font-size:52px;margin:0}
.card{background:white;border-radius:22px;padding:35px;box-shadow:var(--shadow)}
.canva-placeholder{margin-top:30px;min-height:280px;border:1px dashed #d7a8b9;border-radius:18px;display:grid;place-items:center;text-align:center;padding:30px}
.placeholder-icon{font-size:50px}
.book-tabs{display:flex;gap:8px;margin-bottom:30px}
.tab{border:1px solid #ead2db;background:white;padding:10px 22px;border-radius:25px;cursor:pointer}
.tab.active{background:#3e3037;color:#fff}
.book-panel{display:none;grid-template-columns:minmax(220px,350px) 1fr;gap:55px;align-items:center}
.book-panel.active{display:grid}
.book-cover{aspect-ratio:2/3;border-radius:5px 12px 12px 5px;box-shadow:18px 20px 40px rgba(50,30,40,.2);display:grid;place-items:center;text-align:center;font-family:"Cormorant Garamond";font-size:36px;font-weight:700;padding:25px}
.poetry-cover{background:linear-gradient(150deg,#cda4b4,#f5ddd7);color:#fff}
.story-cover{background:linear-gradient(150deg,#4a3b42,#b98993);color:#fff}
.book-info h3{font-size:55px;margin:5px 0 8px}.price{font-size:25px;font-weight:600;color:#bd6689}
.specs{list-style:none;padding:0;color:var(--muted)}.specs li{padding:7px 0;border-bottom:1px solid #f1e3e8}
.workshops,.content-grid,.secret-grid,.letters{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.workshop-card,.content-card,.secret-grid article,.letters article{padding:30px;border-radius:18px;background:#fff;box-shadow:var(--shadow);scroll-margin-top:90px}
.workshop-card .number,.secret-grid span{font-size:11px;letter-spacing:2px;color:#c27595}
.workshop-card h3,.content-card h3,.secret-grid h3,.letters h3{font-size:30px;margin:12px 0}
.workshop-card strong{display:block;margin-top:25px;color:#bb6586}
.content-card{background:#fff9f6}
.review-layout{display:grid;grid-template-columns:1fr 1fr;gap:50px}
form label{display:block;font-size:12px;font-weight:600;margin:15px 0}input,textarea{width:100%;padding:13px;border:1px solid #e5d1d9;border-radius:10px;background:#fff;font:inherit;margin-top:7px}
fieldset{border:0;padding:0;margin:18px 0}.rating-input{display:flex;gap:3px}.rating-input button{border:0;background:none;font-size:32px;color:#d8c6cc;cursor:pointer}.rating-input button.active{color:#d37b9c}
.review{padding:22px;border-bottom:1px solid #eadde2}.stars{color:#d47a9c;letter-spacing:3px}
.contact-section{background:#3e3037;color:#fff}.contact-section .section-title span{color:#e9a7c1}.contact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.contact-grid a{padding:25px;border:1px solid rgba(255,255,255,.15);border-radius:16px}.contact-grid span{font-size:25px;display:block;color:#f3a8c3}.contact-grid strong,.contact-grid small{display:block}.contact-grid strong{font-family:"Cormorant Garamond";font-size:25px}.contact-grid small{opacity:.75}
footer{text-align:center;padding:25px;font-size:11px;color:#806b73}.top-btn{position:fixed;right:22px;bottom:22px;width:44px;height:44px;border-radius:50%;border:0;background:#f8a7c4;color:#3e3037;font-size:20px;cursor:pointer;opacity:0;pointer-events:none;transition:.2s}.top-btn.show{opacity:1;pointer-events:auto}
@media(max-width:800px){.brand-name{display:none}.section{padding:80px 6%}.section-title h2{font-size:42px}.book-panel.active,.review-layout{grid-template-columns:1fr}.book-cover{max-width:270px;margin:auto}.workshops,.content-grid,.secret-grid,.letters,.contact-grid{grid-template-columns:1fr}.hero{padding-left:7%;padding-right:7%}.hero h1{font-size:54px}.sidebar{width:88vw}}

.logo-circle{overflow:hidden;padding:0;background:#fff}
.logo-circle img{width:100%;height:100%;object-fit:cover;display:block}
.real-cover{padding:0;overflow:hidden;background:#fff}
.real-cover img{width:100%;height:100%;object-fit:cover;display:block}


/* Formularios reales */
.contact-form-card{max-width:760px;margin:0 auto 2.5rem;padding:2rem;border:1px solid rgba(70,50,40,.14);border-radius:18px;background:rgba(255,255,255,.55)}
.contact-form-card form,.review-layout form{display:grid;gap:1rem}
.contact-form-card label,.review-layout label{display:grid;gap:.4rem;font-weight:600}
.contact-form-card input,.contact-form-card textarea,.review-layout input,.review-layout textarea{width:100%;padding:.85rem 1rem;border:1px solid rgba(70,50,40,.22);border-radius:10px;background:#fff;font:inherit;box-sizing:border-box}
.contact-form-card textarea,.review-layout textarea{resize:vertical}
.form-status{min-height:1.4em;margin:0}
.honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.empty-reviews{opacity:.7}
button:disabled{opacity:.65;cursor:wait}

.review h4{margin:.35rem 0 .65rem;font-family:Georgia,serif;font-size:1.08rem}.review small{display:block;margin-top:.7rem}


/* Fondo personalizado de Alma Literaria */
html, body {
    min-height: 100%;
}
body {
    background-image:
        linear-gradient(rgba(25, 15, 55, 0.18), rgba(25, 15, 55, 0.18)),
        url("fondo-alma-literaria.jpg");
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    background-repeat: no-repeat;
}


/* Gestión y pedidos */
.order-card{max-width:760px}
.order-card select{width:100%;padding:.85rem 1rem;border:1px solid rgba(70,50,40,.22);border-radius:10px;background:#fff;font:inherit;box-sizing:border-box;margin-top:.4rem}
.order-total{font-size:1.15rem;padding:1rem;border-radius:12px;background:rgba(248,167,196,.14)}
.management-wrap{max-width:1100px;margin:0 auto}
.management-login{max-width:430px;margin:80px auto;padding:30px;background:#fff;border-radius:18px;box-shadow:var(--shadow)}
.management-table{width:100%;border-collapse:collapse;background:#fff;border-radius:16px;overflow:hidden;box-shadow:var(--shadow)}
.management-table th,.management-table td{padding:12px;border-bottom:1px solid #eee;text-align:left;vertical-align:top}
.management-table th{font-size:12px;text-transform:uppercase;letter-spacing:1px}
.status-select{padding:7px;border:1px solid #e5d1d9;border-radius:8px;background:#fff}
.order-actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:25px}
.order-filter{padding:10px;border:1px solid #e5d1d9;border-radius:9px;background:#fff}
@media(max-width:800px){.management-table{display:block;overflow-x:auto}.management-table th,.management-table td{min-width:150px}}

/* Control automático de stock */
.stock-dashboard{margin:0 0 2rem;padding:1.5rem;border:1px solid rgba(0,0,0,.08);border-radius:18px;background:rgba(255,255,255,.82);box-shadow:0 10px 30px rgba(0,0,0,.05)}
.stock-head{display:flex;justify-content:space-between;gap:2rem;align-items:center;margin-bottom:1.25rem}.stock-head h2{margin:.15rem 0 .5rem}.stock-head p{max-width:720px}.stock-total{min-width:130px;text-align:center;padding:1rem;border-radius:16px;background:#fff}.stock-total strong{display:block;font-size:2.2rem}.stock-total span{font-size:.85rem}.stock-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.stock-card{padding:1.15rem;border-radius:16px;background:#fff;border:1px solid rgba(0,0,0,.07)}.stock-card.stock-low{border-color:#d88b8b}.stock-book{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.15rem 1rem}.stock-book strong{font-size:1.05rem}.stock-book small{grid-column:1}.stock-number{grid-row:1/3;font-size:2rem;font-weight:700}.restock-form{display:flex;align-items:end;gap:.75rem;margin-top:1rem}.restock-form label{flex:1}.restock-form input{width:100%}.restock-form .btn{white-space:nowrap}.stock-warning{margin:.8rem 0 0;font-weight:700}.management-table th,.management-table td{vertical-align:top}.management-table td:nth-child(7){white-space:nowrap;font-weight:600}
@media(max-width:700px){.stock-head{flex-direction:column;align-items:stretch}.stock-total{min-width:0}.stock-grid{grid-template-columns:1fr}.restock-form{flex-direction:column;align-items:stretch}}

.stock-hint{display:block;margin-top:.35rem;font-size:.82rem;opacity:.75}


/* Newsletter · Cartas para el alma */
.newsletter-letters{grid-template-columns:1fr;gap:28px}
.letter-card{position:relative;overflow:hidden;padding:42px 46px!important;background:rgba(255,255,255,.88)!important;border:1px solid rgba(194,117,149,.18);scroll-margin-top:100px}
.letter-card:before{content:"✦";position:absolute;right:28px;top:18px;font-size:24px;color:#c27595;opacity:.55}
.letter-label{display:block;margin-bottom:10px;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#c27595}
.letter-card h3{font-size:38px!important;margin:0 0 12px!important}
.letter-intro{max-width:760px;font-style:italic;color:#806b73;font-size:17px;margin-bottom:24px}
.letter-body{max-width:820px;font-family:Georgia,serif;font-size:17px;line-height:1.9;color:#4b3d43}
.letter-body p{margin:0 0 16px}
.letter-signature{font-style:italic;margin-top:26px!important}
.newsletter-signup{margin-top:32px;padding:32px;border-radius:18px;background:rgba(255,255,255,.78);text-align:center;box-shadow:var(--shadow)}
.newsletter-signup h3{font-family:"Cormorant Garamond";font-size:32px;margin:0 0 8px}
.newsletter-signup p{max-width:680px;margin:0 auto 20px}
.newsletter-signup form{display:flex;max-width:650px;margin:auto;gap:10px}
.newsletter-signup input{margin:0;flex:1}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:700px){.letter-card{padding:30px 24px!important}.letter-card h3{font-size:30px!important}.letter-body{font-size:16px}.newsletter-signup form{flex-direction:column}.newsletter-signup .btn{width:100%}}


/* Escape room literario */
.escape-section{background:linear-gradient(180deg,#fff8fb 0%,#f9eef3 100%)}
.escape-intro{display:flex;justify-content:space-between;gap:30px;align-items:center;max-width:980px;margin:0 auto 25px;padding:34px;border-radius:24px;background:rgba(255,255,255,.82);box-shadow:var(--shadow);border:1px solid rgba(194,117,149,.16)}
.escape-intro h3{font-family:"Cormorant Garamond";font-size:34px;margin:5px 0 12px;max-width:760px}.escape-intro p{max-width:760px}
.escape-badge{width:90px;height:90px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;border:1px solid #e6c4d2;font-size:34px;flex-shrink:0}.escape-badge span{font:12px Georgia,serif;letter-spacing:1px;margin-top:4px}
.escape-progress{max-width:980px;margin:0 auto 20px;display:flex;align-items:center;gap:14px}.escape-progress>div{height:9px;background:#eadde2;border-radius:99px;flex:1;overflow:hidden}.escape-progress span{display:block;height:100%;width:0;background:#c27595;border-radius:99px;transition:width .4s ease}.escape-progress strong{font-size:12px;letter-spacing:1px;white-space:nowrap}
.escape-game{max-width:980px;margin:auto}.escape-card{background:rgba(255,255,255,.9);border:1px solid rgba(194,117,149,.2);border-radius:22px;padding:38px;box-shadow:var(--shadow);display:none}.escape-card.active{display:block;animation:escapeIn .35s ease}.escape-number{display:block;text-transform:uppercase;letter-spacing:2px;font-size:11px;color:#c27595;margin-bottom:10px}.escape-card h3{font-family:"Cormorant Garamond";font-size:38px;margin:0 0 15px}.escape-card p{line-height:1.75}.escape-hint{font-size:14px;font-style:italic;color:#806b73}.escape-card label{display:block;font-weight:700;margin:24px 0 7px}.escape-answer-row{display:flex;gap:10px}.escape-answer-row input{flex:1;margin:0}.escape-answer-row .btn{white-space:nowrap}.escape-feedback{min-height:24px;margin:12px 0 0!important;font-weight:700}.escape-feedback.ok{color:#557a61}.escape-feedback.bad{color:#a34f62}.escape-finish{text-align:center}.escape-finish blockquote{font-family:"Cormorant Garamond";font-size:28px;line-height:1.4;margin:25px auto;max-width:720px;padding:25px;border-left:3px solid #c27595;background:rgba(248,167,196,.1)}
@keyframes escapeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(max-width:700px){.escape-intro{padding:26px;flex-direction:column;align-items:flex-start}.escape-badge{width:75px;height:75px}.escape-intro h3{font-size:29px}.escape-card{padding:26px}.escape-card h3{font-size:31px}.escape-answer-row{flex-direction:column}.escape-answer-row .btn{width:100%}.escape-progress{align-items:flex-start;flex-direction:column}.escape-progress>div{width:100%;flex:auto}}


/* Sopas de letras · pistas encadenadas */
.word-search-layout{display:grid;grid-template-columns:minmax(300px,560px) 1fr;gap:28px;align-items:start;margin-top:22px}
.word-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:4px;padding:12px;background:rgba(255,255,255,.72);border:1px solid #ead2db;border-radius:18px;box-shadow:var(--shadow)}
.word-cell{aspect-ratio:1;border:1px solid #ecdce2;border-radius:7px;background:#fff;color:var(--ink);font:600 clamp(12px,2vw,17px) Montserrat;cursor:pointer;transition:.15s;padding:0}
.word-cell:hover{transform:scale(1.05);background:#fff0f5}
.word-cell.word-start{outline:3px solid #d37b9c;background:#ffe2ec}
.word-cell.word-found{background:#f8a7c4;color:#3e3037;border-color:#d989a8;animation:wordPop .2s ease-out}
.word-search-side{padding:22px;border-radius:18px;background:rgba(255,255,255,.72);border:1px solid #ead2db}
.word-search-side h4{font-family:"Cormorant Garamond";font-size:30px;margin:0 0 10px}
.word-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.word-list li{padding:7px 9px;border-radius:9px;background:#fff;font-size:12px;font-weight:600;transition:.2s}
.word-list li.found{text-decoration:line-through;opacity:.45;background:#f8e8ee}
@keyframes wordPop{from{transform:scale(.85)}to{transform:scale(1)}}
@media(max-width:850px){.word-search-layout{grid-template-columns:1fr}.word-grid{gap:2px;padding:7px}.word-cell{border-radius:4px}.word-list{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.word-list{grid-template-columns:1fr}.word-grid{gap:1px;padding:5px}}


/* Ranking */
.ranking-section{position:relative}
.ranking-intro{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:28px;padding:30px;border-radius:22px;background:rgba(255,255,255,.72);border:1px solid #ead2db;box-shadow:var(--shadow)}
.ranking-intro h3{font-family:"Cormorant Garamond";font-size:clamp(28px,4vw,42px);margin:6px 0 10px}
.ranking-trophy{font-size:72px;line-height:1;filter:drop-shadow(0 8px 12px rgba(80,40,50,.12))}
.ranking-board{background:rgba(255,255,255,.8);border:1px solid #ead2db;border-radius:22px;padding:24px;box-shadow:var(--shadow)}
.ranking-board-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}
.ranking-board-head h3{font-family:"Cormorant Garamond";font-size:32px;margin:0}
.ranking-table-wrap{overflow-x:auto}
.ranking-table{width:100%;border-collapse:collapse;min-width:560px}
.ranking-table th,.ranking-table td{text-align:left;padding:13px 12px;border-bottom:1px solid #eee1e6}
.ranking-table th{font-size:11px;text-transform:uppercase;letter-spacing:.12em;opacity:.7}
.ranking-table td{font-size:14px}
.ranking-table tr.leader td{background:#fff7fa}
.ranking-table tr.leader td:first-child{border-radius:12px 0 0 12px}
.ranking-table tr.leader td:last-child{border-radius:0 12px 12px 0}
.rank-medal{font-size:22px}
.ranking-empty{text-align:center!important;padding:30px!important;opacity:.65}
.ranking-note{font-size:11px;opacity:.6;margin:16px 0 0}
@media(max-width:600px){
  .ranking-intro{padding:22px}.ranking-trophy{font-size:50px}.ranking-board{padding:16px}
  .ranking-board-head{align-items:flex-start;flex-direction:column}
}

.ranking-note{opacity:.7}


/* Nivel y XP */
.player-level-card{padding:28px;border-radius:22px;background:rgba(255,255,255,.82);border:1px solid #ead2db;box-shadow:var(--shadow)}
.player-level-main{display:flex;align-items:center;gap:18px}
.player-avatar{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:#f8e8ee;border:1px solid #e4bdcb;font-size:28px}
.player-level-main h3{font-family:"Cormorant Garamond";font-size:34px;margin:4px 0}
.player-level-main p{margin:3px 0;opacity:.75}
.xp-progress{margin-top:24px}
.xp-progress-track{height:13px;border-radius:999px;background:#f0e4e8;overflow:hidden}
.xp-progress-track span{display:block;height:100%;width:0;border-radius:999px;background:#c9789b;transition:width .5s ease}
.xp-progress-meta{display:flex;justify-content:space-between;font-size:11px;margin-top:7px;opacity:.65}
.player-level-stats{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.player-level-stats span{padding:8px 12px;border-radius:999px;background:#fff7fa;border:1px solid #eedce3;font-size:12px}

/* Portfolio editorial */
.portfolio-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:30px;margin-bottom:26px}
.portfolio-copy,.portfolio-cover{border:1px solid #ead2db;border-radius:24px;box-shadow:var(--shadow)}
.portfolio-copy{padding:34px;background:rgba(255,255,255,.82)}
.portfolio-copy h3{font-family:"Cormorant Garamond";font-size:clamp(34px,5vw,54px);line-height:.98;margin:8px 0 16px}
.portfolio-copy>p:not(.eyebrow){font-size:16px;line-height:1.7}
.portfolio-tags{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}
.portfolio-tags span{padding:7px 12px;border-radius:999px;background:#fff4f7;border:1px solid #edd5de;font-size:11px}
.portfolio-cover{padding:16px;background:#f3e2e7;display:grid;place-items:center}
.portfolio-cover-inner{width:100%;min-height:295px;border:1px solid rgba(90,50,60,.2);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(145deg,#fff9fa,#ead0d9)}
.portfolio-cover-inner span,.portfolio-cover-inner small{font-size:10px;letter-spacing:.16em}
.portfolio-cover-inner strong{font-family:"Cormorant Garamond";font-size:54px;line-height:.82;margin:35px 0}
.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.portfolio-grid article{padding:24px;border-radius:18px;background:rgba(255,255,255,.72);border:1px solid #ead2db}
.portfolio-grid h3{font-family:"Cormorant Garamond";font-size:28px;margin:0 0 10px}
.portfolio-grid p{font-size:13px;line-height:1.65;margin:0}
.portfolio-quote{margin:28px 0 0;padding:25px 30px;border-left:4px solid #c9789b;background:#fff7fa;border-radius:0 16px 16px 0;font-family:"Cormorant Garamond";font-size:28px}
@media(max-width:800px){.portfolio-hero,.portfolio-grid{grid-template-columns:1fr}.portfolio-cover-inner{min-height:245px}.portfolio-cover-inner strong{font-size:46px}}

/* Libro: Afrontando el destino */
.book-feature{display:grid;grid-template-columns:minmax(260px,420px) 1fr;gap:36px;align-items:start}
.book-cover-display{padding:14px;background:#f2dfe5;border:1px solid #ead2db;border-radius:24px;box-shadow:var(--shadow)}
.book-cover-display img{display:block;width:100%;height:auto;border-radius:14px}
.book-info{padding:30px;border:1px solid #ead2db;border-radius:24px;background:rgba(255,255,255,.82);box-shadow:var(--shadow)}
.book-info h3{font-family:"Cormorant Garamond";font-size:clamp(40px,5vw,64px);line-height:.92;margin:5px 0 4px}
.book-author{font-size:14px;letter-spacing:.05em;margin:0 0 22px;opacity:.75}
.book-facts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0 26px}
.book-facts div{padding:12px 14px;border-radius:12px;background:#fff7fa;border:1px solid #eedce3}
.book-facts span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.12em;opacity:.6;margin-bottom:4px}
.book-facts strong{font-size:12px}
.book-info h4{font-family:"Cormorant Garamond";font-size:30px;margin:0 0 8px}
.book-info p:not(.eyebrow):not(.book-author){font-size:13px;line-height:1.7}
@media(max-width:800px){.book-feature{grid-template-columns:1fr}.book-cover-display{max-width:480px;margin:auto}.book-facts{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.book-facts{grid-template-columns:1fr}}

/* Prensa */
.press-feature{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr);gap:30px;align-items:center}
.press-image-wrap{padding:12px;border:1px solid #ead2db;border-radius:24px;background:rgba(255,255,255,.82);box-shadow:var(--shadow);overflow:hidden}
.press-image-wrap img{display:block;width:100%;height:auto;border-radius:15px}
.press-copy{padding:30px;border:1px solid #ead2db;border-radius:24px;background:rgba(255,255,255,.82);box-shadow:var(--shadow)}
.press-copy h3{font-family:"Cormorant Garamond";font-size:clamp(32px,4vw,48px);line-height:.98;margin:8px 0 16px}
.press-copy p:not(.eyebrow):not(.press-note){font-size:13px;line-height:1.7}
.press-highlight{margin:20px 0;padding:15px 18px;border-left:4px solid #c9789b;background:#fff7fa;border-radius:0 13px 13px 0;font-family:"Cormorant Garamond";font-size:24px}
.press-note{font-size:11px;opacity:.6}
@media(max-width:850px){.press-feature{grid-template-columns:1fr}.press-copy{padding:24px}}