html{scroll-behavior:smooth}
::selection{background:#773c36;color:#fbf6ec}
h1,h2,h3{text-wrap:balance}
p{text-wrap:pretty}
:where(a,button,select,input,[tabindex]):focus-visible{outline:2px solid #b8894a;outline-offset:3px;border-radius:6px}

#inicio.hero{background:radial-gradient(circle at 20% 0%,#3a2c22,#1d1814 60%);color:#f3eadb;border-radius:0 0 28px 28px;padding-block:56px!important;max-width:none!important;padding-inline:max(30px,calc((100vw - 1220px)/2))!important}
#inicio h1{color:#f6ecdc!important}
#inicio h1 em{color:#d6b478!important}
#inicio :is(.hero-copy,.eyebrow,.hero-editorial-note span,.hero-social-mark span:not(.hero-social-icon)){color:#cdbfa8!important}
#inicio .hero-social-line{background:#6b5636}
#inicio .text-link{color:#e2c58e!important}
#inicio .hero-actions a.primary,#inicio .hero-actions a.primary *{background:#d6b478!important;color:#1d1814!important;border-color:#d6b478!important}
#inicio .hero-actions a.primary:hover{background:#e6c88f!important}
#inicio .hero-art{box-shadow:0 0 0 1px #6b5636,0 40px 80px -30px #000}
@media (max-width:700px){#inicio.hero{padding-inline:18px!important;padding-block:36px!important;border-radius:0 0 20px 20px}}

.hero>[data-reveal]{opacity:1;transform:translateY(10px);transition:transform .5s cubic-bezier(.2,.7,.2,1)!important;transition-delay:0s!important}
.hero>[data-reveal].is-visible{transform:none}

.author-card img{filter:sepia(.38) saturate(.82) contrast(1.04) brightness(.97);transition:filter .5s ease,transform .6s cubic-bezier(.2,.7,.2,1)}
.country-card img{filter:sepia(.38) saturate(.82) contrast(1.04) brightness(.97);border-radius:6px;box-shadow:0 6px 14px -8px rgba(32,27,23,.5);transition:filter .4s}
.country-card:hover img{filter:sepia(.12) saturate(1) contrast(1.06)}
.author-card:hover img,.author-card:focus-visible img{filter:sepia(.12) saturate(1) contrast(1.06);transform:scale(1.035)}

#catalogo .card{box-shadow:0 1px 2px rgba(32,27,23,.05),0 8px 24px -14px rgba(32,27,23,.22);display:flex;flex-direction:column}
#catalogo .card:hover{box-shadow:0 2px 4px rgba(32,27,23,.06),0 22px 40px -18px rgba(32,27,23,.35);transform:translateY(-3px)}
#catalogo .card .cover{overflow:hidden}
#catalogo .card .cover-art{transition:transform .7s cubic-bezier(.2,.7,.2,1)}
#catalogo .card:hover .cover-art{transform:scale(1.04)}
#catalogo .card .card-info{flex:1;display:flex;flex-direction:column}
#catalogo .card .price-row{margin-top:auto}

.edition-note{font-size:10.5px;line-height:1.45;color:#7d6f60}
.category{color:#7a6a55}
.announcement span{font-size:10px}
.brand-name small{font-size:7.5px}
.nav-menu-group small,.hero-editorial .eyebrow,.hero-editorial-note span,.era-label,.author-card-copy small,.movement-card small,.category{font-size:10px}
body:not(.theme-dark) :is(.section-intro,.catalog-count,.wishlist-empty){color:#62574b}
.price{font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:-.01em}
.price-row .cost{color:#7d6f60}

.section-top .eyebrow{display:inline-flex;align-items:center;gap:10px}
.section-top .eyebrow::before{content:'';width:22px;height:1px;background:#b8894a}

.reading-path,.benefit-grid>*,.mood-card,.country-card{border-radius:10px;position:relative;overflow:hidden;transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s,border-color .3s}
.reading-path::before,.benefit-grid>*::before{content:'';position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,#b8894a,#773c36);transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.reading-path:hover::before,.benefit-grid>*:hover::before{transform:scaleX(1)}
.reading-path:hover,.benefit-grid>*:hover,.mood-card:hover,.country-card:hover{transform:translateY(-3px);border-color:#c9a978;box-shadow:0 16px 32px -20px rgba(32,27,23,.4)}

.mood-icon{width:42px;height:42px;font-size:20px;border-color:#d8c3a0;background:radial-gradient(circle at 30% 30%,#fffaf1,#f1e6d4);filter:grayscale(1) sepia(.75) saturate(1.3) brightness(.92);transition:filter .3s,transform .3s}
.mood-card:hover .mood-icon,.mood-card.active .mood-icon{filter:none;transform:scale(1.06)}
.mood-card.active{border-color:#773c36;box-shadow:inset 0 0 0 1px #773c36}

.wishlist-panel{border-radius:10px;border-style:dashed}

.catalog-card-hidden{display:none!important}
.catalog-more{display:block;margin:34px auto 0;padding:13px 28px;border:1px solid #773c36;border-radius:999px;background:transparent;color:#773c36;font:600 14px 'DM Sans',sans-serif;cursor:pointer;transition:background .2s,color .2s}
.catalog-more:hover{background:#773c36;color:#fbf6ec}
.catalog-more[hidden]{display:none}
.theme-dark .catalog-more{border-color:#e2c58e;color:#e2c58e}
.theme-dark .catalog-more:hover{background:#e2c58e;color:#211b17}

#cartCount{margin-left:.3em}
#favoritesBtn{font-size:15px;line-height:1}
#favoritesBtn #favoritesCount{font-size:12px;margin-left:.2em}

@media (min-width:701px){
  body:not(.ambient-open) .music-player,body:not(.ambient-open) .reading-tools{display:none!important}
  .ambient-disclosure{display:block;position:fixed;right:18px;bottom:18px;z-index:52;padding:10px 16px;border:1px solid #b89965;background:#2a211bee;color:#f2e3c7;border-radius:22px;font:12px 'DM Sans',sans-serif;box-shadow:0 4px 16px #20180f30;cursor:pointer}
  body.ambient-open .music-player{bottom:66px}
  .view-cart .ambient-disclosure{display:none}
  .back-to-top{bottom:68px!important}
  body.ambient-open .back-to-top{bottom:162px!important}
}

:is(#paises,#rutas-lectura,#catalogo,#beneficios-lectura,#frases){background-image:linear-gradient(90deg,transparent,#cdb88f 50%,transparent);background-repeat:no-repeat;background-size:min(1100px,88%) 1px;background-position:top center}
@media (min-width:900px){
  #storefront>:is(#autores,#paises,#movimientos,#rutas-lectura,#catalogo,#beneficios-lectura,#frases){padding-block:52px}
}
body>footer{border-top:1px solid #6b5636;padding-top:44px;padding-bottom:40px}
body>footer a{text-underline-offset:3px;transition:color .2s}
body>footer a:hover{color:#e2c58e}

body .music-player{width:min(360px,calc(100vw - 28px))!important;padding:16px 18px 12px!important;border-radius:18px!important;border:1px solid #6b5636!important;background:radial-gradient(circle at 0 0,#3a2c22,#1d1814 70%)!important;box-shadow:0 24px 50px -20px #000,inset 0 1px 0 #ffffff10!important;gap:10px}
body .music-player .music-top{display:grid!important;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;width:100%}
body .music-player .music-disc{width:44px!important;height:44px!important;font-size:18px!important;color:#1d1814;background:radial-gradient(circle,#e6c88f 0 22%,#2a211b 23% 30%,#b8894a 31% 100%)!important;border:0!important;box-shadow:0 0 0 1px #6b5636}
body .music-player:has(#playMusic[aria-pressed="true"]) .music-disc{animation:tch-spin 5s linear infinite}
@keyframes tch-spin{to{transform:rotate(360deg)}}
body .music-player .music-copy small{font-size:10px!important;letter-spacing:.14em;text-transform:uppercase;color:#d6b478!important}
body .music-player #trackName{font-size:15px!important;line-height:1.25;color:#f6ecdc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body .music-player .music-more{grid-column:1/-1;order:3;width:100%}
body .music-player #trackSelect{width:100%!important;max-width:none!important;height:34px!important;padding:0 10px;font:13px 'DM Sans',sans-serif!important;color:#eadfcd;background:#2a211b!important;border:1px solid #5b4b3a;border-radius:10px}
body .music-player .music-controls{display:flex;align-items:center;gap:6px}
body .music-player .music-controls button{width:32px!important;height:32px!important;font-size:16px!important;color:#eadfcd;border:1px solid #5b4b3a!important;background:transparent!important;transition:background .2s,border-color .2s}
body .music-player .music-controls button:hover{border-color:#d6b478!important;color:#d6b478}
body .music-player #playMusic{width:42px!important;height:42px!important;font-size:15px!important;color:#1d1814!important;background:#d6b478!important;border-color:#d6b478!important}
body .music-player #playMusic:hover{background:#e6c88f!important;color:#1d1814!important}
body .music-player .music-credit{font-size:10.5px!important;line-height:1.5;color:#a8977f!important;margin:0}
body .music-player .music-credit a{color:#cdbfa8}
body .music-player .music-settings-toggle{font-size:12px!important;color:#e2c58e!important;align-self:flex-start;padding:2px 0;text-decoration:underline;text-underline-offset:3px}
body .reading-tools{border-radius:14px!important;border-color:#6b5636!important;background:#1d1814ee!important;padding:8px 10px!important;gap:8px!important}
body .reading-tools .reading-tools-label{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#d6b478}
body .reading-tools button{border-radius:999px!important;padding:7px 12px!important;font-size:12px!important;border:1px solid #5b4b3a!important;background:transparent!important;color:#eadfcd!important}
body .reading-tools button[aria-pressed="true"]{background:#d6b478!important;color:#1d1814!important;border-color:#d6b478!important}
@media (max-width:700px){body.ambient-open .music-player{bottom:124px!important;right:14px!important}}
@media (min-width:701px){body.ambient-open .music-player{bottom:72px}body.ambient-open .back-to-top{bottom:276px!important}}

.img-fade{opacity:0;transition:opacity .5s ease}
.img-fade.img-loaded{opacity:1}
.bg-pending{opacity:0;transition:opacity .6s ease}
.bg-pending.bg-ready{opacity:1}
@keyframes tch-shimmer{from{background-position:-200% 0}to{background-position:200% 0}}
:is(.cover,.cart-thumb):has(>.bg-pending:not(.bg-ready)),.author-card:has(>img.img-fade:not(.img-loaded)){background-image:linear-gradient(100deg,transparent 30%,#ffffff14 50%,transparent 70%);background-size:200% 100%;animation:tch-shimmer 1.4s linear infinite}

@media (max-width:700px){
  body>header{transition:transform .3s ease}
  body.header-hidden>header{transform:translateY(-100%)}
}

.whatsapp-quick{color:#1f7a4d!important;border-color:#bfd9c9!important}
.whatsapp-quick:hover{background:#eaf5ee!important}
@media (max-width:700px){
  .header-actions .whatsapp-quick{display:inline-flex!important;padding:0!important;width:36px;height:36px;min-height:36px;justify-content:center;align-items:center;border-radius:50%!important}
  .header-actions .whatsapp-quick span{display:none}
  .header-actions .whatsapp-quick svg{width:18px;height:18px}
}
.book-contact-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin:14px 0 4px}
.book-contact-row .share-book{margin:0}
.ask-book{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;background:#1f7a4d;color:#fff!important;font:600 13px 'DM Sans',sans-serif;text-decoration:none;box-shadow:0 8px 18px -10px #1f7a4d;transition:background .2s,transform .2s}
.ask-book::before{content:'';width:16px;height:16px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M4 20l1.3-3.9A8 8 0 1 1 8 18.8L4 20z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M4 20l1.3-3.9A8 8 0 1 1 8 18.8L4 20z'/%3E%3C/svg%3E") center/contain no-repeat}
.ask-book:hover{background:#18633e;transform:translateY(-1px)}

.view-cart form :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea){font-family:'DM Sans',sans-serif!important;font-size:16px!important;min-height:46px;border-radius:10px!important;border:1px solid #d6c7ae!important;background-color:#fffdf8!important;padding-inline:14px!important;transition:border-color .2s,box-shadow .2s}
.view-cart form select{appearance:none;-webkit-appearance:none;padding-right:38px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23773c36' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 12px center!important;background-size:18px!important}
.view-cart form :is(input,select,textarea):focus{outline:none!important;border-color:#b8894a!important;box-shadow:0 0 0 3px #b8894a33!important}

.share-book{display:inline-flex;align-items:center;gap:8px;margin:14px 0 4px;padding:0;border:0;background:none;color:#773c36;font:600 13px 'DM Sans',sans-serif;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.share-book::before{content:'↗';display:inline-grid;place-items:center;width:26px;height:26px;border:1px solid currentColor;border-radius:50%;text-decoration:none;font-size:12px}
.theme-dark .share-book{color:#e2c58e}

.catalog-tools-toggle{display:none}
@media (min-width:701px){
  #catalogo .catalog-tools{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;align-items:center}
  #catalogo .catalog-tools #catalogCount{grid-column:1/-1;justify-self:end}
}
#catalogo .catalog-tools select{width:100%!important;min-width:0;height:42px;padding:0 34px 0 12px!important;font:14px 'DM Sans',sans-serif!important;color:#3a2f27;border:1px solid #d6c7ae!important;border-radius:10px!important;background:#fffdf8 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23773c36' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center/16px!important;appearance:none;-webkit-appearance:none;text-overflow:ellipsis;cursor:pointer;transition:border-color .2s,box-shadow .2s}
#catalogo .catalog-tools select:hover{border-color:#b8894a!important}
#catalogo .catalog-tools select:focus{outline:none;border-color:#b8894a!important;box-shadow:0 0 0 3px #b8894a33}
.theme-dark #catalogo .catalog-tools select{background-color:#2a211b!important;color:#eadfcd;border-color:#5b4b3a!important}
@media (max-width:700px){
  #filters{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin-inline:-16px;padding-inline:16px;mask-image:linear-gradient(90deg,transparent,#000 16px,#000 calc(100% - 28px),transparent)}
  #filters::-webkit-scrollbar{display:none}
  #filters .filter{flex:0 0 auto;white-space:nowrap}
  .catalog-tools-toggle{display:inline-flex;align-items:center;gap:8px;margin:4px 0 10px;padding:9px 16px;border:1px solid #c9b79c;border-radius:999px;background:#fbf8f2;color:#3a2f27;font:600 13px 'DM Sans',sans-serif}
  .catalog-tools-toggle::before{content:'';width:14px;height:10px;background:linear-gradient(currentColor,currentColor) 0 0/100% 1.5px no-repeat,linear-gradient(currentColor,currentColor) 2px 50%/10px 1.5px no-repeat,linear-gradient(currentColor,currentColor) 4px 100%/6px 1.5px no-repeat}
  .theme-dark .catalog-tools-toggle{background:#2a211b;color:#eadfcd;border-color:#5b4b3a}
  #catalogo .catalog-tools:not(.is-open)>:is(select,label){display:none}
  #catalogo .catalog-tools.is-open{display:grid!important;grid-template-columns:1fr 1fr;gap:8px}
  #catalogo .catalog-tools.is-open #catalogCount{grid-column:1/-1}
}

@media (max-width:560px){
  #catalogo .card .book-edition,#catalogo .card .edition-note{display:none}
  #catalogo .card .book-description{display:-webkit-box!important;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-height:1.55;min-height:0!important;max-height:4.65em!important;padding-bottom:0}
  #catalogo .card .edition-compare{display:inline-block;margin:6px 0 2px;font-size:12px}
}

@media (max-width:480px){
  #catalogo .card .price-row{flex-wrap:wrap;row-gap:8px}
  #catalogo .card .card-actions{width:100%}
  #catalogo .card .card-actions .buy{flex:1}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .img-fade,.bg-pending,body>header{transition:none}
  .cover,.author-card,.cart-thumb,.country-card{animation:none!important}
  .hero>[data-reveal]{transform:none}
  .author-card img,#catalogo .card,#catalogo .card .cover-art{transition:none}
  .author-card:hover img,#catalogo .card:hover .cover-art{transform:none}
  #catalogo .card:hover{transform:none}
  .reading-path,.benefit-grid>*,.mood-card,.country-card,.reading-path::before,.benefit-grid>*::before{transition:none}
  .reading-path:hover,.benefit-grid>*:hover,.mood-card:hover,.country-card:hover{transform:none}
}