.home-header{ background:var(--bg-main); border-bottom:1px solid #ebe6dc99; width:100%; position:relative}
.home-header__container{ max-width:var(--container-max); justify-content:space-between; align-items:center; margin:0 auto; padding:1.25rem 1.5rem; display:flex}
.home-header__brand{ color:var(--text-dark); align-items:center; gap:.75rem; text-decoration:none; display:flex}
.home-header__logo-icon{ color:#7a4b38; flex-shrink:0; width:26px; height:26px; transition:color .2s,transform .2s}
.home-header__brand:hover .home-header__logo-icon{ color:var(--color-terracotta,#9c4528); transform:rotate(-6deg)scale(1.08)}
.home-header__logo-text{ font-family:var(--font-serif); letter-spacing:-.01em; font-size:1.35rem; font-weight:700}
.home-header__logo-accent{ color:#7a4b38; transition:color .2s}
.home-header__brand:hover .home-header__logo-accent{ color:var(--color-terracotta,#9c4528)}
.home-header__nav{ align-items:center; gap:2.25rem; display:flex}
.home-header__nav-list{ align-items:center; gap:2rem; margin:0; padding:0; list-style:none; display:flex}
.home-header__nav-link{ font-family:var(--font-sans); color:var(--text-dark); font-size:.95rem; font-weight:500; text-decoration:none; transition:color .2s}
.home-header__nav-link:hover{ color:var(--color-terracotta)}
.home-header__cta{ background-color:var(--color-terracotta); color:#fff; font-family:var(--font-sans); border-radius:var(--radius-sm); justify-content:center; align-items:center; padding:.65rem 1.4rem; font-size:.9rem; font-weight:600; text-decoration:none; transition:background-color .2s,transform .15s; display:inline-flex}
.home-header__cta:hover{ background-color:var(--color-terracotta-hover); transform:translateY(-1px)}
.home-header__cta-desktop{ display:inline}
.home-header__cta-mobile{ display:none}
.home-header__menu-btn{ display:none; background:none; border:none; padding:6px; color:var(--text-dark,#2d1e14); cursor:pointer; border-radius:var(--radius-sm,6px); align-items:center; justify-content:center; transition:color .2s,background-color .2s}
.home-header__menu-btn:hover{ color:var(--color-terracotta,#9c4528); background-color:#f4eee6}
.home-header__menu-icon{ width:26px; height:26px; display:block}
.home-header__drawer{ background:#fff; border-bottom:1px solid #ebe5da; box-shadow:0 8px 24px #2d1e1412; padding:1.25rem 1.5rem}
.home-header__drawer-nav{ display:flex; flex-direction:column; gap:.85rem}
.home-header__drawer-link{ color:var(--text-dark,#2d1e14); text-decoration:none; font-family:var(--font-sans,"Plus Jakarta Sans", sans-serif); font-size:1.02rem; font-weight:600; padding:.4rem 0; border-bottom:1px solid #f4eee6; transition:color .15s}
.home-header__drawer-link:hover{ color:var(--color-terracotta,#9c4528)}
.home-header__drawer-link--active{ color:var(--color-terracotta,#9c4528)}
.home-header__drawer-link--highlight{ color:#8c4320; font-weight:700}
.home-header__drawer-btn-dudas{ background:none; border:none; text-align:left; cursor:pointer; color:var(--text-muted,#6b5d52); font-size:.95rem; font-family:inherit; padding:.4rem 0}
@media (width<=768px){ .home-header__container{ gap:.75rem; padding:.85rem 1rem}
.home-header__brand{ gap:.5rem; min-width:0}
.home-header__logo-icon{ width:22px; height:22px}
.home-header__logo-text{ font-size:clamp(.95rem, 3.8vw, 1.12rem)}
.home-header__nav-list{ display:none}
.home-header__cta{ display:inline-flex; padding:.48rem .95rem; font-size:.82rem; font-weight:700; letter-spacing:.02em}
.home-header__cta-desktop{ display:none}
.home-header__cta-mobile{ display:inline}
.home-header__menu-btn{ display:none}
.logo-tld{ display:none}
.guia-editorial-meta{ font-size:calc(.88rem - 1px)}
}
@media (width<=380px){
  .home-header__cta{ padding:.42rem .75rem; font-size:.78rem}
}
.home-footer{ background-color:var(--bg-main); border-top:1px solid var(--border-subtle); padding:4.5rem 1.5rem 2.5rem}
.home-footer__container{ max-width:var(--container-max); margin:0 auto}
.home-footer__grid{ grid-template-columns:1.3fr 1fr 1fr .8fr; gap:3rem; margin-bottom:3.5rem; display:grid}
.home-footer__brand-col{ flex-direction:column; display:flex}
.home-footer__logo{ color:var(--text-dark); align-items:center; gap:.75rem; margin-bottom:1.25rem; text-decoration:none; display:flex}
.home-footer__logo-icon{ color:#7a4b38; flex-shrink:0; width:28px; height:28px}
.home-footer__logo-text{ font-family:var(--font-serif); color:var(--text-dark); font-size:1.4rem; font-weight:700}
.home-footer__logo-accent{ color:#7a4b38}
.home-footer__tagline{ font-family:var(--font-sans); color:var(--text-muted); max-width:340px; margin-bottom:1.75rem; font-size:.95rem; line-height:1.6}
.home-footer__socials{ align-items:center; gap:1rem; display:flex}
.home-footer__social-link{ width:36px; height:36px; color:var(--text-dark); background:#eae5dc; border-radius:50%; justify-content:center; align-items:center; text-decoration:none; transition:background-color .2s,color .2s; display:flex}
.home-footer__social-link:hover{ background-color:var(--color-terracotta); color:#fff}
.home-footer__social-link svg{ width:18px; height:18px}
.home-footer__col-title{ font-family:var(--font-serif); color:var(--text-dark); margin-bottom:1.25rem; font-size:1.15rem; font-weight:700}
.home-footer__links-list{ flex-direction:column; gap:.75rem; margin:0; padding:0; list-style:none; display:flex}
.home-footer__link{ font-family:var(--font-sans); color:var(--text-muted); font-size:.92rem; text-decoration:none; transition:color .2s}
.home-footer__link:hover{ color:var(--color-terracotta)}
.home-footer__bottom-bar{ border-top:1px solid var(--border-subtle); text-align:center; padding-top:2rem}
.home-footer__bottom-text{ font-family:var(--font-sans); letter-spacing:.2em; text-transform:uppercase; color:var(--text-muted); font-size:.8rem; font-weight:700}
@media (width<=960px){ .home-footer__grid{ grid-template-columns:1fr 1fr}
}
@media (width<=600px){ .home-footer__grid{ grid-template-columns:1fr}
}
.breadcrumbs-bar[data-scope-breadcrumbs]{ border-bottom:none; margin-bottom:.82rem; padding:0}
.breadcrumbs-list[data-scope-breadcrumbs]{ font-family:var(--font-sans,"Plus Jakarta Sans", sans-serif); flex-wrap:wrap; align-items:center; gap:.25rem; margin:0; padding:0; font-size:.85rem; line-height:1.4; list-style:none; display:flex}
.breadcrumb-item[data-scope-breadcrumbs]{ align-items:center; display:inline-flex}
.breadcrumb-item[data-scope-breadcrumbs]:not(:last-child):after{ content:">"; color:#8f8379; margin:0 .45rem; font-size:.85rem; font-weight:400}
.crumb-link[data-scope-breadcrumbs]{ color:#6b5d52; text-decoration:none; transition:color .15s}
.crumb-link[data-scope-breadcrumbs]:hover{ color:var(--color-terracotta,sienna); text-decoration:underline}
.crumb-current[data-scope-breadcrumbs]{ color:#4e433a; font-weight:500}
.guia-page-body{ background-color:var(--bg-main,#fbf9f4); color:var(--text-dark,#2d1e14); font-family:var(--font-sans,"Plus Jakarta Sans", sans-serif); -webkit-font-smoothing:antialiased; margin:0}
.guia-editorial-main{ min-height:80vh; padding:1.25rem 1.5rem 5rem}
.guia-editorial-container{ max-width:var(--container-max,1140px); width:100%; margin:0 auto; padding-left:24px; padding-right:24px}
.guia-editorial-header{ text-align:left; margin-bottom:1.75rem}
.guia-editorial-category{ font-family:var(--font-sans,"Plus Jakarta Sans", sans-serif); letter-spacing:.06em; text-transform:uppercase; color:#7a3c1c; border-radius:9999px; background-color:#f4ece4; margin-bottom:1rem; padding:.36rem .95rem; font-size:.74rem; font-weight:700; display:inline-flex; align-items:center}
.guia-editorial-title{ font-family:var(--font-serif,"Fraunces", serif); color:var(--text-dark,#2d1e14); letter-spacing:-.025em; margin:0 0 1.25rem; font-size:calc(clamp(2rem,3.8vw,2.65rem) + 3px); font-weight:800; line-height:1.18}
.guia-editorial-lead{ font-family:var(--font-sans,"Plus Jakarta Sans", sans-serif); color:#4e4238; font-size:1.06rem; line-height:1.62; margin:0 0 1.75rem; max-width:100%}
.guia-editorial-meta{ font-family:var(--font-sans,"Plus Jakarta Sans", sans-serif); color:#4a3f37; border-bottom:1px solid var(--border-subtle,#ebe5da); justify-content:center; align-items:center; width:100%; gap:2.25rem; padding-bottom:1.25rem; font-size:.82rem; display:flex}
.guia-editorial-meta-item{ align-items:center; gap:.5rem; display:inline-flex; min-width:0}
.meta-svg{ width:18px; height:18px; color:#7a4b38; flex-shrink:0}
.meta-item-text{ display:flex; flex-direction:row; align-items:center; gap:.35rem; line-height:1.3; font-size:.82rem; white-space:nowrap}
.meta-item-text .meta-label-prefix{ color:#6b5d52}
.meta-item-text .meta-label-val{ font-weight:600; color:#2d1e14}
.guia-editorial-content{ color:var(--text-dark,#2d1e14); font-size:1.05rem; line-height:1.75}
.lead-text{ color:var(--text-dark,#2d1e14); max-width:100%; margin-bottom:1.85rem; font-size:1.2rem; font-weight:400; line-height:1.75}
.lead-text strong{ color:var(--text-dark,#2d1e14); font-weight:700}
.guia-editorial-content p{ max-width:100%; margin:0 0 1.5rem; line-height:1.75}
.guia-editorial-content h2{ font-family:var(--font-serif,"Fraunces", serif); color:var(--text-dark,#2d1e14); letter-spacing:-.015em; max-width:100%; margin:3.5rem 0 1.35rem; scroll-margin-top:5rem; font-size:clamp(1.65rem,2.8vw,2.15rem); font-weight:800; line-height:1.22}
.guia-editorial-content h3{ font-family:var(--font-serif,"Fraunces", serif); color:var(--text-dark,#2d1e14); max-width:100%; margin:2.25rem 0 .85rem; scroll-margin-top:5rem; font-size:1.35rem; font-weight:700; line-height:1.3}
.guia-editorial-content ul,.guia-editorial-content ol{ flex-direction:column; gap:.65rem; max-width:100%; margin:0 0 1.85rem 1.5rem; padding:0; display:flex}
.guia-editorial-content li{ line-height:1.68}
.sequential-list{ padding-left:.5rem; list-style:decimal}
.guia-editorial-content blockquote{ border-left:4px solid var(--color-terracotta,sienna); border-radius:0 var(--radius-sm,6px) var(--radius-sm,6px) 0; background:#f4efeb; max-width:100%; margin:2.5rem 0; padding:1.5rem 1.85rem; box-shadow:0 4px 16px #2d1e1408}
.guia-editorial-content blockquote p{ color:var(--text-dark,#2d1e14); margin:0; font-size:1.05rem; line-height:1.68}
.guia-editorial-content blockquote strong{ color:var(--color-terracotta,sienna); font-family:var(--font-serif,"Fraunces", serif); font-size:1.08rem}
.guia-editorial-content a{ color:var(--color-terracotta,sienna); text-underline-offset:3px; font-weight:500; text-decoration:underline; transition:color .15s}
.guia-editorial-content a:hover{ color:var(--color-terracotta-hover,#8c4320)}
.checklist-box,.blog-toc,.rampa-container,.faq-section{ max-width:100%}
.table-container{ border:1px solid var(--border-subtle,#ebe5da); border-radius:var(--radius-md,12px); background:#fff; margin:2.5rem 0; overflow-x:auto; box-shadow:0 4px 18px #2d1e1408}
.table-container table{ border-collapse:collapse; width:100%; font-family:var(--font-sans,"Plus Jakarta Sans", sans-serif); text-align:left; font-size:.95rem}
.table-container th{ color:#faf7f2; font-family:var(--font-serif,"Fraunces", serif); letter-spacing:.02em; background:#2d1e14; padding:1.1rem 1.35rem; font-size:.95rem; font-weight:700}
.table-container td{ border-bottom:1px solid var(--border-subtle,#ebe5da); color:var(--text-dark,#2d1e14); padding:1rem 1.35rem; line-height:1.55}
.table-container tr:nth-child(2n){ background:#faf8f4}
.table-container tr:last-child td{ border-bottom:none}
.table-container tr.table-total td{ border-top:2px solid var(--border-subtle,#ebe5da); color:var(--text-dark,#2d1e14); background:#f4efeb; font-weight:700}
.text-right{ text-align:right}
@media (width<=768px){
  .guia-editorial-main{ padding:.45rem 0 3.5rem}
  .breadcrumbs-bar[data-scope-breadcrumbs]{ margin-bottom:.78rem}
  .guia-editorial-container{ padding-left:20px; padding-right:20px}
  .guia-editorial-header{ margin-bottom:1rem}
  .guia-editorial-category{ margin-bottom:.95rem}
  .guia-editorial-title{ font-size:1.68rem; line-height:1.22}
  .guia-editorial-lead{ font-size:1rem; line-height:1.58; margin-bottom:1.4rem}
  .guia-editorial-meta{ display:flex; justify-content:space-between; align-items:flex-start; width:100%; gap:.4rem; padding-bottom:1rem; margin-bottom:0}
  .guia-editorial-meta-item{ gap:.35rem}
  .guia-editorial-meta-item--author{ margin:0 auto}
  .guia-editorial-meta-item--time{ margin-left:auto}
  .meta-svg{ width:17px; height:17px}
  .meta-item-text{ flex-direction:column; align-items:flex-start; gap:0; font-size:.71rem; line-height:1.22; white-space:normal}
  .article-hero[data-scope-article-hero]{ margin:1rem 0 2rem}
}
@media (width<=640px){
  .guia-editorial-main{ padding:.35rem 0 3rem}
  .breadcrumbs-bar[data-scope-breadcrumbs]{ margin-bottom:.74rem}
  .guia-editorial-container{ padding-left:18px; padding-right:18px}
  .guia-editorial-header{ margin-bottom:.85rem}
  .guia-editorial-category{ margin-bottom:.88rem}
  .guia-editorial-title{ font-size:1.62rem}
  .guia-editorial-meta{ padding-bottom:.85rem}
  .article-hero[data-scope-article-hero]{ margin:.85rem 0 1.25rem}
  .guia-editorial-content blockquote{ padding:1.25rem 1.25rem}
  .blog-toc[data-scope-toc]{ margin:0 0 1.75rem; padding:.8rem 1rem}
  .checklist-box[data-scope-checklist]{ padding:1.25rem 1.25rem}
}
@media (width<=390px){
  .guia-editorial-container{ padding-left:16px; padding-right:16px}
  .meta-item-text{ font-size:.67rem}
  .meta-svg{ width:15px; height:15px}
}
.blog-toc[data-scope-toc]{ border:1px solid var(--border-subtle,#ebe5da); border-radius:var(--radius-md,12px); background-color:#fff; margin:0 0 2.25rem; padding:.85rem 1.25rem; box-shadow:0 2px 10px rgba(45,30,20,.03); transition:border-color .2s ease, box-shadow .2s ease}
.blog-toc[data-scope-toc]:hover{ border-color:#d4c5b5; box-shadow:0 4px 16px rgba(45,30,20,.06)}
.blog-toc[data-scope-toc]:has(details[open]){ background-color:#fffdfa}
.blog-toc__summary[data-scope-toc]{ cursor:pointer; user-select:none; justify-content:space-between; align-items:center; list-style:none; display:flex}
.blog-toc__summary[data-scope-toc]::-webkit-details-marker{ display:none}
.blog-toc__header-left[data-scope-toc]{ align-items:center; gap:.75rem; display:flex}
.blog-toc__icon[data-scope-toc]{ width:22px; height:22px; color:#82321e; flex-shrink:0}
.blog-toc__title[data-scope-toc]{ font-family:var(--font-sans,"Plus Jakarta Sans", sans-serif); color:var(--text-dark,#2d1e14); font-size:.98rem; font-weight:700; letter-spacing:-.01em}
.blog-toc__chevron[data-scope-toc]{ width:18px; height:18px; color:var(--text-dark,#2d1e14); transition:transform .2s ease; flex-shrink:0}
details[data-scope-toc][open] .blog-toc__chevron[data-scope-toc]{ transform:rotate(180deg)}
.blog-toc__list[data-scope-toc]{ border-top:1px solid var(--border-subtle,#ebe5da); flex-direction:column; gap:.6rem; margin:.85rem 0 0; padding:1rem 0 .25rem; list-style:none; display:flex}
.blog-toc__link[data-scope-toc]{ font-family:var(--font-sans,"Plus Jakarta Sans", sans-serif); color:var(--text-muted,#5a4b41); align-items:center; gap:.5rem; font-size:.92rem; line-height:1.4; text-decoration:none; transition:color .15s; display:inline-flex}
.blog-toc__link[data-scope-toc]:hover{ color:var(--color-terracotta,#8c3820)}
.blog-toc__bullet[data-scope-toc]{ width:14px; height:14px; color:var(--color-terracotta,#8c3820); flex-shrink:0}
.blog-toc__item--parent[data-scope-toc] .blog-toc__text[data-scope-toc]{ color:var(--text-dark,#2d1e14); font-weight:600}
.article-hero[data-scope-article-hero]{ border-radius:var(--radius-md,12px); border:1px solid var(--border-subtle,#ebe5da); margin:1.25rem 0 1.5rem; overflow:hidden; box-shadow:0 8px 24px #2d1e140d}
.article-hero[data-scope-article-hero] img[data-scope-article-hero]{ object-fit:cover; width:100%; height:auto; display:block}
.article-hero[data-scope-article-hero] figcaption[data-scope-article-hero]{ font-family:var(--font-sans,"Plus Jakarta Sans", sans-serif); color:var(--text-muted,#6b5d52); border-top:1px solid var(--border-subtle,#ebe5da); background-color:#f7f3ec; padding:.85rem 1.25rem; font-size:.88rem; line-height:1.45}
.editorial-figure[data-scope-editorial-figure]{ border-radius:var(--radius-md,12px); border:1px solid var(--border-subtle,#ebe5da); background:#fff; margin:2.5rem 0; overflow:hidden; box-shadow:0 6px 20px #2d1e140a}
.editorial-figure[data-scope-editorial-figure] img[data-scope-editorial-figure]{ object-fit:cover; width:100%; height:auto; display:block}
.editorial-figure[data-scope-editorial-figure] figcaption[data-scope-editorial-figure]{ font-family:var(--font-sans,"Plus Jakarta Sans", sans-serif); color:var(--text-muted,#6b5d52); border-top:1px solid var(--border-subtle,#ebe5da); background-color:#f7f3ec; padding:.85rem 1.25rem; font-size:.88rem; line-height:1.45}
.checklist-box[data-scope-checklist]{ border:1px solid var(--border-subtle,#ebe5da); border-radius:var(--radius-md,12px); background:#fff; margin:2rem 0; padding:1.75rem 2rem; box-shadow:0 4px 18px #2d1e1408}
.checklist-list[data-scope-checklist]{ flex-direction:column; gap:1rem; margin:0; padding:0; list-style:none; display:flex}
.checklist-item[data-scope-checklist]{ align-items:flex-start; gap:.85rem; display:flex}
.checklist-icon[data-scope-checklist]{ width:22px; height:22px; color:var(--color-terracotta,sienna); background:#ede8de; border-radius:50%; flex-shrink:0; justify-content:center; align-items:center; margin-top:.15rem; display:flex}
.checklist-icon[data-scope-checklist] svg[data-scope-checklist]{ width:13px; height:13px}
.checklist-text[data-scope-checklist]{ font-family:var(--font-sans,"Plus Jakarta Sans", sans-serif); color:var(--text-dark,#2d1e14); font-size:.98rem; line-height:1.55}
.faq-section[data-scope-faq]{ border-top:1px solid var(--border-subtle,#ebe5da); margin:4rem 0 2rem; padding-top:2.5rem}
.faq-header[data-scope-faq]{ margin-bottom:2rem}
.faq-eyebrow[data-scope-faq]{ font-family:var(--font-sans,"Plus Jakarta Sans", sans-serif); letter-spacing:.16em; text-transform:uppercase; color:#8d4624; font-size:.76rem; font-weight:800; display:inline-block; margin-bottom:.65rem}
.faq-section-title[data-scope-faq]{ font-family:var(--font-serif,"Fraunces", serif); color:var(--text-dark,#2d1e14); margin:0 0 .65rem; font-size:clamp(1.6rem,2.5vw,2.1rem); font-weight:800; line-height:1.2; letter-spacing:-.015em}
.faq-lead-desc[data-scope-faq]{ font-family:var(--font-sans,"Plus Jakarta Sans", sans-serif); color:var(--text-muted,#6b5d52); font-size:1rem; line-height:1.55; margin:0; max-width:720px}
.faq-accordion-group[data-scope-faq]{ display:flex; flex-direction:column; gap:.85rem}
.faq-item[data-scope-faq]{ background:#fff; border:1px solid var(--border-subtle,#ebe5da); border-radius:12px; box-shadow:0 2px 10px rgba(45,30,20,.03); transition:border-color .2s ease, box-shadow .2s ease; overflow:hidden}
.faq-item[data-scope-faq]:hover{ border-color:#d4c5b5; box-shadow:0 4px 16px rgba(45,30,20,.06)}
.faq-item[data-scope-faq][open]{ border-color:#c8522a55; border-left:4px solid var(--color-terracotta,#c8522a); box-shadow:0 6px 20px rgba(200,82,42,.07); background:#fffdfa}
.faq-summary[data-scope-faq]{ display:flex; justify-content:space-between; align-items:center; padding:1.2rem 1.45rem; cursor:pointer; user-select:none; list-style:none; gap:1rem; transition:background-color .15s ease}
.faq-summary[data-scope-faq]::-webkit-details-marker{ display:none}
.faq-summary[data-scope-faq]:focus-visible{ outline:2px solid var(--color-terracotta,#c8522a); outline-offset:-2px}
.faq-summary[data-scope-faq]:hover .faq-question[data-scope-faq]{ color:var(--color-terracotta,#c8522a)}
.faq-question[data-scope-faq]{ font-family:var(--font-serif,"Fraunces", serif); color:var(--text-dark,#2d1e14); font-size:1.1rem; font-weight:700; line-height:1.35; margin:0; transition:color .2s ease}
.faq-item[data-scope-faq][open] .faq-question[data-scope-faq]{ color:#7a391c}
.faq-chevron-wrap[data-scope-faq]{ width:30px; height:30px; border-radius:50%; background:#f5eee6; color:var(--color-terracotta,#c8522a); display:flex; align-items:center; justify-content:center; flex-shrink:0; transition:transform .25s ease, background-color .25s ease, color .25s ease}
.faq-chevron-icon[data-scope-faq]{ width:15px; height:15px; transition:transform .25s ease}
.faq-item[data-scope-faq][open] .faq-chevron-wrap[data-scope-faq]{ background:var(--color-terracotta,#c8522a); color:#fff; transform:rotate(180deg)}
.faq-answer[data-scope-faq]{ padding:0 1.45rem 1.35rem 1.45rem; border-top:1px solid #f0e7dd; margin-top:.15rem; padding-top:.95rem; animation:faqReveal .2s ease-out}
.faq-answer[data-scope-faq] p[data-scope-faq]{ font-family:var(--font-sans,"Plus Jakarta Sans", sans-serif); color:var(--text-muted,#5c4e44); margin:0; font-size:.96rem; line-height:1.68}
@keyframes faqReveal{ from{ opacity:0; transform:translateY(-4px)} to{ opacity:1; transform:translateY(0)}}
@media (max-width:640px){
  .faq-summary[data-scope-faq]{ padding:1.05rem 1.15rem; gap:.75rem}
  .faq-question[data-scope-faq]{ font-size:1rem}
  .faq-chevron-wrap[data-scope-faq]{ width:26px; height:26px}
  .faq-chevron-icon[data-scope-faq]{ width:13px; height:13px}
  .faq-answer[data-scope-faq]{ padding:0 1.15rem 1.15rem 1.15rem; padding-top:.85rem}
}
.seccion-resumen[data-scope-resumen]{ margin:3.5rem 0 3rem}
.resumen-title[data-scope-resumen]{ font-family:var(--font-serif,"Fraunces", serif); color:var(--text-dark,#1f1916); letter-spacing:-.02em; margin:0 0 1.25rem; font-size:clamp(1.85rem,3vw,2.35rem); font-weight:800; line-height:1.2}
.resumen-text[data-scope-resumen]{ font-family:var(--font-sans,"Plus Jakarta Sans", sans-serif); color:var(--text-dark,#2d1e14); max-width:100%; margin-bottom:1.85rem; font-size:1.05rem; line-height:1.75}
.resumen-callout[data-scope-resumen]{ background:#faf6ee; border:1px solid #ebe3d6; border-radius:12px; align-items:center; gap:1.25rem; max-width:100%; margin:2rem 0 2.5rem; padding:1.25rem 1.75rem; display:flex}
.callout-icon-col[data-scope-resumen]{ flex-shrink:0; justify-content:center; align-items:center; display:flex}
.callout-icon-col[data-scope-resumen] img[data-scope-resumen]{ width:48px; height:auto; display:block}
.callout-text[data-scope-resumen]{ font-family:var(--font-sans,"Plus Jakarta Sans", sans-serif); color:var(--text-dark,#2d1e14); margin:0; font-size:.98rem; line-height:1.6}
.separador-grano[data-scope-resumen]{ justify-content:center; align-items:center; gap:1.25rem; margin:3.5rem auto 3rem; display:flex}
.separador-linea[data-scope-resumen]{ border-top:1.5px solid #bdae9e; width:130px; height:0; display:block}
.grano-icon[data-scope-resumen]{ width:28px; height:auto; display:block}
@media (width<=640px){ .resumen-callout[data-scope-resumen]{ flex-direction:column; align-items:flex-start; gap:1rem; padding:1.25rem 1.35rem}
.separador-linea[data-scope-resumen]{ width:65px}
}
.plan-real-section[data-scope-plan-real]{ background:0 0; margin:2.5rem 0 .5rem; padding:1.5rem 0 0; position:relative}
.plan-real-grid[data-scope-plan-real]{ grid-template-columns:1fr 340px; align-items:flex-start; gap:2.5rem; display:grid}
.plan-real-col-text[data-scope-plan-real]{ flex-direction:column; padding-bottom:1.5rem; display:flex}
.plan-real-header[data-scope-plan-real]{ margin-bottom:1.75rem}
.plan-real-eyebrow[data-scope-plan-real]{ font-family:var(--font-sans,"Plus Jakarta Sans", sans-serif); letter-spacing:.16em; text-transform:uppercase; color:#8d4624; margin-bottom:.85rem; font-size:.76rem; font-weight:800; display:inline-block}
.plan-real-title[data-scope-plan-real]{ font-family:var(--font-serif,"Fraunces", serif); letter-spacing:-.025em; margin:0; font-size:clamp(1.75rem,2.65vw,2.25rem); font-weight:800; line-height:1.18}
.title-dark[data-scope-plan-real]{ color:var(--text-dark,#1f1916)}
.title-terracotta[data-scope-plan-real]{ color:#8d4624}
.plan-real-paragraphs[data-scope-plan-real]{ flex-direction:column; gap:1.5rem; display:flex}
.plan-real-p[data-scope-plan-real]{ font-family:var(--font-sans,"Plus Jakarta Sans", sans-serif); color:var(--text-dark,#2d1e14); margin:0; font-size:1.05rem; line-height:1.72}
.plan-real-p[data-scope-plan-real] strong{ color:var(--text-dark,#1f1916); font-weight:700}
.plan-real-col-image[data-scope-plan-real]{ justify-content:flex-end; align-items:flex-start; display:flex}
.plan-real-img[data-scope-plan-real]{ object-fit:cover; width:100%; height:auto; display:block}
@media (width<=960px){ .plan-real-grid[data-scope-plan-real]{ grid-template-columns:1fr; gap:2rem}
.plan-real-col-image[data-scope-plan-real]{ justify-content:center}
.plan-real-img[data-scope-plan-real]{ max-width:320px}
}
.curso-trust-grid[data-scope-curso-trust]{ grid-template-columns:1fr 1fr; gap:.75rem 1.5rem; margin-top:.5rem; display:grid}
.trust-item[data-scope-curso-trust]{ font-family:var(--font-sans,"Plus Jakarta Sans", sans-serif); color:#5c5248; align-items:center; gap:.6rem; font-size:.88rem; display:flex}
.trust-icon[data-scope-curso-trust]{ color:#8c4320; flex-shrink:0; width:18px; height:18px}
@media (width<=600px){ .curso-trust-grid[data-scope-curso-trust]{ grid-template-columns:1fr}
}
.curso-card-editorial[data-scope-curso-card]{ background:#faf6f0; border:1px solid #eae2d5; border-radius:22px; margin:3.5rem 0; padding:3rem 3.5rem; box-shadow:0 8px 30px #2d1e140a}
.curso-card-grid[data-scope-curso-card]{ grid-template-columns:380px 1fr; align-items:center; gap:3.5rem; display:grid}
.curso-card-col-visual[data-scope-curso-card]{ justify-content:center; align-items:center; display:flex}
.curso-card-mockup-img[data-scope-curso-card]{ width:100%; max-width:370px; height:auto; display:block}
.curso-card-col-content[data-scope-curso-card]{ flex-direction:column; display:flex}
.curso-card-eyebrow[data-scope-curso-card]{ font-family:var(--font-sans,"Plus Jakarta Sans", sans-serif); letter-spacing:.16em; text-transform:uppercase; color:#8d4624; margin-bottom:.75rem; font-size:.76rem; font-weight:800}
.curso-card-title[data-scope-curso-card]{ font-family:var(--font-serif,"Fraunces", serif); color:var(--text-dark,#1f1916); letter-spacing:-.02em; margin:0 0 .2rem; font-size:clamp(1.85rem,3.2vw,2.35rem); font-weight:800; line-height:1.15}
.curso-card-subtitle[data-scope-curso-card]{ font-family:var(--font-serif,"Fraunces", serif); color:var(--text-dark,#1f1916); margin:0 0 1.15rem; font-size:clamp(1.35rem,2.4vw,1.7rem); font-weight:700; line-height:1.25}
.curso-card-desc[data-scope-curso-card]{ font-family:var(--font-sans,"Plus Jakarta Sans", sans-serif); color:var(--text-dark,#2d1e14); margin:0 0 1.5rem; font-size:1.02rem; line-height:1.68}
.curso-card-desc[data-scope-curso-card] strong{ color:var(--text-dark,#1f1916); font-weight:700}
.curso-card-features[data-scope-curso-card]{ flex-direction:column; gap:.85rem; margin:0 0 1.75rem; padding:0; list-style:none; display:flex}
.curso-card-feat-item[data-scope-curso-card]{ font-family:var(--font-sans,"Plus Jakarta Sans", sans-serif); color:var(--text-dark,#2d1e14); align-items:center; gap:.85rem; font-size:.98rem; font-weight:500; display:flex}
.feat-check-icon[data-scope-curso-card]{ color:#faf7f2; background:#6e3920; border-radius:50%; flex-shrink:0; justify-content:center; align-items:center; width:22px; height:22px; display:flex}
.feat-check-icon[data-scope-curso-card] svg[data-scope-curso-card]{ width:13px; height:13px}
.curso-card-action[data-scope-curso-card]{ margin-bottom:1.75rem}
.curso-card-btn[data-scope-curso-card]{ color:#faf7f2; font-family:var(--font-sans,"Plus Jakarta Sans", sans-serif); background:#7d3e21; border-radius:9999px; align-items:center; gap:.75rem; padding:.95rem 2.25rem; font-size:1.02rem; font-weight:700; text-decoration:none; transition:all .2s; display:inline-flex; box-shadow:0 4px 14px #7d3e2147}
.curso-card-btn[data-scope-curso-card]:hover{ background:#682e15; transform:translateY(-2px); box-shadow:0 6px 20px #7d3e2159}
.btn-arrow[data-scope-curso-card]{ width:18px; height:18px; transition:transform .2s}
.curso-card-btn[data-scope-curso-card]:hover .btn-arrow[data-scope-curso-card]{ transform:translate(3px)}
@media (width<=960px){ .curso-card-editorial[data-scope-curso-card]{ padding:2.25rem 1.85rem}
.curso-card-grid[data-scope-curso-card]{ grid-template-columns:1fr; gap:2.5rem}
.curso-card-col-visual[data-scope-curso-card]{ order:-1}
.curso-card-mockup-img[data-scope-curso-card]{ max-width:320px}
}
@media (width<=600px){ .curso-card-btn[data-scope-curso-card]{ justify-content:center; width:100%}
}
.ultima-idea-section[data-scope-ultima-idea]{ text-align:center; margin:3.5rem 0 4rem; position:relative}
.separador-grano[data-scope-ultima-idea]{ justify-content:center; align-items:center; gap:1.25rem; margin:0 auto 2.5rem; display:flex}
.separador-linea[data-scope-ultima-idea]{ border-top:1.5px solid #bdae9e; width:130px; height:0; display:block}
.grano-icon[data-scope-ultima-idea]{ width:28px; height:auto; display:block}
.ultima-idea-content[data-scope-ultima-idea]{ max-width:820px; margin:0 auto; padding:0 1rem; position:relative}
.ultima-idea-eyebrow[data-scope-ultima-idea]{ font-family:var(--font-sans,"Plus Jakarta Sans", sans-serif); letter-spacing:.16em; text-transform:uppercase; color:#8d4624; margin-bottom:1.5rem; font-size:.76rem; font-weight:800; display:block}
.ultima-idea-quote[data-scope-ultima-idea]{ box-shadow:none; background:0 0; border:none; margin:0 0 1.75rem; padding:0}
.ultima-idea-quote[data-scope-ultima-idea] p[data-scope-ultima-idea]{ font-family:var(--font-serif,"Fraunces", serif); color:var(--text-dark,#1f1916); margin:0; font-size:clamp(1.2rem,2.3vw,1.45rem); font-style:italic; line-height:1.55}
.ultima-idea-handwriting[data-scope-ultima-idea]{ font-family:var(--font-script,"Caveat", cursive); color:#7a4828; flex-direction:column; align-items:flex-end; margin:.5rem 1.5rem 0 0; font-size:1.65rem; font-weight:700; line-height:1.2; display:flex; transform:rotate(-3deg)}
.underline-stroke[data-scope-ultima-idea]{ display:inline-block; position:relative}
.underline-stroke[data-scope-ultima-idea]:after{ content:""; background:#8c4e28; border-radius:2px; width:110%; height:2px; position:absolute; bottom:-4px; left:-5%; transform:rotate(.8deg)}
.ultima-idea-bottom-line[data-scope-ultima-idea]{ border-top:1.5px solid #bdae9e; width:55px; height:0; margin:2.5rem auto 0}
@media (width<=640px){ .separador-linea[data-scope-ultima-idea]{ width:70px}
.ultima-idea-handwriting[data-scope-ultima-idea]{ align-items:center; margin:1.5rem 0 0; font-size:1.45rem}
}
.dudas-floating-container[data-scope-dudas]{ bottom:calc(1.25rem + env(safe-area-inset-bottom,0px)); z-index:95; pointer-events:none; position:fixed; right:1.25rem}
.dudas-floating-btn[data-scope-dudas]{ color:#1f1b18; font-family:var(--font-sans,Inter, system-ui, sans-serif); letter-spacing:.01em; cursor:pointer; will-change:transform, opacity; background:#faf6f0; border:1.5px solid #d4c4b4; border-radius:9999px; align-items:center; gap:.55rem; padding:.7rem 1.15rem .7rem .95rem; font-size:.92rem; font-weight:700; transition:opacity .4s,transform .4s cubic-bezier(.16,1,.3,1),box-shadow .2s,border-color .2s; display:inline-flex; box-shadow:0 8px 24px #2d23191f,0 2px 6px #2d23190f}
.dudas-btn-icon[data-scope-dudas]{ background:#f2e4d6; border-radius:50%; flex-shrink:0; justify-content:center; align-items:center; width:1.45rem; height:1.45rem; display:inline-flex}
.svg-dudas-chat[data-scope-dudas]{ width:1.1rem; height:1.1rem; display:block}
.dudas-btn-label[data-scope-dudas]{ white-space:nowrap}
.dudas-btn--dormant[data-scope-dudas]{ opacity:0!important; pointer-events:none!important; transform:translateY(1.5rem)scale(.92)!important}
.dudas-btn--active[data-scope-dudas]{ opacity:1!important; pointer-events:auto!important; transform:translateY(0)scale(1)!important}
.dudas-floating-btn[data-scope-dudas]:hover{ border-color:#c8522a; transform:translateY(-2px); box-shadow:0 12px 28px #2d23192e}
.dudas-modal-overlay[data-scope-dudas]{ z-index:1000; opacity:0; visibility:hidden; justify-content:center; align-items:center; padding:1rem; transition:opacity .25s,visibility .25s; display:flex; position:fixed; inset:0}
.dudas-modal-overlay[data-scope-dudas].is-visible{ opacity:1; visibility:visible}
.dudas-modal-backdrop[data-scope-dudas]{ -webkit-backdrop-filter:blur(5px); background:#14100da6; position:absolute; inset:0}
.dudas-modal-panel[data-scope-dudas]{ z-index:2; background:#faf7f2; border:1px solid #ebdcd0; border-radius:1.5rem; width:100%; max-width:32.5rem; max-height:calc(100vh - 2.5rem); padding:2rem 2.2rem 1.65rem; transition:transform .25s cubic-bezier(.16,1,.3,1); position:relative; overflow-y:auto; overflow-x:hidden; transform:scale(.96)translateY(12px); box-shadow:0 24px 60px #1e140c47, 0 4px 14px #1e140c14}
.dudas-modal-overlay[data-scope-dudas].is-visible .dudas-modal-panel[data-scope-dudas]{ transform:scale(1)translateY(0)}
.dudas-modal-close[data-scope-dudas]{ color:#4a3d34; cursor:pointer; z-index:4; background:#eee5da; border:none; border-radius:50%; justify-content:center; align-items:center; width:2.25rem; height:2.25rem; transition:background-color .15s,color .15s; display:inline-flex; position:absolute; top:1.25rem; right:1.25rem}
.dudas-modal-close[data-scope-dudas]:hover{ color:#1e150f; background:#e2d6c6}
.dudas-header-art-wrap[data-scope-dudas]{ position:absolute; top:2rem; right:1.5rem; width:135px; pointer-events:none; z-index:2}
.dudas-header-art[data-scope-dudas]{ width:100%; height:auto; display:block; filter:drop-shadow(0 8px 16px rgba(45,30,20,0.08))}
.dudas-corner-leaves[data-scope-dudas]{ position:absolute; bottom:-12px; left:-14px; width:75px; height:85px; overflow:hidden; pointer-events:none; opacity:.28; z-index:1}
.dudas-corner-leaves-img[data-scope-dudas]{ width:200px; height:200px; max-width:none; position:absolute; bottom:-10px; right:-20px; transform:scaleX(-1)}
.dudas-corner-beans[data-scope-dudas]{ position:absolute; bottom:10px; right:12px; width:52px; height:38px; overflow:hidden; pointer-events:none; opacity:.35; z-index:1}
.dudas-corner-beans-img[data-scope-dudas]{ width:180px; height:180px; max-width:none; position:absolute; bottom:-12px; left:-18px}
.dudas-modal-header[data-scope-dudas]{ text-align:left; margin-bottom:1.15rem; position:relative; z-index:3}
.dudas-eyebrow-pill[data-scope-dudas]{ color:#7a351d; letter-spacing:.08em; background:#faece1; border:none; border-radius:9999px; align-items:center; gap:.45rem; margin-bottom:.65rem; padding:.25rem .75rem; font-size:.74rem; font-weight:700; display:inline-flex}
.eyebrow-dot[data-scope-dudas]{ background:#c8522a; border-radius:50%; width:6px; height:6px; flex-shrink:0}
.dudas-modal-title[data-scope-dudas]{ font-family:var(--font-serif,Georgia, serif); color:#1f1610; margin:0 0 .35rem; font-size:clamp(1.35rem,3.4vw,1.65rem); font-weight:700; line-height:1.2; max-width:68%}
.dudas-modal-subtitle[data-scope-dudas]{ font-family:var(--font-sans,Inter, system-ui, sans-serif); color:#594c41; margin:0 0 .95rem; font-size:.95rem; line-height:1.45; max-width:70%}
.dudas-sla-banner[data-scope-dudas]{ background:linear-gradient(135deg, #fdf4eb 0%, #fffbf7 100%); border:1px solid #f2dfd0; border-left:3.5px solid #c8522a; border-radius:.75rem; align-items:center; gap:.85rem; padding:.8rem 1rem; display:flex}
.sla-icon[data-scope-dudas]{ width:42px; height:42px; border-radius:50%; background:#fbe6d6; display:flex; align-items:center; justify-content:center; flex-shrink:0}
.sla-texts[data-scope-dudas]{ flex-direction:column; gap:.15rem; line-height:1.35; display:flex}
.sla-primary[data-scope-dudas]{ color:#1f1610; font-weight:700; font-size:.86rem}
.sla-secondary[data-scope-dudas]{ color:#6b5c51; font-size:.8rem}
.dudas-form[data-scope-dudas]{ position:relative; z-index:3}
.dudas-form-fields[data-scope-dudas]{ text-align:left; flex-direction:column; gap:.85rem; margin-bottom:1.15rem; display:flex}
.dudas-field-group[data-scope-dudas]{ flex-direction:column; gap:.32rem; display:flex}
.dudas-label[data-scope-dudas]{ font-family:var(--font-sans,Inter, system-ui, sans-serif); letter-spacing:.05em; color:#2e231b; text-transform:uppercase; font-size:.76rem; font-weight:700}
.dudas-req[data-scope-dudas]{ color:#c8522a; margin-left:.15rem}
.dudas-opt[data-scope-dudas]{ color:#7f7064; text-transform:none; font-size:.76rem; font-weight:400}
.dudas-input-wrap[data-scope-dudas]{ width:100%; position:relative; display:flex; align-items:center}
.dudas-field-icon[data-scope-dudas]{ position:absolute; left:.9rem; top:50%; transform:translateY(-50%); pointer-events:none; color:#5a4b40; transition:color .15s; width:18px; height:18px; flex-shrink:0}
.dudas-field-icon--textarea[data-scope-dudas]{ top:.95rem; transform:none}
.dudas-input-wrap:focus-within .dudas-field-icon[data-scope-dudas]{ color:#c8522a}
.dudas-input[data-scope-dudas],.dudas-textarea[data-scope-dudas],.dudas-select[data-scope-dudas]{ width:100%; font-family:var(--font-sans,Inter, system-ui, sans-serif); color:#1f1610; box-sizing:border-box; background:#fbf8f4; border:1.5px solid #e3d7cb; border-radius:.65rem; padding:.7rem .95rem .7rem 2.65rem; font-size:.92rem; transition:border-color .15s,background-color .15s,box-shadow .15s}
.dudas-input[data-scope-dudas]:focus,.dudas-textarea[data-scope-dudas]:focus,.dudas-select[data-scope-dudas]:focus{ background:#fff; border-color:#c8522a; outline:none; box-shadow:0 0 0 3px #c8522a24}
.dudas-textarea[data-scope-dudas]{ resize:vertical; min-height:5rem; padding-top:.8rem}
.dudas-select[data-scope-dudas]{ -webkit-appearance:none; appearance:none; cursor:pointer; padding-right:2.3rem}
.select-chevron[data-scope-dudas]{ pointer-events:none; color:#5a4b40; position:absolute; top:50%; right:.9rem; transform:translateY(-50%)}
.dudas-alert-error[data-scope-dudas]{ color:#9c2e15; text-align:left; background:#fdeeeb; border:1px solid #f5c6be; border-radius:.55rem; align-items:center; gap:.5rem; margin-bottom:.85rem; padding:.65rem .85rem; font-size:.82rem; line-height:1.35; display:flex}
.dudas-submit-btn[data-scope-dudas]{ width:100%; font-family:var(--font-sans,Inter, system-ui, sans-serif); letter-spacing:.05em; cursor:pointer; background:linear-gradient(180deg,#c75128 0%,#b3431c 100%); border:none; border-radius:.7rem; justify-content:center; align-items:center; padding:.92rem 1.5rem; font-size:.95rem; font-weight:700; transition:transform .15s,box-shadow .15s,opacity .15s; display:inline-flex; box-shadow:0 6px 18px #b3431c4d; color:#fff!important}
.dudas-submit-btn[data-scope-dudas]:hover:not(:disabled){ transform:translateY(-1px); box-shadow:0 8px 22px #b3431c66; background:linear-gradient(180deg,#ba4921 0%,#a63a14 100%)}
.dudas-submit-btn[data-scope-dudas]:disabled{ opacity:.75; cursor:not-allowed}
.btn-text-idle[data-scope-dudas]{ align-items:center; justify-content:center; gap:.55rem; display:inline-flex}
.btn-send-icon[data-scope-dudas]{ width:18px; height:18px; flex-shrink:0}
.btn-text-loading[data-scope-dudas]{ align-items:center; gap:.5rem; display:inline-flex}
.spinner-svg[data-scope-dudas]{ animation:.8s linear infinite dudas-spin}
@keyframes dudas-spin{ to{ transform:rotate(360deg)} }
.dudas-privacy-note[data-scope-dudas]{ font-family:var(--font-sans,Inter, system-ui, sans-serif); color:#6b5c51; text-align:center; margin:.75rem 0 0; font-size:.78rem; display:flex; align-items:center; justify-content:center; gap:.4rem}
.privacy-lock-icon[data-scope-dudas]{ width:14px; height:14px; color:#6b5c51; flex-shrink:0}
.dudas-success-panel[data-scope-dudas]{ text-align:center; flex-direction:column; align-items:center; padding:1.5rem .5rem .5rem; display:flex}
.success-icon-wrap[data-scope-dudas]{ margin-bottom:.85rem}
.success-title[data-scope-dudas]{ font-family:var(--font-serif,Georgia, serif); color:#171513; margin:0 0 .45rem; font-size:1.55rem; font-weight:900}
.success-desc[data-scope-dudas]{ color:#3b3229; max-width:22rem; margin:0 0 .5rem; font-size:.95rem; line-height:1.45}
.success-schedule[data-scope-dudas]{ color:#6e5f52; max-width:22rem; margin:0 0 1.5rem; font-size:.82rem}
.dudas-close-success-btn[data-scope-dudas]{ color:#fff; letter-spacing:.06em; cursor:pointer; background:#17324d; border:none; border-radius:.45rem; padding:.75rem 2.25rem; font-size:.88rem; font-weight:700; transition:background-color .15s}
.dudas-close-success-btn[data-scope-dudas]:hover{ background:#112438}
@media (width<=36rem){
.dudas-floating-container[data-scope-dudas]{ bottom:calc(.85rem + env(safe-area-inset-bottom,0px)); right:.85rem}
.dudas-floating-btn[data-scope-dudas]{ gap:.45rem; padding:.55rem .85rem .55rem .72rem; font-size:.84rem; box-shadow:0 4px 14px #2d231929}
.dudas-modal-panel[data-scope-dudas]{ border-radius:1.15rem; padding:1.4rem 1.15rem 1.25rem}
.dudas-header-art-wrap[data-scope-dudas]{ width:88px; top:1.1rem; right:1.1rem; opacity:.85}
.dudas-modal-title[data-scope-dudas]{ font-size:1.25rem; max-width:70%}
.dudas-modal-subtitle[data-scope-dudas]{ font-size:.88rem; max-width:72%}
.sla-icon[data-scope-dudas]{ width:36px; height:36px}
.sla-primary[data-scope-dudas]{ font-size:.8rem}
.sla-secondary[data-scope-dudas]{ font-size:.74rem}
.dudas-input[data-scope-dudas],.dudas-textarea[data-scope-dudas],.dudas-select[data-scope-dudas]{ font-size:.88rem; padding:.65rem .85rem .65rem 2.45rem}
.dudas-field-icon[data-scope-dudas]{ left:.78rem; width:16px; height:16px}
.dudas-submit-btn[data-scope-dudas]{ padding:.85rem 1.25rem; font-size:.88rem}
}
:root{ --bg-main:#f9f7f2; --bg-card:#fff; --bg-card-subtle:#f5f2ea; --bg-badge:#efece3; --bg-dark-accent:#873e24; --bg-dark-espresso:#1e1714; --text-dark:#1f1916; --text-muted:#5c554f; --text-light:#7a726b; --text-on-dark:#fbf9f5; --color-terracotta:#9c4528; --color-terracotta-hover:#83351a; --color-olive:#4e6049; --color-olive-bg:#edf3ed; --color-badge-brown:#8d5438; --color-badge-brown-bg:#f4ece3; --border-subtle:#ebe6dc; --border-card:#e3ded4; --serif:"Fraunces", Georgia, serif; --sans:"Plus Jakarta Sans", "Segoe UI", Arial, sans-serif; --hand:"Caveat", "Segoe Print", "Bradley Hand", cursive; --font-serif:var(--serif); --font-sans:var(--sans); --font-script:var(--hand); --container-max:1140px; --radius-sm:8px; --radius-md:14px; --radius-lg:20px; --radius-full:9999px; --shadow-subtle:0 4px 20px #2d1e140a; --shadow-card:0 10px 30px #2d1e140f; --shadow-floating:0 20px 40px #2d1e141f}
*,:before,:after{ box-sizing:border-box; margin:0; padding:0}
html{ font-family:var(--font-sans); background-color:var(--bg-main); color:var(--text-dark); scroll-behavior:smooth; -webkit-font-smoothing:antialiased}
body{ background-color:var(--bg-main); min-height:100vh; line-height:1.6}
img{ max-width:100%; height:auto; display:block}
a{ color:inherit; text-decoration:none}
button{ cursor:pointer; background:0 0; border:none; font-family:inherit}
.container{ width:100%; max-width:var(--container-max); margin-left:auto; margin-right:auto; padding-left:24px; padding-right:24px}
.eyebrow{ font-family:var(--sans); letter-spacing:.24em; text-transform:uppercase; color:var(--text-light); margin-bottom:12px; font-size:.78rem; font-weight:800}
.overline{ font-family:var(--sans); letter-spacing:.22em; text-transform:uppercase; font-size:.74rem; font-weight:800}
.display{ font-family:var(--serif); letter-spacing:-.055em; margin:0; font-weight:700; line-height:.98}
.display--hero{ font-size:clamp(3.6rem,5.5vw,4.8rem)}
.display--section{ font-size:clamp(3rem,4.8vw,4.2rem)}
.serif-quote{ font-family:var(--serif); font-size:1.55rem; font-style:italic; font-weight:600; line-height:1.35}
.script-quote{ font-family:var(--hand); color:var(--text-dark); font-size:1.5rem; line-height:1.25}
.hand-note{ font-family:var(--hand); font-size:1.25rem; font-style:italic; font-weight:600; line-height:1.25; transform:rotate(-4deg)}
.btn-primary{ background-color:var(--color-terracotta); color:#fff; border-radius:var(--radius-sm); justify-content:center; align-items:center; gap:10px; padding:14px 28px; font-size:.95rem; font-weight:600; transition:all .2s; display:inline-flex; box-shadow:0 4px 14px #9c452840}
.btn-primary:hover{ background-color:var(--color-terracotta-hover); transform:translateY(-1px); box-shadow:0 6px 20px #9c452859}
.btn-secondary-link{ color:var(--text-dark); text-underline-offset:4px; align-items:center; font-size:.95rem; font-weight:600; text-decoration:underline; transition:color .2s; display:inline-flex}
.btn-secondary-link:hover{ color:var(--color-terracotta)}
.badge-tag{ letter-spacing:.08em; text-transform:uppercase; border-radius:4px; align-items:center; padding:4px 10px; font-size:.7rem; font-weight:700; display:inline-flex}
.badge-tag.observado{ background-color:var(--color-badge-brown-bg); color:var(--color-badge-brown)}
.badge-tag.supuesto{ color:#9c4528; background-color:#f8ece8}
.badge-tag.validar{ background-color:var(--color-olive-bg); color:var(--color-olive)}
.section-padding{ padding:90px 0}
.section-divider{ border:none; border-top:1px solid var(--border-subtle); margin:0}
.separador-taza[data-scope-separador-taza]{ justify-content:center; align-items:center; gap:1.5rem; width:100%; margin:3.5rem 0 2rem; display:flex}
.separador-taza__linea[data-scope-separador-taza]{ flex:1; height:0; border-top:1.5px solid #bdae9e}
.separador-taza__icon[data-scope-separador-taza]{ width:28px; height:28px; color:#7a4b38; flex-shrink:0}
.separador-taza[data-scope-separador-taza] + h2{ margin-top:1.5rem}
.separador-taza[data-scope-separador-taza] + .plan-real-section[data-scope-plan-real]{ margin-top:0; padding-top:.5rem}
@media (width<=768px){
  .separador-taza[data-scope-separador-taza]{ margin:2.75rem 0 1.6rem; gap:1.15rem}
  .separador-taza__icon[data-scope-separador-taza]{ width:24px; height:24px}
  .separador-taza[data-scope-separador-taza] + h2{ margin-top:1.25rem}
}
@media (width<=640px){
  .separador-taza[data-scope-separador-taza]{ margin:2.25rem 0 1.35rem; gap:.9rem}
  .separador-taza__icon[data-scope-separador-taza]{ width:22px; height:22px}
  .separador-taza[data-scope-separador-taza] + .plan-real-section[data-scope-plan-real]{ padding-top:.25rem}
}

/* 2026-09-20 responsive editorial images: 4:5 mobile, 4:3 tablet/desktop/TV */
.editorial-picture{display:block;width:100%}
.article-hero[data-scope-article-hero]{width:100%;max-width:960px;margin-left:auto;margin-right:auto}
.editorial-figure[data-scope-editorial-figure]{width:100%;max-width:900px;margin-left:auto;margin-right:auto}

@media (max-width:600px){
  .article-hero[data-scope-article-hero],
  .editorial-figure[data-scope-editorial-figure]{max-width:none}
}

/* Reserva desde el inicio la proporción real del hero móvil: 500 × 625 (4:5). */
@media (max-width:600px){
  .article-hero[data-scope-article-hero] .editorial-picture{aspect-ratio:4/5}
  .article-hero[data-scope-article-hero] img[data-scope-article-hero]{height:100%;object-fit:cover}
}

/* ========================================================================== 
   ART-003 — alineación editorial con como-abrir-una-cafeteria/
   Aplicado 2026-09-21. Sólo afecta este bundle específico.
   ========================================================================== */

.guia-editorial-content h2[data-step]::before{
  content:"PASO " attr(data-step);
  display:block;
  margin-bottom:.48rem;
  font-family:var(--font-sans,"Plus Jakarta Sans",sans-serif);
  font-size:.7rem;
  line-height:1;
  font-weight:800;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--color-terracotta,#9c4528);
}

/* Secuencia inicial */
.guia-editorial-content .article-overview-steps{
  counter-reset:overview-step;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.72rem 2rem;
  margin:1rem 0 1.8rem;
  padding:0;
  list-style:none;
}
.guia-editorial-content .article-overview-steps li{
  counter-increment:overview-step;
  display:grid;
  grid-template-columns:2.25rem minmax(0,1fr);
  align-items:flex-start;
  gap:.85rem;
  padding:.35rem 0;
  border:0;
  font-family:var(--font-sans,"Plus Jakarta Sans",sans-serif);
  font-size:.93rem;
  font-weight:400;
  line-height:1.5;
  color:var(--text-dark,#2d1e14);
}
.guia-editorial-content .article-overview-steps li strong{
  font-weight:700;
  color:var(--text-dark,#1f1916);
}
.guia-editorial-content .article-overview-steps .overview-step-content{
  min-width:0;
}
.guia-editorial-content .article-overview-steps li::before{
  content:counter(overview-step,decimal-leading-zero);
  display:flex;
  align-items:center;
  justify-content:center;
  width:2.25rem;
  height:2.25rem;
  border-radius:50%;
  background:#ede8e1;
  color:#3d3027;
  font-size:.82rem;
  font-weight:700;
  flex-shrink:0;
  margin-top:.1rem;
}

/* Tablas: lectura editorial, contraste suave y encabezados claros */
.table-container.editorial-table{
  margin:1.35rem 0 2rem;
  overflow:auto;
  border:1px solid #ddd5c8;
  border-radius:14px;
  background:#fffdf8;
  box-shadow:0 5px 18px rgba(45,30,20,.035);
}
.table-container.editorial-table table{
  width:100%;
  margin:0;
  border-collapse:collapse;
  font-size:.93rem;
}
.table-container.editorial-table th{
  padding:.9rem 1rem;
  background:#eee9df;
  border-right:1px solid #ddd5c8;
  border-bottom:1px solid #d9d0c3;
  color:#2f2924;
  font-size:.8rem;
  font-weight:800;
  line-height:1.35;
  letter-spacing:.02em;
  text-transform:none;
  vertical-align:top;
}
.table-container.editorial-table th:last-child,
.table-container.editorial-table td:last-child{border-right:0}
.table-container.editorial-table td{
  padding:.9rem 1rem;
  border-right:1px solid #ebe5da;
  border-bottom:1px solid #ebe5da;
  background:#fffdf8;
  color:#493e35;
  line-height:1.55;
  vertical-align:top;
}
.table-container.editorial-table tbody tr:last-child td{border-bottom:0}
.table-container.editorial-table tbody tr:nth-child(even) td{background:#f8f5ef}
.table-container.editorial-table td:first-child{font-weight:700;color:#332b25}
.table-container.editorial-table--signals th:nth-child(2){background:#e7ebdf;color:#364234}
.table-container.editorial-table--signals th:nth-child(3){background:#f3e4dc;color:#7b3b22}
.table-container.editorial-table--compare th:first-child{background:#e7ebdf;color:#364234}
.table-container.editorial-table--compare th:nth-child(2){background:#f3e4dc;color:#7b3b22}
.table-container.editorial-table--finance td:first-child{width:54%;color:#3f4e3b}

/* Listas operativas */
.guia-editorial-content .article-check-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0 1.5rem;
  margin:1rem 0 1.9rem;
  padding:1rem 1.2rem;
  list-style:none;
  background:#faf8f3;
  border:1px solid #e6ded2;
  border-radius:14px;
}
.guia-editorial-content .article-check-grid li{
  display:grid;
  grid-template-columns:1.55rem minmax(0,1fr);
  gap:.7rem;
  align-items:start;
  margin:0;
  padding:.72rem 0;
  border-bottom:1px solid #e9e2d7;
  font-size:.93rem;
  line-height:1.48;
}
.guia-editorial-content .article-check-grid li::before{
  content:"✓";
  display:flex;
  align-items:center;
  justify-content:center;
  width:1.45rem;
  height:1.45rem;
  margin-top:.05rem;
  border-radius:50%;
  background:#e7eee5;
  color:#3f5b3e;
  font-size:.77rem;
  font-weight:900;
}
.guia-editorial-content .article-check-grid li:nth-last-child(-n+2){border-bottom:0}

/* Errores: tarjetas de alerta escaneables */
.guia-editorial-content .article-observation-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.85rem;
  margin:1rem 0 2rem;
  padding:0;
  list-style:none;
}
.guia-editorial-content .article-observation-list li{
  position:relative;
  margin:0;
  padding:1rem 1.05rem 1rem 2.9rem;
  background:#fbf7f1;
  border:1px solid #e6ddd0;
  border-radius:12px;
  color:#4a3d34;
  font-size:.92rem;
  line-height:1.5;
}
.guia-editorial-content .article-observation-list li::before{
  content:"!";
  position:absolute;
  top:1rem;
  left:1rem;
  display:flex;
  align-items:center;
  justify-content:center;
  width:1.35rem;
  height:1.35rem;
  border-radius:50%;
  background:#f0dfd4;
  color:#93472c;
  font-size:.76rem;
  font-weight:900;
}
.guia-editorial-content .article-observation-list strong{color:#2c231d}

/* Callouts */
.guia-editorial-content blockquote.article-callout{
  position:relative;
  display:grid;
  grid-template-columns:2.4rem minmax(0,1fr);
  align-items:start;
  gap:1rem;
  margin:2rem 0 2.2rem;
  padding:1.25rem 1.35rem;
  background:#f6f3ec;
  border:1px solid #e5ddd1;
  border-left:0;
  border-radius:14px;
  box-shadow:none;
}
.guia-editorial-content blockquote.article-callout::before{
  content:"i";
  display:flex;
  align-items:center;
  justify-content:center;
  width:2.25rem;
  height:2.25rem;
  border-radius:50%;
  background:#4e6049;
  color:#fff;
  font-family:var(--font-serif,"Fraunces",serif);
  font-size:1.05rem;
  font-style:italic;
  font-weight:800;
}
.guia-editorial-content blockquote.article-callout p{
  margin:0;
  color:#44382f;
  font-size:.97rem;
  line-height:1.65;
}
.guia-editorial-content blockquote.article-callout strong{color:#2e4a36}
.guia-editorial-content blockquote.article-callout--advice{background:#f2f1e8}
.guia-editorial-content blockquote.article-callout--advice::before{content:"?";font-style:normal}
.guia-editorial-content blockquote.article-callout--warning{background:#f8eee8;border-color:#ead7cc}
.guia-editorial-content blockquote.article-callout--warning::before{content:"!";background:#a44b2d;font-style:normal}
.guia-editorial-content blockquote.article-callout--warning strong{color:#873e24}

/* Checklist final */
.article-capital-checklist-box[data-scope-checklist]{
  padding:1rem 1.5rem;
  background:#faf8f3;
  border:1px solid #e3dbcf;
  border-radius:16px;
  box-shadow:0 5px 18px rgba(45,30,20,.03);
}
.article-capital-checklist-box .article-capital-checklist[data-scope-checklist]{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:1.75rem;
  margin:0;
  padding:0;
  list-style:none;
}
.article-capital-checklist-box .checklist-item[data-scope-checklist]{
  margin:0;
  padding:.9rem 0;
  border-bottom:1px solid #e9e2d7;
}
.article-capital-checklist-box .checklist-icon[data-scope-checklist]{
  color:#fff;
  background:#4e6049;
}
.article-capital-checklist-box .checklist-text[data-scope-checklist]{font-size:.94rem;line-height:1.55}

/* Puente antes del CTA: mismo lenguaje del artículo de referencia */
.seccion-resumen[data-scope-resumen]{
  margin:4.5rem 0 3.5rem;
  padding:3.15rem 3.25rem;
  background:#faf5ed;
  border:1px solid rgba(220,205,185,.45);
  border-radius:20px;
  box-shadow:0 4px 20px rgba(45,30,20,.025);
}
.resumen-puente-card[data-scope-resumen]{
  padding-left:2.15rem;
  border-left:3.5px solid #9e5230;
}
.resumen-title[data-scope-resumen]{
  margin:0 0 1.05rem;
  color:#1f1612;
  font-family:var(--font-serif,"Fraunces",serif);
  font-size:clamp(2rem,3vw,2.5rem);
  font-weight:800;
  line-height:1.15;
  letter-spacing:-.02em;
}
.resumen-text[data-scope-resumen]{
  max-width:930px;
  margin:0;
  color:#2e2118;
  font-size:1.04rem;
  line-height:1.78;
}
.resumen-callout[data-scope-resumen]{
  display:grid;
  grid-template-columns:2.1rem minmax(0,1fr);
  gap:.85rem;
  align-items:start;
  margin:1.35rem 0 0;
  padding:1rem 1.05rem;
  background:rgba(255,255,255,.5);
  border:1px solid #eadfd1;
  border-radius:12px;
}
.resumen-callout .callout-icon-col[data-scope-resumen]{display:flex;align-items:flex-start;justify-content:center}
.resumen-callout .callout-icon-col img[data-scope-resumen]{width:30px;height:30px}
.resumen-callout .callout-text[data-scope-resumen]{margin:0;font-size:.93rem;line-height:1.6;color:#5b493d}

/* El viejo separador entre resumen y cierre queda visualmente redundante. */
.seccion-resumen + .separador-taza[data-scope-separador-taza]{display:none}

/* Transición de números a plan: menos decorativa y más editorial */
.plan-real-section[data-scope-plan-real]{
  margin:1.5rem 0 1.25rem;
  padding:0;
  background:transparent;
}
.plan-real-grid[data-scope-plan-real]{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);
  gap:2.5rem;
  align-items:center;
}
.plan-real-col-text[data-scope-plan-real]{padding:1.25rem 0}
.plan-real-eyebrow[data-scope-plan-real]{color:#8d4624}
.plan-real-title[data-scope-plan-real]{font-size:clamp(1.8rem,2.8vw,2.35rem)}
.title-terracotta[data-scope-plan-real]{color:#8d4624}
.plan-real-paragraphs[data-scope-plan-real]{gap:1rem}
.plan-real-p[data-scope-plan-real]{font-size:1rem;line-height:1.68;color:#4a3f37}
.plan-real-img[data-scope-plan-real]{
  border-radius:16px;
  box-shadow:0 8px 24px rgba(45,30,20,.08);
}

/* CTA curso: composición del artículo de referencia, conservando el copy de ART-003 */
.curso-card-editorial[data-scope-curso-card]{
  margin:2rem 0 2.75rem;
  padding:0;
  overflow:hidden;
  background:#fbfaf5;
  border:1px solid #e3d9cb;
  border-radius:22px;
  box-shadow:0 10px 30px rgba(45,30,20,.06);
}
.curso-card-grid[data-scope-curso-card]{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(270px,.8fr);
  gap:0;
  align-items:stretch;
}
.curso-card-col-content[data-scope-curso-card]{
  order:1;
  padding:2.8rem 2.9rem 2.65rem;
}
.curso-card-col-visual[data-scope-curso-card]{
  order:2;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:100%;
  padding:2rem;
  background:#f1e9dd;
  border-left:1px solid #e5d8c8;
}
.curso-card-mockup-img[data-scope-curso-card]{
  width:100%;
  max-width:340px;
  height:auto;
  object-fit:contain;
}
.curso-card-eyebrow[data-scope-curso-card]{color:#8d4624;font-size:.7rem;letter-spacing:.14em}
.curso-card-title[data-scope-curso-card]{font-size:clamp(1.85rem,3vw,2.35rem);line-height:1.12}
.curso-card-subtitle[data-scope-curso-card]{margin-bottom:1rem;font-size:1.25rem;color:#514238}
.curso-card-desc[data-scope-curso-card]{font-size:.98rem;line-height:1.65}
.curso-card-features[data-scope-curso-card]{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:.7rem;
  margin:0 0 1.55rem;
}
.curso-card-feat-item[data-scope-curso-card]{
  display:grid;
  grid-template-columns:2rem minmax(0,1fr);
  gap:.55rem;
  align-items:center;
  font-size:.82rem;
  line-height:1.35;
}
.feat-check-icon[data-scope-curso-card]{width:2rem;height:2rem;background:#e7eee5;color:#3f5b3e}
.feat-check-icon[data-scope-curso-card] svg[data-scope-curso-card]{width:13px;height:13px}
.curso-card-btn[data-scope-curso-card]{
  background:#3f5b3e;
  color:#fff;
  box-shadow:0 5px 16px rgba(63,91,62,.22);
}
.curso-card-btn[data-scope-curso-card]:hover{background:#334c33;box-shadow:0 7px 20px rgba(63,91,62,.28)}
.curso-trust-grid[data-scope-curso-trust]{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.45rem 1rem;
  padding-top:1rem;
  border-top:1px solid #e8e1d7;
}
.trust-item[data-scope-curso-trust]{font-size:.75rem;color:#6a5c51;gap:.5rem}
.trust-icon[data-scope-curso-trust]{width:15px;height:15px;color:#65715f}

/* Cierre editorial posterior al CTA */
.ultima-idea-section[data-scope-ultima-idea]{
  margin:2.75rem 0 4rem;
  padding:2rem 1.5rem;
  background:#f8f4ed;
  border:1px solid #e8dfd3;
  border-radius:16px;
}
.separador-grano[data-scope-ultima-idea]{margin-bottom:1.25rem}
.ultima-idea-quote[data-scope-ultima-idea] p[data-scope-ultima-idea]{font-size:clamp(1.15rem,2vw,1.35rem)}
.ultima-idea-handwriting[data-scope-ultima-idea]{font-size:1.35rem;opacity:.85}
.ultima-idea-bottom-line[data-scope-ultima-idea]{display:none}

@media (max-width:960px){
  .plan-real-grid[data-scope-plan-real],
  .curso-card-grid[data-scope-curso-card]{grid-template-columns:1fr}
  .curso-card-col-visual[data-scope-curso-card]{order:1;border-left:0;border-bottom:1px solid #e5d8c8;min-height:auto}
  .curso-card-col-content[data-scope-curso-card]{order:2}
  .curso-card-mockup-img[data-scope-curso-card]{max-width:300px}
}

@media (max-width:720px){
  .guia-editorial-content .article-overview-steps,
  .guia-editorial-content .article-check-grid,
  .guia-editorial-content .article-observation-list,
  .article-capital-checklist-box .article-capital-checklist[data-scope-checklist]{grid-template-columns:1fr}
  .guia-editorial-content .article-check-grid li:nth-last-child(2){border-bottom:1px solid #e9e2d7}
  .seccion-resumen[data-scope-resumen]{margin:3.5rem 0 2.5rem;padding:2.15rem 1.6rem;border-radius:16px}
  .resumen-puente-card[data-scope-resumen]{padding-left:1.25rem;border-left-width:3px}
  .resumen-title[data-scope-resumen]{font-size:1.85rem}
  .resumen-text[data-scope-resumen]{font-size:.98rem;line-height:1.7}
  .resumen-callout[data-scope-resumen]{grid-template-columns:1fr;padding:.9rem}
  .resumen-callout .callout-icon-col[data-scope-resumen]{justify-content:flex-start}
  .curso-card-col-content[data-scope-curso-card]{padding:2rem 1.5rem}
  .curso-card-col-visual[data-scope-curso-card]{padding:1.5rem}
  .curso-card-features[data-scope-curso-card]{grid-template-columns:1fr}
  .curso-card-btn[data-scope-curso-card]{width:100%;justify-content:center;padding:.9rem 1.2rem}
  .curso-trust-grid[data-scope-curso-trust]{grid-template-columns:1fr 1fr}
  .plan-real-col-text[data-scope-plan-real]{padding:.5rem 0}
  .plan-real-col-image[data-scope-plan-real]{justify-content:center}
  .plan-real-img[data-scope-plan-real]{max-width:320px}
  .ultima-idea-section[data-scope-ultima-idea]{padding:1.5rem 1rem}
}

@media (max-width:520px){
  .guia-editorial-content .article-overview-steps li{grid-template-columns:2rem minmax(0,1fr);gap:.7rem;font-size:.89rem}
  .guia-editorial-content .article-overview-steps li::before{width:2rem;height:2rem;font-size:.75rem}
  .guia-editorial-content blockquote.article-callout{grid-template-columns:2.05rem minmax(0,1fr);padding:1rem}
  .guia-editorial-content blockquote.article-callout::before{width:2rem;height:2rem;font-size:.95rem}
  .table-container.editorial-table th,.table-container.editorial-table td{padding:.75rem .8rem}
  .article-capital-checklist-box[data-scope-checklist]{padding:.75rem 1rem}
  .curso-trust-grid[data-scope-curso-trust]{grid-template-columns:1fr}
}


/* Performance: defer rendering of below-the-fold editorial blocks. */
.editorial-figure[data-scope-editorial-figure]:not(.article-hero),
.seccion-resumen,
.plan-real-section[data-scope-plan-real],
.ultima-idea-section[data-scope-ultima-idea],
.faq-section[data-scope-faq],
.home-footer{
  content-visibility:auto;
  contain-intrinsic-size:auto 700px;
}