@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@600;700&display=swap');

:root {
  --forest: #73724b;
  --forest-deep: #1a1a1a;
  --leaf: #a3a06b;
  --terra: #c16330;
  --terra-dark: #9f4e25;
  --cream: #f7f4ed;
  --sand: #fbf6ed;
  --ink: #1a1a1a;
  --muted: #6f6257;
  --line: #ded2c6;
  --white: #ffffff;
  --sun: #dda66e;
  --aqua: #f1eadc;
  --shadow: 0 18px 55px rgba(83, 57, 39, .1);
  --radius: 20px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--cream);
  color: var(--ink);
  font-family: "DM Sans", system-ui, sans-serif;
  font-size: 16px;
  line-height: 1.65;
}
a { color: inherit; }
img { display: block; max-width: 100%; }
button, input, textarea { font: inherit; }
.skip-link { position: absolute; left: -999px; }
.skip-link:focus { left: 1rem; top: 1rem; z-index: 100; background: white; padding: .6rem 1rem; }
.wrap { width: min(1160px, calc(100% - 40px)); margin: auto; }
.announcement { background: linear-gradient(90deg, #f0dfd0, #f7ebdf 52%, #ead8c6); color: #70401f; padding: .62rem 1rem; text-align: center; font-size: .84rem; font-weight:600; letter-spacing: .02em; }
.site-header { background: rgba(247,244,237,.97); border-bottom: 1px solid rgba(193,99,48,.16); position: sticky; top: 0; z-index: 20; backdrop-filter: blur(14px); box-shadow: 0 5px 22px rgba(83,57,39,.055); }
.nav { min-height: 76px; display: flex; align-items: center; gap: 2rem; }
.brand { display: inline-flex; align-items: center; gap: .65rem; text-decoration: none; color: var(--forest-deep); font-family: "Playfair Display", Georgia, serif; font-weight: 700; font-size: 1.65rem; }
.brand-mark { width: 35px; height: 35px; border-radius: 50% 50% 50% 10%; background: var(--terra); display: grid; place-items: center; color: white; font-family: "DM Sans"; font-size: .85rem; transform: rotate(-8deg); }
.brand-mark span { transform: rotate(8deg); }
.nav-links { display: flex; align-items: center; gap: 1.05rem; margin-left: auto; }
.nav-links a { position: relative; text-decoration: none; font-weight: 600; font-size: .9rem; color: #736456; transition: color .2s ease; }
.nav-links a:hover, .nav-links a[aria-current="page"] { color: var(--terra); }
.nav-links a[aria-current="page"]::after { content: ""; position: absolute; left: 0; right: 0; bottom: -.55rem; height: 3px; border-radius: 99px; background: linear-gradient(90deg,var(--terra),#e9a266); }
.menu-toggle { display: none; margin-left: auto; border: 1px solid var(--line); background: white; border-radius: 10px; padding: .55rem .75rem; color: var(--forest); }
.hero { min-height: 620px; display: grid; align-items: center; background: linear-gradient(90deg, rgba(255,254,250,.98) 0%, rgba(255,254,250,.91) 40%, rgba(255,254,250,.12) 67%), url('./uvilia-cocina-editorial.png') center/cover; }
.hero-copy { max-width: 620px; padding: 5.6rem 0; }
.eyebrow { color: var(--terra-dark); text-transform: uppercase; letter-spacing: .15em; font-size: .76rem; font-weight: 800; }
h1, h2, h3 { font-family: "Playfair Display", Georgia, serif; color: var(--forest-deep); line-height: 1.14; margin-top: 0; }
h1 { font-size: clamp(3rem, 6vw, 5.6rem); letter-spacing: -.045em; margin-bottom: 1.3rem; }
h2 { font-size: clamp(2rem, 3.7vw, 3.25rem); letter-spacing: -.025em; margin-bottom: 1rem; }
h3 { font-size: 1.35rem; }
.lead { font-size: 1.18rem; color: #6f6257; max-width: 54ch; }
.hero-actions { display: flex; flex-wrap: wrap; gap: .8rem; margin-top: 2rem; }
.button { display: inline-flex; align-items: center; justify-content: center; gap: .5rem; min-height: 48px; padding: .75rem 1.2rem; border-radius: 999px; background: linear-gradient(135deg,var(--terra-dark),var(--terra)); color: white; text-decoration: none; font-weight: 700; border: 1px solid var(--terra-dark); box-shadow: 0 10px 24px rgba(168,78,56,.17); transition: transform .2s ease, box-shadow .2s ease, background .2s ease; }
.button:hover { background: linear-gradient(135deg,#803d30,var(--terra-dark)); transform: translateY(-2px); box-shadow: 0 14px 30px rgba(105,59,45,.2); }
.button.secondary { background: rgba(255,255,255,.78); color: var(--forest-deep); border-color: rgba(154,90,68,.38); box-shadow: none; }
.button.secondary:hover { background: white; border-color: var(--forest); }
.button.amazon { background: var(--terra); border-color: var(--terra); }
.button.amazon:hover { background: var(--terra-dark); }
.button.is-placeholder { opacity: .72; cursor: not-allowed; }
.section { padding: 88px 0; }
.section.alt { background: linear-gradient(180deg,#fbf6ed,#f7f4ed); }
.section-head { display: flex; align-items: end; justify-content: space-between; gap: 2rem; margin-bottom: 2.2rem; }
.section-head p { margin: 0; max-width: 560px; color: var(--muted); }
.text-link { color: var(--terra-dark); font-weight: 700; text-decoration-thickness: 2px; text-underline-offset: 4px; white-space: nowrap; }
.grid-2, .grid-3 { display: grid; gap: 1.4rem; }
.grid-2 { grid-template-columns: repeat(2, 1fr); }
.grid-3 { grid-template-columns: repeat(3, 1fr); }
.card { background: rgba(255,255,255,.97); border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; box-shadow: 0 10px 30px rgba(76,55,43,.065); transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
.card:hover { transform: translateY(-5px); border-color: rgba(154,90,68,.3); box-shadow: 0 20px 44px rgba(76,55,43,.12); }
.card-image { aspect-ratio: 16/9; overflow: hidden; background: #eee4dc; }
.card-image img { width: 100%; height: 100%; object-fit: cover; transition: transform .45s ease; }
.card:hover .card-image img { transform: scale(1.035); }
.card-body { padding: 1.5rem; }
.meta { display: flex; gap: .7rem; color: var(--muted); font-size: .8rem; font-weight: 600; text-transform: uppercase; letter-spacing: .06em; }
.card h3 { margin: .65rem 0 .7rem; font-size: 1.55rem; }
.card p { color: var(--muted); margin-bottom: 1rem; }
.category-card { min-height: 260px; padding: 2rem; display: flex; flex-direction: column; justify-content: end; position: relative; background: var(--forest-deep); color: white; border-radius: var(--radius); overflow: hidden; text-decoration: none; }
.category-card::before { content: ""; position: absolute; inset: 0; background: linear-gradient(25deg, rgba(10,45,34,.96), rgba(10,45,34,.25)), url('./uvilia-cocina-editorial.png') center/cover; }
.category-card.home::before { filter: saturate(.6); background-position: left; }
.category-card > * { position: relative; }
.category-card h3 { color: white; font-size: 2rem; margin-bottom: .3rem; }
.category-card p { margin: 0; max-width: 30ch; }
.trust { display: grid; grid-template-columns: 1.1fr 1.9fr; gap: 4rem; align-items: center; }
.trust-points { display: grid; gap: 1rem; }
.trust-point { display: grid; grid-template-columns: 40px 1fr; gap: .8rem; align-items: start; }
.trust-icon { width: 40px; height: 40px; border-radius: 13px; background: linear-gradient(145deg,var(--aqua),#fff4d8); color: var(--forest-deep); display: grid; place-items: center; font-weight: 800; box-shadow: inset 0 0 0 1px rgba(154,90,68,.12); }
.trust-point strong { display: block; color: var(--forest-deep); }
.trust-point p { margin: .1rem 0 0; color: var(--muted); }
.affiliate-note { background: #fff2ef; border: 1px solid #ffd0c8; border-left: 4px solid var(--terra); padding: 1rem 1.1rem; border-radius: 12px; color: #713c35; font-size: .93rem; }
.affiliate-inline { max-width:640px; margin:1rem 0 0; color:#fff4ed; font-size:.92rem; line-height:1.55; }
.page-hero { padding: 86px 0 64px; border-bottom: 1px solid var(--line); background: radial-gradient(circle at 88% 10%, #efe3d4 0, transparent 31%), radial-gradient(circle at 75% 0%, #f7e8d7 0, transparent 20%), linear-gradient(135deg,#f9f6f0,#f7f1e8); }
.page-hero h1 { font-size: clamp(2.8rem, 5.5vw, 4.8rem); max-width: 850px; }
.breadcrumbs { color: var(--muted); font-size: .88rem; margin-bottom: 1.2rem; }
.breadcrumbs a { color: var(--forest); }
.article-layout { display: grid; grid-template-columns: minmax(0, 760px) 260px; gap: 4rem; align-items: start; }
.article { font-size: 1.05rem; }
.article h2 { font-size: 2.2rem; margin-top: 3.5rem; }
.article h3 { margin-top: 2rem; }
.article img { border-radius: var(--radius); margin: 2rem 0; }
.article .portrait-guide-image { display:block; width:min(100%,520px); height:auto; margin:2rem auto 2.5rem; box-shadow:var(--shadow); }
.article li + li { margin-top: .5rem; }
.article-aside { position: sticky; top: 110px; }
.toc { border: 1px solid var(--line); background: white; border-radius: 14px; padding: 1.3rem; }
.toc strong { color: var(--forest-deep); }
.toc a { display: block; color: var(--muted); padding: .45rem 0; text-decoration: none; border-bottom: 1px solid #f0e8e1; font-size: .9rem; }
.toc a:hover { color: var(--terra); }
.compare { width: 100%; border-collapse: collapse; margin: 1.6rem 0; font-size: .94rem; }
.compare th { background: var(--forest); color: white; text-align: left; }
.compare th, .compare td { padding: .9rem; border: 1px solid var(--line); vertical-align: top; }
.compare tr:nth-child(even) td { background: #fbf6f1; }
.pros-cons { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.pros, .cons { padding: 1.25rem; border-radius: 12px; }
.pros { background: #f7f0e7; }
.cons { background: #fff0ed; }
.product-slot { border: 1px dashed #bfaea3; background: white; border-radius: var(--radius); padding: 1.4rem; display: grid; grid-template-columns: 110px 1fr auto; gap: 1.2rem; align-items: center; margin: 1rem 0; }
.product-slot .placeholder-img { aspect-ratio: 1; display: grid; place-items: center; background: #f3ece6; color: var(--muted); border-radius: 12px; font-size: .78rem; text-align: center; }
.product-slot p { color: var(--muted); margin: .3rem 0; }
.faq details { background: white; border: 1px solid var(--line); border-radius: 12px; padding: 1rem 1.2rem; margin-bottom: .8rem; }
.faq summary { color: var(--forest-deep); font-weight: 700; cursor: pointer; }
.contact-card { max-width: 760px; background: white; border: 1px solid var(--line); border-radius: var(--radius); padding: 2rem; box-shadow: var(--shadow); }
.field { display: grid; gap: .4rem; margin-bottom: 1rem; }
.field label { font-weight: 700; color: var(--forest-deep); }
.field input, .field textarea { width: 100%; border: 1px solid #cfc0b6; border-radius: 10px; padding: .8rem .9rem; background: #fff; }
.field textarea { min-height: 140px; resize: vertical; }
.form-note { color: var(--muted); font-size: .88rem; }
.empty-state { background: white; border: 1px dashed #bfaea3; border-radius: var(--radius); padding: 2.5rem; text-align: center; }
.empty-state h3 { margin-bottom: .4rem; }
.callout { background:#fff1ed; border-left:4px solid var(--terra); border-radius:14px; padding:1.25rem 1.4rem; }
.callout p:last-child { margin-bottom:0; }
.zone-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; margin:1.5rem 0 2rem; }
.zone-box { background:var(--sand); border:1px solid var(--line); border-radius:16px; padding:1.25rem 1.35rem; }
.zone-box h3 { margin:0 0 .45rem; font-size:1.15rem; }
.zone-box p { margin:0; color:var(--muted); }
.recommendation-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; margin:1.5rem 0; }
.recommendation-card { display:flex; flex-direction:column; background:white; border:1px solid var(--line); border-radius:18px; padding:1.35rem; box-shadow:0 8px 24px rgba(76,55,43,.06); }
.recommendation-card > span:first-child { color:var(--terra-dark); font-size:.8rem; font-weight:800; letter-spacing:.06em; }
.recommendation-card h3 { margin:.45rem 0 .6rem; font-size:1.2rem; }
.recommendation-card p { color:var(--muted); margin:0 0 1rem; }
.recommendation-card .button { margin-top:auto; }
.pending-link { margin-top:auto; display:inline-flex; align-items:center; justify-content:center; min-height:42px; border-radius:999px; background:#f1e7df; color:#765e52; font-size:.88rem; font-weight:700; }
.footer { background: linear-gradient(135deg,#f2ece2,#f7f4ed 58%,#efe1d1); color: #6f6257; padding: 64px 0 28px; border-top:1px solid rgba(193,99,48,.13); }
.footer-grid { display: grid; grid-template-columns: 1.4fr 1fr 1fr; gap: 3rem; }
.footer h3, .footer strong { color: var(--forest-deep); }
.footer a { color: #6f6257; text-decoration: none; display: block; margin: .35rem 0; }
.footer a:hover { color:var(--terra-dark); }
.footer-note { margin-top: 2.5rem; padding-top: 1.2rem; border-top: 1px solid rgba(193,99,48,.16); color: #796d63; font-size: .82rem; }

@media (max-width: 900px) {
  .menu-toggle { display: block; }
  .nav-links { display: none; position: absolute; top: 76px; left: 0; right: 0; background: var(--cream); border-bottom: 1px solid var(--line); padding: 1rem 20px 1.5rem; flex-direction: column; align-items: flex-start; }
  .nav-links.open { display: flex; }
  .hero { min-height: 570px; background: linear-gradient(90deg, rgba(251,250,246,.97), rgba(251,250,246,.82)), url('./uvilia-cocina-editorial.png') center/cover; }
  .grid-3 { grid-template-columns: repeat(2, 1fr); }
  .trust { grid-template-columns: 1fr; gap: 2rem; }
  .article-layout { grid-template-columns: 1fr; }
  .article-aside { position: static; order: -1; }
  .toc { display: none; }
}

@media (max-width: 650px) {
  .wrap { width: min(100% - 28px, 1160px); }
  .hero { min-height: 520px; }
  .hero-copy { padding: 4rem 0; }
  h1 { font-size: 3rem; }
  .section { padding: 64px 0; }
  .section-head { align-items: start; flex-direction: column; gap: .7rem; }
  .grid-2, .grid-3, .pros-cons { grid-template-columns: 1fr; }
  .product-slot { grid-template-columns: 82px 1fr; }
  .product-slot .button { grid-column: 1 / -1; }
  .footer-grid { grid-template-columns: 1fr; gap: 1.5rem; }
  .compare { display: block; overflow-x: auto; }
  .zone-grid, .recommendation-grid { grid-template-columns:1fr; }
}

/* Uvilia editorial homepage */
.brand-image { display:grid; gap:.06rem; line-height:1; }
.brand-image img { display:block; width:132px; max-height:48px; object-fit:contain; }
.brand-image::after { content:"by Lisselott Marte"; color:#73724b; font-family:"DM Sans",system-ui,sans-serif; font-size:.62rem; font-weight:700; letter-spacing:.12em; text-align:center; text-transform:uppercase; }
.footer-logo { display:inline-grid !important; gap:.35rem; }
.footer-logo img { width:150px; height:auto; filter:none; }
.footer-logo::after { content:"by Lisselott Marte"; color:#73724b; font-size:.68rem; font-weight:700; letter-spacing:.13em; text-align:center; text-transform:uppercase; }
.home-hero { position:relative; padding:clamp(3.5rem,8vw,7rem) 0; background:radial-gradient(circle at 8% 18%,rgba(218,166,110,.2),transparent 25%),radial-gradient(circle at 92% 8%,rgba(163,160,107,.14),transparent 31%),linear-gradient(135deg,#f7f4ed 0%,#fffdf9 48%,#f4e7d9 100%); overflow:hidden; }
.home-hero::after { content:""; position:absolute; width:320px; height:320px; right:-130px; bottom:-180px; border-radius:50%; border:48px solid rgba(242,107,91,.08); pointer-events:none; }
.home-hero-grid { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr); align-items:center; gap:clamp(2rem,6vw,5rem); }
.home-hero-copy h1 { max-width:760px; margin:.35rem 0 1.2rem; font-size:clamp(3rem,7vw,6rem); line-height:.94; letter-spacing:-.055em; }
.home-hero-copy .lead { max-width:650px; }
.brand-signature { display:flex; width:max-content; max-width:100%; flex-wrap:wrap; align-items:baseline; gap:.45rem; margin-bottom:.65rem; color:var(--forest-deep); font-family:"Playfair Display",Georgia,serif; font-size:1.18rem; font-weight:700; }
.brand-signature em { color:var(--forest); font-family:"DM Sans",system-ui,sans-serif; font-size:.78rem; font-style:normal; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.feature-story { position:relative; display:block; min-height:520px; border-radius:30px 30px 30px 10px; overflow:hidden; color:white; box-shadow:0 28px 70px rgba(76,55,43,.18); outline:1px solid rgba(154,90,68,.12); transition:transform .28s ease, box-shadow .28s ease; }
.feature-story:hover { transform:translateY(-5px) rotate(.25deg); box-shadow:0 34px 78px rgba(76,55,43,.23); }
.feature-story:after { content:""; position:absolute; inset:0; background:linear-gradient(to top,rgba(18,35,28,.86),transparent 65%); }
.feature-story img { width:100%; height:100%; min-height:520px; object-fit:cover; transition:transform .45s ease; }
.feature-story:hover img { transform:scale(1.025); }
.feature-story-copy { position:absolute; z-index:1; left:0; right:0; bottom:0; display:grid; gap:.45rem; padding:2rem; }
.feature-story-copy small { text-transform:uppercase; letter-spacing:.13em; font-weight:700; }
.feature-story-copy strong { font-family:Georgia,serif; font-size:clamp(1.6rem,3vw,2.35rem); line-height:1.08; }
.feature-story-copy span { font-weight:700; }
.category-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; }
.category-tile { min-height:250px; padding:1.5rem; border-radius:22px 22px 22px 8px; display:flex; flex-direction:column; justify-content:flex-end; position:relative; overflow:hidden; isolation:isolate; color:var(--forest-deep); background:#f7f4ed center/cover no-repeat; box-shadow:0 14px 34px rgba(83,57,39,.09); transition:transform .25s ease,box-shadow .25s ease; }
.category-tile:hover { transform:translateY(-5px); box-shadow:0 22px 42px rgba(76,55,43,.18); }
.category-tile:before { content:""; position:absolute; z-index:-1; inset:0; background:linear-gradient(to top,rgba(247,244,237,.98) 0%,rgba(247,244,237,.82) 34%,rgba(255,255,255,.08) 76%); transition:background .25s ease; }
.category-tile:hover:before { background:linear-gradient(to top,rgba(247,244,237,1) 0%,rgba(244,235,225,.9) 38%,rgba(255,255,255,.16) 78%); }
.category-tile span { font-family:Georgia,serif; font-size:1.55rem; font-weight:700; }
.category-tile small { margin-top:.3rem; font-size:.85rem; }
.category-cocina { background-image:url('/assets/home-cuchillos.png'); }
.category-reposteria { background-image:url('/assets/categoria-reposteria-en-casa.jpg'); background-position:center 58%; }
.category-bebe { background-image:url('/assets/categoria-bebe-en-camino.jpg'); background-position:center 58%; }
.category-hogar { background-image:url('/assets/categoria-hogar-organizacion.jpg'); background-position:center 52%; }
.category-organizacion { background-image:url('/assets/home-organizacion.jpg'); }
.category-limpieza { background-image:url('/assets/home-limpieza.jpg'); }
.category-tecnologia { background-image:linear-gradient(135deg,#eee7d8,#efd7c3 72%); }
.creator-strip { background:linear-gradient(120deg,#efe7dc,#f7f4ed 58%,#eed6c1); color:var(--ink); border-block:1px solid #e2d4c7; }
.creator-strip-grid { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:2rem; align-items:center; }
.creator-strip .eyebrow { color:var(--terra-dark); }
.creator-strip h2 { margin:.35rem 0 .7rem; color:var(--forest-deep); }
.creator-strip p { margin:0; max-width:720px; color:var(--muted); }
.creator-strip .button { background:linear-gradient(135deg,#9f4e25,#c16330); border-color:#9f4e25; color:white; box-shadow:0 12px 28px rgba(159,78,37,.16); }
.creator-strip .button:hover { background:linear-gradient(135deg,#84401f,#a95529); color:white; }
.creator-disclosure { display:block; margin-top:.75rem; color:#796d63; font-size:.78rem; }
.premium-promo { position:relative; overflow:hidden; background:linear-gradient(135deg,#f1e7dc 0%,#fbf8f2 46%,#ead9c6 100%); border-block:1px solid rgba(193,99,48,.13); }
.premium-promo::before { content:""; position:absolute; width:380px; height:380px; right:-150px; top:-210px; border:54px solid rgba(193,99,48,.08); border-radius:50%; pointer-events:none; }
.premium-promo-shell { position:relative; display:grid; grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr); gap:clamp(2rem,5vw,4.5rem); align-items:stretch; }
.premium-promo-copy { padding:.5rem 0; }
.promo-kicker { display:inline-flex; align-items:center; gap:.55rem; color:var(--terra-dark); font-size:.76rem; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }
.promo-kicker::before { content:""; width:32px; height:2px; background:var(--terra); }
.premium-promo h2 { max-width:800px; margin:.75rem 0 1rem; font-size:clamp(2.4rem,4.5vw,4.35rem); line-height:1.02; }
.promo-subheadline { max-width:700px; margin:0 0 .8rem; color:#70492f; font-family:"Playfair Display",Georgia,serif; font-size:clamp(1.2rem,2vw,1.55rem); font-weight:600; line-height:1.35; }
.promo-sales { max-width:720px; margin:0; color:var(--muted); font-size:1.02rem; }
.promo-benefits { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.85rem; margin:2rem 0; }
.promo-benefits article { min-height:138px; display:flex; gap:.8rem; padding:1rem; background:rgba(255,255,255,.72); border:1px solid rgba(193,99,48,.14); border-radius:16px 16px 16px 5px; box-shadow:0 10px 26px rgba(83,57,39,.055); }
.promo-icon { flex:0 0 auto; width:34px; height:34px; display:grid; place-items:center; border-radius:50%; background:#efe2d4; color:var(--terra-dark); font-size:1rem; font-weight:800; }
.promo-benefits strong { display:block; margin:.1rem 0 .25rem; color:var(--forest-deep); font-size:.94rem; }
.promo-benefits p { margin:0; color:var(--muted); font-size:.84rem; line-height:1.45; }
.promo-actions { display:flex; flex-wrap:wrap; gap:.8rem; align-items:center; }
.promo-primary { min-height:54px; padding-inline:1.45rem; }
.promo-secondary { min-height:54px; background:rgba(255,255,255,.7); }
.premium-promo .creator-disclosure { max-width:680px; margin-top:1rem; }
.promo-offer { position:relative; padding:clamp(1.6rem,3vw,2.35rem); overflow:hidden; color:#f8f0e8; background:linear-gradient(150deg,#27201c,#4f3427 64%,#8b4827); border-radius:28px 28px 28px 9px; box-shadow:0 26px 60px rgba(72,43,27,.2); }
.promo-offer::after { content:""; position:absolute; width:180px; height:180px; right:-95px; bottom:-95px; border:32px solid rgba(255,255,255,.06); border-radius:50%; }
.offer-badge { display:inline-flex; position:relative; z-index:1; padding:.42rem .72rem; color:#432719; background:#f1caa9; border-radius:999px; font-size:.7rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.offer-eyebrow { margin:1.35rem 0 .2rem; color:#f3c49f; font-size:.75rem; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
.promo-offer h3 { position:relative; z-index:1; margin:0 0 .8rem; color:white; font-size:clamp(1.65rem,3vw,2.2rem); }
.promo-offer > p:not(.offer-eyebrow) { position:relative; z-index:1; margin:0; color:#eadfd8; }
.promo-offer ul { position:relative; z-index:1; margin:1.3rem 0; padding:0; list-style:none; }
.promo-offer li { padding:.5rem 0 .5rem 1.5rem; border-bottom:1px solid rgba(255,255,255,.11); }
.promo-offer li::before { content:"✓"; position:absolute; margin-left:-1.5rem; color:#f3c49f; font-weight:800; }
.promo-quote { position:relative; z-index:1; margin:1.5rem 0 0; padding:1.15rem; background:rgba(255,255,255,.08); border-left:3px solid #f3c49f; border-radius:0 12px 12px 0; }
.promo-quote p { margin:0 0 .65rem; color:white; font-family:"Playfair Display",Georgia,serif; font-size:1.05rem; line-height:1.45; }
.promo-quote cite { color:#dfcec4; font-size:.76rem; font-style:normal; font-weight:700; letter-spacing:.04em; }
.selections-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }
.selection-link { display:flex; min-height:190px; padding:1.45rem; flex-direction:column; justify-content:space-between; border:1px solid rgba(193,99,48,.16); border-radius:22px 22px 22px 8px; background:linear-gradient(145deg,#fffdf9,#f2ece2); box-shadow:0 12px 32px rgba(83,57,39,.07); text-decoration:none; transition:transform .22s ease,box-shadow .22s ease; }
.selection-link:nth-child(2n) { background:linear-gradient(145deg,#ffffff,#fff5e9); }
.selection-link:hover { transform:translateY(-4px); box-shadow:0 20px 40px rgba(83,57,39,.12); }
.selection-link small { color:var(--terra-dark); font-weight:800; letter-spacing:.09em; text-transform:uppercase; }
.selection-link strong { margin:.8rem 0 .45rem; color:var(--forest-deep); font-family:"Playfair Display",Georgia,serif; font-size:1.55rem; line-height:1.14; }
.selection-link span { color:var(--muted); }
.editorial-card .card-image { height:280px; }
.editorial-card .card-image img { width:100%; height:100%; object-fit:cover; }
.book-highlight { background:radial-gradient(circle at 90% 20%,rgba(231,179,95,.2),transparent 28%),linear-gradient(135deg,#403936,#8f5a48 72%); color:white; }
.book-highlight .eyebrow { color:#ffd19b; }
.book-highlight h1, .book-highlight h2 { color:white; font-size:clamp(2.5rem,5vw,4.8rem); }
.book-highlight .lead { color:#f2e9e3; max-width:700px; }
.book-highlight .button { background:linear-gradient(135deg,var(--terra),#ff9362); border-color:transparent; }
.book-highlight .button:hover { background:linear-gradient(135deg,var(--terra-dark),var(--terra)); }
.book-grid { display:grid; grid-template-columns:minmax(220px,360px) 1fr; gap:clamp(2rem,7vw,6rem); align-items:center; }
.book-cover { width:100%; max-height:520px; object-fit:contain; filter:drop-shadow(0 24px 30px rgba(0,0,0,.22)); }
.faith-book-highlight { background:radial-gradient(circle at 12% 20%,rgba(255,212,154,.32),transparent 32%),linear-gradient(135deg,#0f5959,#ba4f4d 58%,#e58a3c); }
.faith-book-page .faith-book-highlight .affiliate-note { margin:1.25rem 0; background:rgba(255,255,255,.94); border-color:rgba(255,215,178,.8); border-left-color:#e18135; color:#633c32; }
.faith-book-page .faith-book-highlight .button.secondary { background:rgba(255,255,255,.94); color:#315957; border-color:transparent; }
.faith-book-benefits { display:grid; grid-template-columns:repeat(3,1fr); gap:1.2rem; margin-top:2rem; }
.faith-book-benefits article { padding:1.35rem; background:#fffaf3; border:1px solid #f0d9c0; border-radius:18px; box-shadow:0 12px 28px rgba(85,60,48,.07); }
.faith-book-benefits strong { color:#9d403e; font-family:"Playfair Display",Georgia,serif; font-size:1.25rem; }
.faith-book-benefits p { margin:.65rem 0 0; }
.simple-cake-highlight { background:radial-gradient(circle at 10% 12%,rgba(255,202,128,.22),transparent 27%),linear-gradient(135deg,#3f3029,#a6572f 70%,#e37631); }
.simple-cake-highlight p:not(.lead) { color:#f8eee7; max-width:700px; }
.breadcrumbs-light, .breadcrumbs-light a { color:#f7d9c4; }

/* Bebé */
.narrow { width:min(780px,calc(100% - 40px)); margin-inline:auto; }
.baby-page { background:#fffdfb; color:#4d4c59; }
.baby-page .announcement { background:linear-gradient(90deg,#e7dff2,#f6e2ea 48%,#dcecf4); color:#544c62; }
.baby-page .site-header { background:rgba(255,253,251,.95); border-bottom-color:#e8dfea; }
.baby-page .nav-links a:hover,.baby-page .nav-links a[aria-current="page"] { color:#8d6c9f; }
.baby-page .nav-links a[aria-current="page"]::after { background:linear-gradient(90deg,#a98abb,#89b5c8); }
.baby-page .eyebrow,.baby-page .product-label,.baby-page .breadcrumbs a { color:#806294; }
.baby-page h1,.baby-page h2,.baby-page h3 { color:#4e4b61; }
.baby-page .lead,.baby-page .section-head p,.baby-page .baby-product p,.baby-page .baby-needs-grid p { color:#6b6877; }
.baby-page .button { background:linear-gradient(135deg,#8d76a5,#769fb3); border-color:#806b97; box-shadow:0 10px 24px rgba(113,93,137,.18); }
.baby-page .button:hover { background:linear-gradient(135deg,#78628f,#618ca1); }
.baby-page .section.alt { background:linear-gradient(180deg,#f7f2fa,#eef6f8); }
.baby-hero { padding:clamp(3.5rem,8vw,6.5rem) 0; background:radial-gradient(circle at 10% 12%,rgba(224,209,239,.72),transparent 27%),radial-gradient(circle at 86% 18%,rgba(209,232,242,.62),transparent 30%),linear-gradient(135deg,#fffaf6,#f9edf2 52%,#edf7fa); }
.baby-hero-grid { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr); gap:clamp(2rem,6vw,5rem); align-items:center; }
.baby-hero h1 { font-size:clamp(3rem,6vw,5.4rem); margin:.45rem 0 1.2rem; }
.baby-hero img { width:100%; aspect-ratio:1.08; object-fit:cover; object-position:center; border:8px solid rgba(255,255,255,.8); border-radius:34px 34px 34px 10px; box-shadow:0 22px 55px rgba(112,91,128,.16); background:white; }
.baby-affiliate { margin:0 0 3rem; font-size:1rem; }
.baby-page .affiliate-note { background:#fff5f8; border-color:#efd5df; border-left-color:#a98abb; color:#655267; }
.baby-needs-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1rem; }
.baby-needs-grid article { background:rgba(255,255,255,.9); border:1px solid #e4ddeb; border-radius:18px; padding:1.4rem; box-shadow:0 10px 28px rgba(87,72,102,.06); }
.baby-needs-grid article:nth-child(2),.baby-needs-grid article:nth-child(4) { border-color:#d8e8ee; }
.baby-needs-grid article > span { display:grid; place-items:center; width:38px; height:38px; border-radius:12px; background:#eee5f5; color:#755c89; font-weight:800; }
.baby-needs-grid article:nth-child(2) > span,.baby-needs-grid article:nth-child(4) > span { background:#e2f0f5; color:#537b8d; }
.baby-needs-grid h3 { margin:1rem 0 .55rem; }
.baby-needs-grid p { margin:0; color:var(--muted); }
.baby-products { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.25rem; margin-top:1.6rem; }
.baby-product { display:grid; grid-template-columns:200px 1fr; gap:1.25rem; align-items:center; background:linear-gradient(145deg,#fff,#fff8fb); border:1px solid #e8dfea; border-radius:20px; overflow:hidden; box-shadow:0 10px 30px rgba(87,72,102,.07); }
.baby-products .baby-product:last-child:nth-child(odd) { grid-column:1 / -1; }
.baby-product > img { width:100%; height:100%; min-height:260px; object-fit:cover; background:#f7f0e8; }
.baby-product > div { padding:1.4rem 1.4rem 1.4rem 0; }
.baby-product h3 { margin:.45rem 0 .6rem; }
.baby-product p { color:var(--muted); }
.baby-product .button { margin-top:.4rem; }
.product-label { color:var(--terra-dark); text-transform:uppercase; letter-spacing:.1em; font-size:.75rem; font-weight:800; }
.baby-checklist { display:grid; grid-template-columns:1fr 1fr; gap:3rem; align-items:start; }
.baby-checklist ul { margin:0; padding:1.5rem 1.5rem 1.5rem 2.8rem; background:rgba(255,255,255,.92); border:1px solid #ddddea; border-radius:18px; box-shadow:0 10px 28px rgba(87,72,102,.06); }
.baby-checklist li + li { margin-top:.75rem; }

@media (max-width:900px) {
  .baby-hero-grid, .baby-checklist { grid-template-columns:1fr; }
  .baby-hero img { max-height:520px; }
  .baby-needs-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .baby-products { grid-template-columns:1fr; }
}

@media (max-width:650px) {
  .narrow { width:min(100% - 28px,780px); }
  .baby-needs-grid { grid-template-columns:1fr; }
  .baby-product { grid-template-columns:1fr; }
  .baby-product > img { height:260px; min-height:0; }
  .baby-product > div { padding:0 1.25rem 1.4rem; }
}
.light-button { background:rgba(255,255,255,.94) !important; color:var(--forest-deep) !important; border-color:transparent !important; }

/* Repostería */
.narrow { width:min(820px,100%); }
.pastry-hero { padding:clamp(4rem,8vw,7rem) 0; color:white; background:radial-gradient(circle at 12% 12%,rgba(255,220,167,.2),transparent 27%),linear-gradient(135deg,#3d2d29 0%,#914c35 55%,#e47b3b 100%); overflow:hidden; }
.pastry-hero-grid { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(230px,.65fr); align-items:center; gap:clamp(2rem,7vw,6rem); }
.pastry-hero h1 { color:white; max-width:800px; font-size:clamp(3.2rem,7vw,6rem); }
.pastry-hero .lead { color:#fff2e9; }
.pastry-hero .eyebrow { color:#ffd19b; }
.pastry-book { width:100%; max-height:560px; object-fit:contain; transform:rotate(2deg); filter:drop-shadow(0 28px 34px rgba(31,14,8,.36)); }
.pastry-intro { text-align:center; background:radial-gradient(circle at 50% 0,rgba(231,179,95,.16),transparent 36%); }
.pastry-intro .lead { margin-left:auto; margin-right:auto; }
.pastry-tips { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; margin-top:2.5rem; text-align:left; }
.pastry-tips div { display:grid; grid-template-columns:42px 1fr; gap:.8rem; align-items:start; padding:1.2rem; background:white; border:1px solid var(--line); border-radius:16px; box-shadow:0 10px 25px rgba(76,55,43,.055); }
.pastry-tips strong { display:grid; place-items:center; width:42px; height:42px; border-radius:50%; background:#fff0e7; color:var(--terra-dark); }
.pastry-tips span { color:var(--muted); line-height:1.5; }
.pastry-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.2rem; }
.pastry-card { position:relative; min-height:315px; padding:1.7rem; display:flex; flex-direction:column; background:linear-gradient(160deg,#fff,#fff8f2); border:1px solid #ead8cb; border-radius:24px 24px 24px 8px; box-shadow:0 12px 30px rgba(83,52,35,.07); overflow:hidden; transition:transform .24s ease,box-shadow .24s ease; }
.pastry-card:hover { transform:translateY(-5px); box-shadow:0 20px 44px rgba(83,52,35,.12); }
.pastry-card:after { content:""; position:absolute; width:120px; height:120px; right:-52px; top:-50px; border-radius:50%; background:rgba(231,179,95,.16); }
.pastry-number { color:#d9b29a; font-family:"Playfair Display",Georgia,serif; font-size:2.3rem; line-height:1; }
.pastry-kind { margin:.9rem 0 .45rem; color:var(--terra-dark); text-transform:uppercase; letter-spacing:.12em; font-size:.72rem; font-weight:800; }
.pastry-card h3 { margin:0 0 .7rem; font-size:1.55rem; }
.pastry-card p { margin:0 0 1rem; color:var(--muted); }
.pastry-card small { margin-top:auto; padding-top:1rem; border-top:1px solid #f0e3d9; color:#8b6b59; font-weight:600; }
.pastry-quote { text-align:center; background:#fffaf5; }
.pastry-quote blockquote { margin:0; color:var(--forest-deep); font-family:"Playfair Display",Georgia,serif; font-size:clamp(1.8rem,4vw,3rem); line-height:1.35; }
.pastry-quote p { color:var(--terra-dark); font-weight:700; }
.starter-tools { display:grid; grid-template-columns:repeat(2,1fr); gap:1rem; margin-bottom:1.5rem; }
.starter-placeholder { padding:1.5rem; background:white; border:1px dashed #cfae99; border-radius:18px; }
.starter-placeholder > span { display:grid; place-items:center; width:44px; height:44px; border-radius:14px; background:#fff0e7; color:var(--terra-dark); font-size:1.4rem; }
.starter-tools h3 { margin:.9rem 0 .45rem; }
.starter-tools p { color:var(--muted); }
.starter-placeholder p { margin:0; }
.starter-product { grid-column:1 / -1; display:grid; grid-template-columns:minmax(220px,340px) 1fr; gap:clamp(1.5rem,4vw,3.5rem); align-items:center; padding:1.5rem; background:white; border:1px solid var(--line); border-radius:22px; box-shadow:0 14px 36px rgba(76,55,43,.08); }
.starter-product img { width:100%; max-height:340px; object-fit:contain; border-radius:16px; background:white; }
.starter-product-copy { padding:1rem 1rem 1rem 0; }
.starter-product-copy h3 { font-size:1.8rem; }
.starter-product-copy p { margin:0 0 1.2rem; }
.product-label { color:var(--terra-dark); text-transform:uppercase; letter-spacing:.11em; font-size:.74rem; font-weight:800; }
.pastry-cta { display:grid; grid-template-columns:minmax(220px,340px) 1fr; gap:clamp(2rem,7vw,6rem); align-items:center; color:white; }
.pastry-cta h2 { color:white; }

/* Guías de repostería orientadas a decisiones */
.guide-hero-pastry { background:radial-gradient(circle at 88% 10%,rgba(240,170,105,.2),transparent 30%),radial-gradient(circle at 72% 0%,rgba(255,218,164,.24),transparent 20%),#fffaf6; }
.guide-hero-pastry h1 { max-width:980px; }
.quick-decisions { display:grid; grid-template-columns:repeat(3,1fr); gap:.8rem; margin:1.5rem 0 2rem; }
.quick-decisions div { padding:1.15rem; background:#fff8f2; border:1px solid #ead8cb; border-radius:16px; }
.quick-decisions strong,.quick-decisions span { display:block; }
.quick-decisions strong { margin-bottom:.35rem; color:var(--terra-dark); }
.quick-decisions span { color:var(--muted); font-size:.94rem; line-height:1.5; }
.product-recommendations { display:grid; gap:1rem; margin:1.4rem 0; }
.guide-product { display:grid; grid-template-columns:180px minmax(0,1fr); gap:1.35rem; align-items:center; margin:1.2rem 0; padding:1.25rem; background:white; border:1px solid var(--line); border-radius:20px; box-shadow:0 10px 28px rgba(76,55,43,.065); }
.guide-product img { width:100%; height:165px; margin:0; object-fit:contain; border-radius:12px; background:#fff; }
.guide-product h3 { margin:.35rem 0 .45rem; font-size:1.4rem; }
.guide-product p { margin:0 0 .9rem; color:var(--muted); }
.guide-product .button { margin-right:.7rem; }
.guide-product small { color:var(--muted); white-space:nowrap; }
.compare-wrap { width:100%; overflow-x:auto; }
.related-guides { display:grid; gap:.55rem; margin-top:3rem; padding:1.4rem; background:#fff8f2; border:1px solid #ead8cb; border-radius:18px; }
.related-guides strong { color:var(--forest-deep); }
.related-guides a { color:var(--terra-dark); font-weight:700; }
.article-book-cta { display:grid; grid-template-columns:170px 1fr; gap:1.6rem; align-items:center; margin-top:3.5rem; padding:1.6rem; color:white; background:linear-gradient(135deg,#49362e,#a6572f 72%,#e37631); border-radius:24px; }
.article-book-cta img { width:100%; height:250px; margin:0; object-fit:contain; filter:drop-shadow(0 16px 20px rgba(0,0,0,.22)); }
.article-book-cta h2 { margin:.35rem 0 .75rem; color:white; font-size:2rem; }
.article-book-cta p { color:#fff2e9; }
.article-book-cta small { display:block; margin-top:.75rem; color:#f7d9c4; }

@media (max-width: 1000px) {
  .category-grid { grid-template-columns:repeat(3,1fr); }
}
@media (max-width: 900px) {
  .home-hero-grid { grid-template-columns:1fr; }
  .home-hero-copy h1 { max-width:850px; }
  .feature-story { min-height:430px; }
  .feature-story img { min-height:430px; }
  .book-grid { grid-template-columns:250px 1fr; }
  .pastry-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .pastry-tips,.starter-tools { grid-template-columns:1fr; }
  .quick-decisions { grid-template-columns:1fr; }
  .creator-strip-grid { grid-template-columns:1fr; }
  .creator-strip-grid .button { justify-self:start; }
  .premium-promo-shell { grid-template-columns:1fr; }
  .promo-offer { max-width:720px; }
  .selections-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width: 650px) {
  .brand-image img { width:112px; }
  .home-hero { padding:3.3rem 0; }
  .home-hero-copy h1 { font-size:clamp(2.75rem,15vw,4.2rem); }
  .feature-story,.feature-story img { min-height:380px; }
  .category-grid { grid-template-columns:1fr 1fr; }
  .category-tile { min-height:210px; }
  .premium-promo h2 { font-size:clamp(2.25rem,11vw,3.15rem); }
  .promo-benefits { grid-template-columns:1fr; }
  .promo-benefits article { min-height:0; }
  .promo-actions { align-items:stretch; flex-direction:column; }
  .promo-actions .button { width:100%; }
  .book-grid { grid-template-columns:1fr; text-align:center; }
  .book-cover { max-height:420px; }
  .book-grid .lead { margin-left:auto; margin-right:auto; }
  .faith-book-benefits { grid-template-columns:1fr; }
  .pastry-hero-grid,.pastry-cta { grid-template-columns:1fr; text-align:center; }
  .pastry-hero .hero-actions,.pastry-cta .hero-actions { justify-content:center; }
  .pastry-book { max-height:430px; order:-1; }
  .pastry-grid { grid-template-columns:1fr; }
  .starter-product { grid-template-columns:1fr; text-align:center; }
  .starter-product-copy { padding:0; }
  .guide-product { grid-template-columns:1fr; text-align:center; }
  .guide-product img { height:220px; }
  .guide-product small { display:block; margin-top:.7rem; }
  .article-book-cta { grid-template-columns:1fr; text-align:center; }
  .article-book-cta img { height:300px; }
  .selections-grid { grid-template-columns:1fr; }
}

@media (prefers-reduced-motion: reduce) { * { scroll-behavior: auto !important; transition: none !important; } }

.wrap.narrow { width:min(820px,calc(100% - 40px)); }
@media (max-width:650px) { .wrap.narrow { width:min(780px,calc(100% - 28px)); } }

/* Mega Trivias */
.trivia-page { background:#fffdf8; }
.trivia-page-hero { background:radial-gradient(circle at 88% 15%,rgba(255,202,63,.3),transparent 27%),radial-gradient(circle at 76% 0,rgba(67,119,225,.16),transparent 22%),linear-gradient(135deg,#fffaf0,#f5f8ff); }
.trivia-page-hero h1 { max-width:1050px; }
.trivia-opening { background:linear-gradient(150deg,#ffffff,#fff9ef 58%,#eef4ff); }
.trivia-opening-grid { display:grid; grid-template-columns:minmax(260px,390px) minmax(0,1fr); gap:clamp(2.2rem,6vw,5.5rem); align-items:center; }
.trivia-cover-wrap { margin:0; }
.trivia-cover { width:100%; border-radius:24px 24px 24px 8px; box-shadow:0 28px 65px rgba(24,45,105,.22); }
.trivia-cover-wrap figcaption { margin-top:.8rem; color:var(--muted); font-size:.78rem; text-align:center; }
.trivia-opening-copy h2 { margin:.8rem 0 1rem; font-size:clamp(2.25rem,4vw,3.8rem); }
.trivia-opening-copy > p { color:var(--muted); font-size:1.05rem; }
.trivia-opening-copy .affiliate-note { margin-bottom:1.4rem; }
.trivia-badge { display:inline-flex; padding:.45rem .75rem; color:#22396f; background:#e9f0ff; border:1px solid #cfddff; border-radius:999px; font-size:.74rem; font-weight:800; letter-spacing:.07em; text-transform:uppercase; }
.trivia-amazon-button { margin-top:.8rem; background:linear-gradient(135deg,#e24a2d,#f07e24); border-color:#d84629; box-shadow:0 12px 28px rgba(215,72,39,.18); }
.trivia-article > h2 { margin-top:3.2rem; }
.trivia-stat-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; margin:2rem 0 2.5rem; }
.trivia-stat-grid article { padding:1.3rem; text-align:center; background:white; border:1px solid #e5dfd2; border-radius:18px 18px 18px 6px; box-shadow:0 10px 26px rgba(76,55,43,.06); }
.trivia-stat-grid strong { display:block; color:#254fa2; font-family:"Playfair Display",Georgia,serif; font-size:2.35rem; line-height:1; }
.trivia-stat-grid span { display:block; margin-top:.55rem; color:var(--muted); font-size:.84rem; line-height:1.4; }
.trivia-check-list,.trivia-advantages { margin:1.25rem 0; padding:0; list-style:none; }
.trivia-check-list li,.trivia-advantages li { position:relative; margin:.65rem 0; padding:.8rem 1rem .8rem 2.6rem; background:#fff; border:1px solid #ebe4d8; border-radius:12px; }
.trivia-check-list li::before,.trivia-advantages li::before { content:"✓"; position:absolute; left:1rem; color:#2f9a54; font-weight:900; }
.trivia-audience-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; margin:1.5rem 0; }
.trivia-audience-grid article { padding:1.4rem; background:linear-gradient(145deg,#fff,#fff7e8); border:1px solid #eadfc8; border-radius:20px 20px 20px 7px; }
.trivia-audience-grid article > span { width:40px; height:40px; display:grid; place-items:center; color:#fff; background:linear-gradient(135deg,#274d9b,#4d82dd); border-radius:13px; font-weight:800; }
.trivia-audience-grid h3 { margin:.9rem 0 .4rem; }
.trivia-audience-grid p { margin:0; color:var(--muted); }
.trivia-reasons { display:grid; grid-template-columns:repeat(2,1fr); gap:1rem; margin:1.5rem 0; }
.trivia-reasons article { padding:1.25rem; background:#f2f6ff; border-left:4px solid #315cac; border-radius:5px 16px 16px 5px; }
.trivia-reasons h3 { margin:0 0 .35rem; font-size:1.15rem; }
.trivia-reasons p { margin:0; color:var(--muted); }
.trivia-cta { position:relative; margin:3.5rem 0; padding:clamp(1.8rem,5vw,3.5rem); overflow:hidden; text-align:center; background:radial-gradient(circle at 85% 15%,rgba(255,215,56,.28),transparent 25%),linear-gradient(145deg,#172c63,#2858ad 65%,#1e7b9a); border-radius:28px 28px 28px 9px; box-shadow:0 22px 52px rgba(30,61,126,.18); }
.trivia-cta .eyebrow { color:#ffda58; }
.trivia-cta h2 { max-width:700px; margin:.5rem auto 1rem; color:white; }
.trivia-cta p { max-width:680px; margin:0 auto 1.4rem; color:#e9f0ff; }
.trivia-final-button { background:linear-gradient(135deg,#ee4b2d,#f18a22); border-color:#f4a33b; box-shadow:0 12px 28px rgba(11,27,68,.22); }
.trivia-cta small { display:block; max-width:650px; margin:1rem auto 0; color:#cbd9f6; font-size:.74rem; }
.trivia-library-feature { color:white; background:radial-gradient(circle at 85% 15%,rgba(255,218,58,.28),transparent 24%),linear-gradient(135deg,#172c63,#2858ad 62%,#1e7b9a); }
.trivia-library-feature h2 { color:white; }
.trivia-library-feature .lead { color:#e5edff; }
.trivia-library-feature .eyebrow { color:#ffdc55; }

@media (max-width:900px) {
  .trivia-opening-grid { grid-template-columns:280px 1fr; gap:2.2rem; }
  .trivia-audience-grid { grid-template-columns:1fr; }
}
@media (max-width:650px) {
  .trivia-opening-grid { grid-template-columns:1fr; }
  .trivia-cover-wrap { width:min(100%,340px); margin-inline:auto; }
  .trivia-opening-copy { text-align:left; }
  .trivia-stat-grid,.trivia-reasons { grid-template-columns:1fr; }
  .trivia-amazon-button,.trivia-final-button { width:100%; }
}

/* Huellas de Su creación */
.creation-book-page { background:#fffdf8; }
.creation-announcement { background:linear-gradient(90deg,#fff0bf,#f8e4c5 48%,#dcefdc); color:#62451f; }
.creation-hero { padding:clamp(3.5rem,7vw,6.5rem) 0; background:radial-gradient(circle at 8% 10%,rgba(255,205,70,.27),transparent 25%),radial-gradient(circle at 92% 12%,rgba(82,170,105,.2),transparent 28%),linear-gradient(135deg,#fffaf0,#f8fcf2 56%,#eef8ff); }
.creation-hero-grid { display:grid; grid-template-columns:minmax(280px,390px) minmax(0,1fr); gap:clamp(2.3rem,6vw,5.5rem); align-items:center; }
.creation-cover-wrap { margin:0; }
.creation-cover { width:100%; border:7px solid rgba(255,255,255,.82); border-radius:28px 28px 28px 9px; box-shadow:0 30px 70px rgba(59,95,52,.2); }
.creation-cover-wrap figcaption { margin-top:.75rem; color:#6b705d; font-size:.78rem; text-align:center; }
.creation-hero h1 { max-width:900px; margin:.55rem 0 1.15rem; font-size:clamp(2.8rem,5.4vw,5rem); }
.creation-hero .lead { color:#5f6655; }
.creation-hero .affiliate-note { margin-top:1.3rem; background:rgba(255,255,255,.9); border-color:#eadab0; border-left-color:#e29b35; color:#654d2c; }
.creation-amazon-button,.creation-final-button { background:linear-gradient(135deg,#bd5b2f,#e48738); border-color:#b9572d; box-shadow:0 12px 28px rgba(159,78,37,.2); }
.creation-intro { background:radial-gradient(circle at 50% 0,rgba(99,168,98,.12),transparent 35%),#fffdf8; }
.creation-prompt { display:grid; grid-template-columns:46px 1fr; gap:1rem; align-items:start; margin:2rem 0; padding:1.35rem; background:linear-gradient(135deg,#f3faee,#fff8e8); border:1px solid #dce8c7; border-radius:18px; }
.creation-prompt > span { display:grid; place-items:center; width:46px; height:46px; border-radius:50%; color:white; background:linear-gradient(135deg,#5f9c56,#97b94f); }
.creation-prompt p { margin:0; }
.creation-benefit-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:1rem; margin:1.5rem 0 2.2rem; }
.creation-benefit-grid article { padding:1.4rem; background:white; border:1px solid #dfe7cf; border-radius:20px 20px 20px 7px; box-shadow:0 10px 28px rgba(68,93,53,.06); }
.creation-benefit-grid article > span { display:grid; place-items:center; width:44px; height:44px; border-radius:14px; background:#edf7e8; font-size:1.35rem; }
.creation-benefit-grid h3 { margin:.9rem 0 .45rem; color:#385b37; }
.creation-benefit-grid p { margin:0; color:var(--muted); }
.creation-center-action { margin:2rem 0 3.5rem; text-align:center; }
.creation-advantages { margin:1.35rem 0 2.5rem; padding:0; list-style:none; }
.creation-advantages li { position:relative; margin:.65rem 0; padding:1rem 1rem 1rem 3rem; background:#fff; border:1px solid #e7dfc8; border-radius:14px; }
.creation-advantages li::before { content:"✓"; position:absolute; left:1.15rem; color:#4f9551; font-weight:900; }
.creation-moments { display:grid; grid-template-columns:repeat(2,1fr); gap:1rem; margin:1.5rem 0 3rem; }
.creation-moments article { padding:1.25rem; background:#f4f9ef; border-left:4px solid #67a35e; border-radius:5px 16px 16px 5px; }
.creation-moments h3 { margin:0 0 .35rem; font-size:1.15rem; }
.creation-moments p { margin:0; color:var(--muted); }
.creation-example-comments { margin:3.5rem 0; padding:clamp(1.5rem,4vw,2.5rem); background:linear-gradient(145deg,#fff8e8,#f5faee); border:1px solid #e4dfc8; border-radius:26px 26px 26px 8px; }
.creation-example-comments h2 { margin:.45rem 0 .8rem; }
.example-disclaimer { padding:.85rem 1rem; background:rgba(255,255,255,.85); border-radius:12px; color:#725b3f; font-size:.88rem; }
.creation-quote-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; margin-top:1.25rem; }
.creation-quote-grid blockquote { margin:0; padding:1.25rem; background:white; border-top:4px solid #e3a647; border-radius:14px; color:#545a4c; font-family:"Playfair Display",Georgia,serif; line-height:1.55; box-shadow:0 8px 22px rgba(80,76,53,.06); }
.creation-cta { margin:3.5rem 0; padding:clamp(2rem,5vw,3.6rem); text-align:center; background:radial-gradient(circle at 88% 14%,rgba(255,211,90,.28),transparent 25%),linear-gradient(135deg,#315d39,#57904f 62%,#9c9d40); border-radius:28px 28px 28px 9px; box-shadow:0 24px 55px rgba(48,91,55,.18); }
.creation-cta .eyebrow { color:#ffe28b; }
.creation-cta h2 { max-width:680px; margin:.5rem auto 1rem; color:white; }
.creation-cta p { max-width:690px; margin:0 auto 1.4rem; color:#eef7e9; }
.creation-cta small { display:block; max-width:650px; margin:1rem auto 0; color:#dcebd5; }
.creation-library-feature { color:#24452d; background:radial-gradient(circle at 85% 12%,rgba(255,199,64,.36),transparent 26%),linear-gradient(135deg,#f7fbef,#fff4d4 58%,#e8f5de); }
.creation-library-feature h2 { color:#2c5135; }
.creation-library-feature .lead { color:#5c6b56; }
.creation-library-feature .eyebrow { color:#b25e2f; }

@media (max-width:900px) {
  .creation-hero-grid { grid-template-columns:280px 1fr; gap:2.3rem; }
  .creation-quote-grid { grid-template-columns:1fr; }
}
@media (max-width:650px) {
  .creation-hero-grid,.creation-benefit-grid,.creation-moments { grid-template-columns:1fr; }
  .creation-hero-grid > div { order:-1; }
  .creation-cover-wrap { width:min(100%,340px); margin-inline:auto; }
  .creation-hero .hero-actions { align-items:stretch; flex-direction:column; }
  .creation-hero .button,.creation-final-button { width:100%; }
}

/* Uvilia Creative Painting */
.painting-home-feature { margin-top:1rem; min-height:260px; display:grid; grid-template-columns:minmax(300px,.9fr) 1.1fr; align-items:stretch; overflow:hidden; border:1px solid rgba(31,126,130,.18); border-radius:24px 24px 24px 8px; background:linear-gradient(135deg,#f3fbfa,#fff8ed); box-shadow:0 14px 34px rgba(50,85,82,.1); text-decoration:none; transition:transform .25s ease,box-shadow .25s ease; }
.painting-home-feature:hover { transform:translateY(-5px); box-shadow:0 22px 46px rgba(50,85,82,.16); }
.painting-home-feature img { width:100%; height:100%; min-height:260px; object-fit:cover; }
.painting-home-feature > span { display:flex; flex-direction:column; justify-content:center; padding:clamp(1.5rem,4vw,3rem); }
.painting-home-feature small { color:#17767a; text-transform:uppercase; letter-spacing:.12em; font-weight:800; }
.painting-home-feature strong { margin:.4rem 0; color:#244c4e; font-family:"Playfair Display",Georgia,serif; font-size:clamp(2rem,4vw,3.4rem); line-height:1.05; }
.painting-home-feature em { color:#5e6f6d; font-style:normal; font-size:1.05rem; }
.painting-announcement { background:linear-gradient(90deg,#175d63,#1c8385,#d46f58); }
.painting-hero { padding:clamp(3.5rem,7vw,6.5rem) 0; background:radial-gradient(circle at 12% 15%,rgba(255,190,100,.2),transparent 26%),linear-gradient(135deg,#f8fffe 0%,#fffdf8 52%,#fff0e8 100%); overflow:hidden; }
.painting-hero-grid { display:grid; grid-template-columns:minmax(0,.85fr) minmax(420px,1.15fr); gap:clamp(2rem,6vw,5rem); align-items:center; }
.painting-hero-copy h1 { margin:.4rem 0 1.2rem; color:#214c4f; font-size:clamp(3.1rem,6.7vw,6rem); line-height:.94; }
.painting-hero-copy .eyebrow { color:#16777a; }
.painting-hero-grid > img { width:100%; height:clamp(420px,48vw,600px); object-fit:cover; border-radius:34px 34px 34px 10px; box-shadow:0 28px 70px rgba(41,93,92,.18); }
.painting-button { background:linear-gradient(135deg,#176d72,#24a0a0); border-color:#176d72; box-shadow:0 12px 28px rgba(23,109,114,.2); }
.painting-button:hover { background:linear-gradient(135deg,#124f54,#176d72); }
.painting-intro { text-align:center; background:radial-gradient(circle at 50% 0,rgba(36,160,160,.12),transparent 36%); }
.painting-intro .lead { margin-left:auto; margin-right:auto; }
.painting-benefits { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; margin-top:2.5rem; text-align:left; }
.painting-benefits > div { padding:1.4rem; background:white; border:1px solid #d7e8e6; border-radius:20px 20px 20px 7px; box-shadow:0 10px 28px rgba(41,93,92,.06); }
.painting-benefits strong { display:grid; place-items:center; width:42px; height:42px; margin-bottom:1rem; border-radius:50%; background:#e4f5f2; color:#176d72; }
.painting-benefits h3 { margin:0 0 .45rem; color:#214c4f; }
.painting-benefits p { margin:0; color:var(--muted); }
.painting-material-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; }
.painting-material-grid article { min-height:245px; padding:1.5rem; background:#fff; border:1px solid var(--line); border-radius:22px 22px 22px 7px; box-shadow:0 10px 28px rgba(76,55,43,.055); }
.painting-material-grid h3 { margin:.9rem 0 .45rem; }
.painting-material-grid p { margin:0; color:var(--muted); }
.painting-swatch { display:block; width:58px; height:18px; border-radius:999px 22px 999px 30px; transform:rotate(-4deg); }
.painting-swatch.coral { background:#ef775e; }.painting-swatch.blue { background:#2c70b8; }.painting-swatch.gold { background:#efa72f; }.painting-swatch.teal { background:#229699; }.painting-swatch.violet { background:#8c65a7; }.painting-swatch.mint { background:#6cc0a3; }
.painting-guide-grid { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr); gap:clamp(2rem,6vw,5rem); align-items:start; }
.painting-steps { display:grid; gap:1rem; padding:0; list-style:none; counter-reset:paint-step; }
.painting-steps li { counter-increment:paint-step; display:grid; grid-template-columns:50px 1fr; column-gap:1rem; padding:1.15rem 0; border-bottom:1px solid var(--line); }
.painting-steps li:before { content:counter(paint-step,decimal-leading-zero); grid-row:1 / 3; display:grid; place-items:center; width:48px; height:48px; border-radius:16px; background:#e7f7f4; color:#176d72; font-weight:800; }
.painting-steps span { color:var(--muted); }
.painting-tip { position:sticky; top:110px; padding:2rem; border-radius:26px 26px 26px 8px; background:linear-gradient(145deg,#174f55,#238c8c); color:#eefcf9; box-shadow:0 24px 50px rgba(23,79,85,.2); }
.painting-tip span { color:#ffd59c; text-transform:uppercase; letter-spacing:.12em; font-size:.75rem; font-weight:800; }
.painting-tip h3 { margin:.7rem 0; color:white; font-size:2rem; }
.painting-tip p { margin:0; color:#e0f2ef; }
.painting-products { background:linear-gradient(180deg,#f3fbfa,#fffaf5); }
.painting-product-slots { display:grid; grid-template-columns:repeat(2,1fr); gap:1rem; margin-bottom:1.5rem; }
.painting-product-slots article { padding:1.5rem; background:white; border:1px dashed #8fbfba; border-radius:20px; }
.painting-product-slots article > span { color:#198083; font-family:"Playfair Display",Georgia,serif; font-size:2rem; font-weight:700; }
.painting-product-slots h3 { margin:.55rem 0 .4rem; }
.painting-product-slots p { color:var(--muted); }
.painting-product-slots small { display:block; padding-top:.8rem; border-top:1px solid #e3efed; color:#7c908e; font-weight:600; }
.painting-product-slots .painting-product-real { grid-column:1 / -1; display:grid; grid-template-columns:minmax(230px,340px) 1fr; gap:clamp(1.5rem,4vw,3.5rem); align-items:center; border-style:solid; border-color:#d6e9e6; box-shadow:0 16px 40px rgba(41,93,92,.09); }
.painting-product-real img { width:100%; max-height:330px; object-fit:contain; border-radius:16px; background:#fff; }
.painting-product-real h3 { font-size:clamp(1.7rem,3vw,2.35rem); }
.painting-product-real p { max-width:680px; }
.creative-relax { background:linear-gradient(135deg,#fff5ef,#f7fbf7); }
.creative-relax-grid { display:grid; grid-template-columns:minmax(240px,380px) 1fr; gap:clamp(2rem,6vw,5rem); align-items:center; }
.creative-relax-grid > img { width:100%; max-height:470px; object-fit:contain; border-radius:24px; box-shadow:0 20px 48px rgba(76,55,43,.13); background:white; }
.creative-relax-grid h2 { margin:.45rem 0 .8rem; }
.creative-affiliate { color:#75655d; }
.creative-product-extra { grid-column:1 / -1; display:grid; grid-template-columns:minmax(230px,360px) 1fr; gap:clamp(1.5rem,4vw,3.5rem); align-items:center; margin-top:1rem; padding:1.5rem; background:#fff; border:1px solid #eadfd5; border-radius:24px; box-shadow:0 16px 40px rgba(76,55,43,.08); }
.creative-product-extra img { width:100%; max-height:330px; object-fit:contain; border-radius:16px; }
.creative-product-extra h3 { margin:.5rem 0 .65rem; font-size:clamp(1.6rem,3vw,2.2rem); }
.creative-product-extra p { color:var(--muted); }

@media (max-width:900px) {
  .painting-hero-grid { grid-template-columns:1fr; }
  .painting-hero-grid > img { height:440px; }
  .painting-material-grid { grid-template-columns:repeat(2,1fr); }
  .painting-guide-grid { grid-template-columns:1fr; }
  .painting-tip { position:static; }
}
@media (max-width:650px) {
  .painting-home-feature,.painting-benefits,.painting-material-grid,.painting-product-slots { grid-template-columns:1fr; }
  .painting-home-feature img { min-height:220px; }
  .painting-hero-grid > img { height:340px; }
  .painting-product-slots .painting-product-real { grid-template-columns:1fr; text-align:center; }
  .creative-relax-grid { grid-template-columns:1fr; text-align:center; }
  .creative-relax-grid > img { max-height:390px; }
  .creative-product-extra { grid-template-columns:1fr; }
}