/* --- gel_de_paprika.html extracted styles --- */
:root {
      --bg: #ffffff;
      --surface: #ffffff;
      --surface-2: #faf9f7;
      --rose: #f5f2f1;
      --rose-strong: #ebe7e5;
      --coral: #ff5a68;
      --coral-dark: #e44755;
      --wine: #8e2933;
      --ink: #251f20;
      --muted: #6d6264;
      --border: #e8e2dc;
      --soft: #f5f2f1;
      --green: #25d366;
      --green-dark: #18b957;
      --shadow-sm: 0 10px 30px rgba(37,31,32,.06);
      --shadow-md: 0 24px 70px rgba(37,31,32,.10);
      --radius-lg: 30px;
      --radius-md: 20px;
      --container: 1160px;
    }

    * { box-sizing: border-box; }
    html { scroll-behavior: smooth; }
    body {
      margin: 0;
      color: var(--ink);
      background: var(--bg);
      font-family: "Inter", Arial, sans-serif;
      line-height: 1.65;
      -webkit-font-smoothing: antialiased;
      padding-bottom: 0;
    }
    img { display: block; max-width: 100%; height: auto; }
    a { color: inherit; }
    button, a { -webkit-tap-highlight-color: transparent; }
    .container { width: min(var(--container), calc(100% - 36px)); margin-inline: auto; }
    .narrow { width: min(820px, 100%); margin-inline: auto; }
    .section { padding: 82px 0; }
    .section.compact { padding: 58px 0; }

    h1, h2, h3 { font-family: "Playfair Display", Georgia, serif; line-height: 1.08; letter-spacing: -.025em; }
    h1 { margin: 0; font-size: clamp(2.65rem, 6.5vw, 5.15rem); }
    h2 { margin: 0 0 18px; font-size: clamp(2rem, 4.4vw, 3.25rem); }
    h3 { margin: 0 0 10px; font-size: 1.3rem; }
    p { margin: 0 0 16px; }
    .muted { color: var(--muted); }
    .center { text-align: center; }

    .topbar {
      background: #221f20;
      color: #fff;
      font-size: .82rem;
    }
    .topbar .container {
      min-height: 38px;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 18px;
      flex-wrap: wrap;
      text-align: center;
    }
    .topbar span { opacity: .92; }
    .topbar .dot { color: var(--coral); font-weight: 900; }

    .nav {
      position: sticky;
      top: 0;
      z-index: 40;
      background: rgba(255,255,255,.96);
      backdrop-filter: blur(16px);
      border-bottom: 1px solid rgba(234,223,221,.8);
    }
    .nav-inner {
      min-height: 70px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 18px;
    }
    .brand {
      text-decoration: none;
      font-family: "Playfair Display", Georgia, serif;
      font-size: 1.45rem;
      font-weight: 800;
      letter-spacing: -.03em;
    }
    .brand em { color: var(--coral); font-style: normal; }
    .nav-links {
      display: flex;
      align-items: center;
      gap: 22px;
      transition: all 0.2s ease;
    }
    .nav-links a {
      color: var(--muted);
      text-decoration: none;
      font-size: .9rem;
      font-weight: 700;
      transition: color 0.2s ease, transform 0.2s ease;
    }
    .nav-links a:hover,
    .nav-links a:focus-visible {
      color: var(--ink);
      transform: translateY(-1px);
    }
    .menu-toggle {
      display: none;
      width: 44px;
      height: 44px;
      border: 1px solid var(--border);
      background: #fff;
      border-radius: 12px;
      color: var(--ink);
      font-size: 1.3rem;
      cursor: pointer;
      box-shadow: var(--shadow-sm);
    }

    .hero { padding: 76px 0 66px; overflow: hidden; position: relative; }
    .hero::after {
      content: "";
      position: absolute;
      width: 360px;
      height: 360px;
      border-radius: 50%;
      background: rgba(37,31,32,.035);
      filter: blur(12px);
      top: 40px;
      right: -150px;
      pointer-events: none;
    }
    .hero-grid {
      display: grid;
      grid-template-columns: 1.03fr .97fr;
      align-items: center;
      gap: 62px;
      position: relative;
      z-index: 1;
    }
    .eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 8px 13px;
      margin-bottom: 20px;
      border-radius: 999px;
      background: #ffffff;
      border: 1px solid var(--border);
      box-shadow: var(--shadow-sm);
      color: var(--wine);
      font-size: .78rem;
      font-weight: 800;
      letter-spacing: .06em;
      text-transform: uppercase;
    }
    .hero h1 span { color: var(--ink); }
    .hero-lead {
      max-width: 690px;
      margin-top: 22px;
      color: var(--muted);
      font-size: clamp(1.04rem, 2vw, 1.22rem);
    }
    .hero-points {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 10px;
      margin: 28px 0;
    }
    .hero-point {
      display: flex;
      align-items: center;
      gap: 9px;
      min-height: 54px;
      padding: 10px 12px;
      border-radius: 15px;
      background: rgba(255,255,255,.72);
      border: 1px solid var(--border);
      font-size: .83rem;
      font-weight: 700;
    }
    .check {
      width: 22px;
      height: 22px;
      border-radius: 50%;
      display: grid;
      place-items: center;
      flex: 0 0 22px;
      background: rgba(255,90,104,.12);
      color: var(--coral-dark);
      font-size: .75rem;
      font-weight: 900;
    }
    .actions { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
    .btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      min-height: 54px;
      padding: 14px 22px;
      border-radius: 999px;
      border: 1px solid transparent;
      background: var(--coral);
      color: #fff;
      text-decoration: none;
      font-weight: 800;
      box-shadow: 0 12px 28px rgba(255,90,104,.24);
      transition: transform .2s ease, background .2s ease, box-shadow .2s ease;
    }
    .btn:hover { transform: translateY(-2px); background: var(--coral-dark); box-shadow: 0 16px 34px rgba(255,90,104,.3); }
    .btn.secondary { background: #ffffff; color: var(--ink); border-color: var(--border); box-shadow: var(--shadow-sm); }
    .btn.secondary:hover { background: #f5f2f1; }
    .btn.whatsapp { background: var(--green); box-shadow: 0 12px 28px rgba(37,211,102,.22); }
    .btn.whatsapp:hover { background: var(--green-dark); }
    .btn svg { width: 20px; height: 20px; flex: 0 0 20px; }
    .microcopy { margin-top: 12px; color: #85797b; font-size: .78rem; }

    .hero-product {
      position: relative;
      min-height: 485px;
      border-radius: 46% 46% 38% 38%;
      display: grid;
      place-items: center;
      background: radial-gradient(circle, #f6e2db 0, #f9ece6 56%, transparent 72%);
      overflow: visible;
    }
    .hero-product::before {
      content: "";
      position: absolute;
      inset: auto 25% 35px;
      height: 28px;
      border-radius: 50%;
      background: #a06c65;
      opacity: .14;
      filter: blur(25px);
      z-index: 0;
    }
    .hero-product-frame {
      position: relative;
      z-index: 1;
      width: 100%;
      max-width: none;
      min-height: 480px;
      display: grid;
      place-items: center;
      padding: 0;
    }
    .hero-product img {
      position: relative;
      z-index: 2;
      width: min(390px, 95%);
      max-height: 480px;
      object-fit: contain;
      margin-inline: auto;
      filter: drop-shadow(0 30px 26px rgba(40,25,24,.16));
      transform: none;
    }
    .trust-strip { margin-top: -4px; }
    .trust-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      border: 1px solid var(--border);
      background: #ffffff;
      border-radius: 22px;
      box-shadow: var(--shadow-sm);
      overflow: hidden;
    }
    .trust-item { padding: 20px; text-align: center; border-right: 1px solid var(--border); }
    .trust-item:last-child { border-right: 0; }
    .trust-item strong { display: block; font-size: .94rem; margin-bottom: 3px; }
    .trust-item span { color: var(--muted); font-size: .78rem; }

    .section-head { max-width: 760px; margin: 0 auto 36px; text-align: center; }
    .section-head p { color: var(--muted); font-size: 1.03rem; }
    .kicker { color: var(--coral); font-size: .78rem; text-transform: uppercase; font-weight: 800; letter-spacing: .08em; margin-bottom: 10px; }

    .benefit-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
    .benefit-card {
      min-height: 230px;
      padding: 26px 22px;
      border-radius: var(--radius-md);
      background: #ffffff;
      border: 1px solid var(--border);
      box-shadow: var(--shadow-sm);
      transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
    }
    .benefit-card:hover,
    .use-step:hover,
    .related-card:hover,
    .trust-item:hover {
      transform: translateY(-3px);
      box-shadow: 0 18px 36px rgba(37,31,32,.08);
      border-color: rgba(255,90,104,.25);
    }
    .benefit-icon {
      width: 46px;
      height: 46px;
      display: grid;
      place-items: center;
      margin-bottom: 20px;
      border-radius: 15px;
      background: #f5f2f1;
      color: var(--coral-dark);
      font-size: 1.3rem;
    }
    .benefit-card p { color: var(--muted); font-size: .92rem; margin-bottom: 0; }

    .split-card {
      display: grid;
      grid-template-columns: 1fr 1fr;
      overflow: hidden;
      border-radius: var(--radius-lg);
      border: 1px solid var(--border);
      background: #ffffff;
      box-shadow: var(--shadow-md);
    }
    .split-copy { padding: clamp(30px, 6vw, 62px); }
    .split-visual {
      min-height: 430px;
      padding: 38px;
      display: grid;
      place-items: center;
      background: linear-gradient(145deg, #ffffff, #faf9f7);
    }
    .zone-grid { width: 100%; display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
    .zone {
      padding: 20px 15px;
      text-align: center;
      border-radius: 16px;
      background: rgba(255,255,255,.86);
      border: 1px solid rgba(255,255,255,.8);
      font-weight: 800;
      box-shadow: 0 10px 24px rgba(37,31,32,.05);
    }
    .zone span { display: block; font-size: 1.55rem; margin-bottom: 7px; }

    .ingredient-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
    .ingredient {
      padding: 26px 22px;
      border-radius: 20px;
      background: #f5f2f1;
      border: 1px solid var(--border);
    }
    .ingredient .num { font-size: .73rem; color: var(--coral-dark); font-weight: 800; letter-spacing: .08em; margin-bottom: 14px; }
    .ingredient p { color: var(--muted); font-size: .9rem; margin: 0; }

    .steps { display: grid; grid-template-columns: repeat(5, 1fr); gap: 14px; counter-reset: step; }
    .step {
      position: relative;
      padding: 24px 18px;
      border-radius: 20px;
      background: #ffffff;
      border: 1px solid var(--border);
      box-shadow: var(--shadow-sm);
      counter-increment: step;
    }
    .step::before {
      content: counter(step);
      width: 34px;
      height: 34px;
      display: grid;
      place-items: center;
      margin-bottom: 18px;
      border-radius: 50%;
      background: #221f20;
      color: #fff;
      font-weight: 800;
      font-size: .85rem;
    }
    .step strong { display: block; margin-bottom: 7px; }
    .step span { color: var(--muted); font-size: .86rem; }

    .note {
      margin-top: 24px;
      padding: 20px 22px;
      border-radius: 18px;
      background: #faf9f7;
      border: 1px solid var(--border);
      color: #5f4f52;
    }
    .note strong { color: var(--wine); }

    .conversion-box {
      position: relative;
      padding: clamp(34px, 7vw, 66px);
      border-radius: 34px;
      overflow: hidden;
      background: #221f20;
      color: #fff;
      box-shadow: var(--shadow-md);
    }
    .conversion-box::before {
      content: "";
      position: absolute;
      width: 330px;
      height: 330px;
      border-radius: 50%;
      right: -110px;
      top: -120px;
      background: rgba(255,90,104,.2);
      filter: blur(4px);
    }
    .conversion-inner { position: relative; z-index: 1; display: grid; grid-template-columns: 1.1fr .9fr; gap: 36px; align-items: center; }
    .conversion-box h2 { color: #fff; margin-bottom: 14px; }
    .conversion-box p { color: #d8cdcf; max-width: 680px; }
    .conversion-panel {
      padding: 24px;
      border-radius: 22px;
      background: rgba(255,255,255,.07);
      border: 1px solid rgba(255,255,255,.11);
    }
    .conversion-panel ul { margin: 0; padding: 0; list-style: none; }
    .conversion-panel li { display: flex; gap: 10px; align-items: flex-start; padding: 8px 0; color: #f6eeef; }
    .conversion-panel li::before { content: "✓"; color: #82e8a8; font-weight: 900; }

    .precautions {
      display: grid;
      grid-template-columns: .8fr 1.2fr;
      gap: 38px;
      align-items: start;
    }
    .precaution-list { margin: 0; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
    .precaution-list li { padding: 14px 15px; border-radius: 14px; background: #ffffff; border: 1px solid var(--border); color: var(--muted); font-size: .88rem; }

    .faq { width: min(900px, 100%); margin-inline: auto; }
    .faq details {
      background: #ffffff;
      border: 1px solid var(--border);
      border-radius: 18px;
      margin-bottom: 12px;
      overflow: hidden;
      box-shadow: 0 8px 25px rgba(37,31,32,.04);
    }
    .faq summary {
      cursor: pointer;
      list-style: none;
      padding: 20px 52px 20px 20px;
      font-weight: 800;
      position: relative;
    }
    .faq summary::-webkit-details-marker { display: none; }
    .faq summary::after {
      content: "+";
      position: absolute;
      right: 19px;
      top: 50%;
      transform: translateY(-50%);
      width: 28px;
      height: 28px;
      display: grid;
      place-items: center;
      border-radius: 50%;
      background: #f5f2f1;
      color: var(--coral-dark);
      font-size: 1.2rem;
    }
    .faq details[open] summary::after { content: "−"; }
    .faq details > div { padding: 0 20px 20px; color: var(--muted); }

    footer { padding: 48px 0 110px; background: #221f20; color: #cfc4c6; text-align: center; font-size: .84rem; }
    footer p { max-width: 760px; margin: 0 auto 8px; }

    .whatsapp-float {
      position: fixed;
      right: 20px;
      bottom: 20px;
      z-index: 70;
      width: 66px;
      height: 66px;
      display: grid;
      place-items: center;
      border-radius: 50%;
      background: var(--green);
      color: #fff;
      text-decoration: none;
      box-shadow: 0 16px 38px rgba(18,120,58,.30);
      transition: transform .2s ease, background .2s ease;
    }
    .whatsapp-float:hover { transform: translateY(-2px) scale(1.02); background: var(--green-dark); }
    .wa-icon {
      width: 66px;
      height: 66px;
      border-radius: 50%;
      display: grid;
      place-items: center;
      background: transparent;
      flex: 0 0 66px;
    }
    .wa-icon svg { width: 34px; height: 34px; }
    .wa-copy {
      position: absolute;
      right: 78px;
      top: 50%;
      transform: translateY(-50%);
      white-space: nowrap;
      background: #1f1b1c;
      color: #fff;
      border-radius: 12px;
      padding: 9px 12px;
      font-size: .78rem;
      font-weight: 700;
      opacity: 0;
      pointer-events: none;
      box-shadow: var(--shadow-sm);
      transition: opacity .2s ease, transform .2s ease;
    }
    .whatsapp-float:hover .wa-copy {
      opacity: 1;
      transform: translateY(-50%) translateX(-4px);
    }
    .wa-copy small { display: block; font-size: .66rem; font-weight: 500; opacity: .9; margin-top: 2px; }

    .mobile-cta { display: none; }

    @media (max-width: 980px) {
      .hero-grid, .split-card, .conversion-inner, .precautions { grid-template-columns: 1fr; }
      .hero-grid { gap: 20px; }
      .hero-product { min-height: 390px; }
      .hero-product-frame { min-height: 380px; }
      .hero-points { max-width: 700px; }
      .benefit-grid, .ingredient-grid { grid-template-columns: repeat(2, 1fr); }
      .steps { grid-template-columns: repeat(2, 1fr); }
      .step:last-child { grid-column: span 2; }
      .trust-grid { grid-template-columns: repeat(2, 1fr); }
      .trust-item:nth-child(2) { border-right: 0; }
      .trust-item:nth-child(-n+2) { border-bottom: 1px solid var(--border); }
    }

    @media (max-width: 720px) {
      body { padding-bottom: 78px; }
      .section { padding: 62px 0; }
      .menu-toggle { display: inline-flex; align-items: center; justify-content: center; }
      .nav-links {
        position: absolute;
        top: calc(100% + 8px);
        right: 18px;
        left: 18px;
        display: none;
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
        padding: 18px 16px;
        border-radius: 18px;
        background: rgba(255,255,255,.98);
        border: 1px solid var(--border);
        box-shadow: var(--shadow-md);
        z-index: 99;
      }
      .nav-links.open {
        display: flex;
      }
      .nav-links a {
        width: 100%;
        padding: 6px 0;
      }
      .nav-inner { min-height: 62px; position: relative; }
      .hero { padding: 48px 0 42px; }
      .hero-grid { gap: 34px; }
      .hero-points { grid-template-columns: 1fr; }
      .actions { align-items: stretch; }
      .actions .btn { width: 100%; }
      .hero-product { min-height: 315px; max-width: 420px; margin-inline: auto; }
      .hero-product-frame { min-height: 315px; }
      .hero-product img { width: min(275px, 83%); max-height: 300px; }
      
      .benefit-grid, .ingredient-grid, .steps, .precaution-list { grid-template-columns: 1fr; }
      .step:last-child { grid-column: auto; }
      .zone-grid { grid-template-columns: repeat(2, 1fr); }
      .trust-grid { grid-template-columns: 1fr 1fr; }
      .trust-item { padding: 16px 10px; }
      .whatsapp-float { display: none; }
      .mobile-cta {
        position: fixed;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 8px;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 80;
        padding: 10px 12px calc(10px + env(safe-area-inset-bottom));
        background: rgba(255,255,255,.98);
        border-top: 1px solid var(--border);
        backdrop-filter: blur(12px);
        box-shadow: 0 -10px 30px rgba(37,31,32,.08);
      }
      .mobile-cta a {
        min-height: 50px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        border-radius: 14px;
        text-decoration: none;
        font-size: .84rem;
        font-weight: 800;
      }
      .mobile-cta .buy { background: var(--coral); color: #fff; }
      .mobile-cta .chat { background: var(--green); color: #fff; }
      .mobile-cta svg { width: 20px; height: 20px; }
      footer { padding-bottom: 45px; }
    }

    @media (max-width: 420px) {
      .container { width: min(100% - 24px, var(--container)); }
      
      .zone { padding: 16px 10px; font-size: .85rem; }
      .topbar .dot { display: none; }
      .topbar .container { gap: 8px; padding: 7px 0; }
    }

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

    /* UX V2 — visual storytelling without overusing coral */
    .visual-story {
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:18px;
      margin-top:32px;
    }
    .visual-shot {
      min-height:360px;
      border-radius:24px;
      overflow:hidden;
      border:1px solid var(--border);
      background:#faf9f7;
      position:relative;
      box-shadow:var(--shadow-sm);
    }
    .visual-shot img {
      width:100%;
      height:100%;
      object-fit:cover;
    }
    .visual-shot figcaption {
      position:absolute;
      left:14px;
      right:14px;
      bottom:14px;
      padding:10px 12px;
      border-radius:13px;
      background:rgba(255,255,255,.92);
      backdrop-filter:blur(10px);
      color:var(--ink);
      font-size:.78rem;
      font-weight:700;
    }
    .use-steps {
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:16px;
      margin-top:28px;
    }
    .use-step {
      padding:28px 22px;
      border:1px solid var(--border);
      border-radius:22px;
      background:#fff;
      box-shadow:var(--shadow-sm);
    }
    .use-step .step-number {
      width:36px;height:36px;border-radius:50%;
      display:grid;place-items:center;
      background:#221f20;color:#fff;
      font-weight:800;font-size:.82rem;
      margin-bottom:18px;
    }
    .use-step p { color:var(--muted);font-size:.9rem;margin:0; }
    .texture-card {
      display:grid;
      grid-template-columns:.9fr 1.1fr;
      gap:0;
      overflow:hidden;
      border:1px solid var(--border);
      border-radius:28px;
      background:#fff;
      box-shadow:var(--shadow-sm);
      margin-top:32px;
    }
    .texture-card .texture-image {
      min-height:330px;
      background:#faf9f7;
    }
    .texture-card .texture-image img {
      width:100%;height:100%;object-fit:cover;
    }
    .texture-card .texture-copy {
      padding:clamp(28px,5vw,52px);
      align-self:center;
    }
    .related-grid {
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:16px;
    }
    .related-card {
      padding:24px 22px;
      border-radius:20px;
      background:#fff;
      border:1px solid var(--border);
      text-decoration:none;
      box-shadow:var(--shadow-sm);
    }
    .related-card span { color:var(--coral);font-weight:800;font-size:.82rem; }
    .related-card p { color:var(--muted);font-size:.88rem;margin:8px 0 0; }
    .simple-final-cta {
      padding:42px 28px;
      border-top:1px solid var(--border);
      border-bottom:1px solid var(--border);
      background:#faf9f7;
      text-align:center;
    }
    @media(max-width:720px){
      .visual-story,.texture-card,.use-steps,.related-grid { grid-template-columns:1fr; }
      .visual-shot { min-height:300px; }
      .texture-card .texture-image { min-height:280px; }
    }
    .hero h1{
      font-size:clamp(2.25rem,4.5vw,4.15rem);
      max-width:760px;
    }
    .hero-lead{
      font-size:clamp(1rem,1.6vw,1.12rem);
      max-width:650px;
    }
    @media(max-width:720px){
      .hero h1{font-size:clamp(2rem,10vw,3rem);}
    }

/* MARTHYGLOW • Rediseño editorial orientado a conversión */
:root{--ink:#242021;--muted:#625a5a;--coral:#ee5968;--coral-dark:#d74356;--border:#eae3de;--surface-2:#faf6f3;--shadow-sm:0 8px 28px rgba(55,39,38,.045);--shadow-md:0 26px 65px rgba(62,41,39,.095)}
body{background:#fff;color:var(--ink);font-size:16px;line-height:1.7}
.container{width:min(1120px,calc(100% - 44px))}
.section{padding:72px 0}.section.compact{padding:56px 0}
.topbar{background:#2d2626;font-size:.73rem;letter-spacing:.035em}
.nav{background:rgba(255,255,255,.97)}.nav-inner{min-height:76px}
.brand{font-size:1.75rem;letter-spacing:-.055em}.brand em{color:var(--coral)}
.nav-links a{font-size:.84rem;font-weight:650}.nav-links a:last-child{background:#292326;color:#fff!important;padding:11px 19px;border-radius:50px}.nav-links a:last-child:hover{background:#e64e60}
.hero{padding:72px 0 65px;background:radial-gradient(circle at 84% 29%,#f8e8e4 0%,transparent 38%),linear-gradient(130deg,#fffcfa 0%,#fff 66%)}
.eyebrow{background:none;box-shadow:none;border:0;padding:0;color:#ba4b56;font-size:.7rem;letter-spacing:.17em}
.hero h1{font-size:clamp(2.7rem,4.55vw,4.75rem);line-height:1.1;letter-spacing:-.055em;max-width:700px}
.hero h1 span{color:#b94f5c;font-style:italic}
.hero-lead{font-size:1.13rem;line-height:1.7;max-width:530px;margin-top:24px}
.hero-points{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0 28px}
.hero-point{min-height:40px;padding:8px 13px;border-radius:50px;background:#fff;border-color:#eadfdc;font-size:.79rem;box-shadow:none}
.check{background:#faebeb}.btn{min-height:54px;font-size:.9rem;box-shadow:none;padding:14px 24px}.btn.secondary{background:#fff}
.microcopy{max-width:500px;line-height:1.55;margin-top:18px}
.trust-strip{margin-top:-22px;position:relative;z-index:2}.trust-grid{border-radius:20px;box-shadow:0 20px 48px rgba(37,31,32,.07)}
.trust-item{padding:22px 15px}.trust-item strong{font-size:.85rem}.trust-item span{font-size:.73rem}
.section-head{margin-bottom:35px}.kicker{font-size:.7rem;letter-spacing:.16em}.section-head h2,h2{font-size:clamp(2rem,3.7vw,3.1rem);line-height:1.2;letter-spacing:-.045em}
.section-head p{max-width:660px;margin-inline:auto;font-size:.99rem}
.benefit-grid{gap:18px}.benefit-card{min-height:215px;background:#fff;border-radius:19px;padding:28px 26px;box-shadow:0 11px 29px rgba(37,31,32,.04)}
.benefit-icon{margin-bottom:22px;background:#fbefed}.benefit-card h3,.use-step h3,.ingredient h3{font-size:1.14rem;line-height:1.3}
.inline-cta{display:flex;align-items:center;justify-content:space-between;gap:25px;background:#f9f4f1;border:1px solid #ede1dc;border-radius:18px;padding:23px 28px;margin-top:24px}
.inline-cta strong{font-size:1.01rem}.inline-cta p{font-size:.87rem;color:var(--muted);margin:4px 0 0}.inline-cta a{flex-shrink:0;text-decoration:none;font-weight:800;color:#fff;background:#292326;border-radius:50px;padding:12px 19px;font-size:.83rem}
.split-card{border-radius:28px;box-shadow:0 20px 50px rgba(37,31,32,.05)}.split-visual{background:#faf3ef}.zone{border:1px solid #eee2dc}.zone span{color:#b84c59}
#ingredientes{background:#fcfaf8}.ingredient{background:#fff;min-height:195px}.ingredient .num{margin-bottom:12px}
.use-step{border-radius:18px;box-shadow:0 9px 24px rgba(37,31,32,.04)}
#gel-paprika-abdomen{background:#fcfaf8}#gel-paprika-abdomen .narrow{max-width:760px}
.related-card{padding:26px;border-radius:18px}.related-card h3{line-height:1.32}
.conversion-box{background:#292326;border-radius:28px}.conversion-box .kicker{color:#ffabb3!important}.conversion-panel{background:#ffffff0e}
.precaution-list li{font-size:.85rem}.faq{max-width:840px}.faq details{box-shadow:none;border-radius:12px}.faq summary{font-size:.94rem}
.simple-final-cta{padding:60px 24px;background:#faf4f1}
@media(max-width:720px){.container{width:calc(100% - 34px)}.hero{padding:38px 0 38px}.hero-grid{gap:10px}.hero h1{font-size:clamp(2.25rem,10vw,3.2rem)}.hero-lead{font-size:1rem}.hero-points{gap:7px}.hero-point{font-size:.73rem;min-height:36px;padding:7px 9px}.trust-strip{margin-top:0}.trust-item{padding:17px 9px}.trust-item strong{font-size:.76rem}.trust-item span{font-size:.69rem}.section{padding:55px 0}.section.compact{padding:45px 0}.inline-cta{flex-direction:column;align-items:flex-start}.inline-cta a{width:100%;text-align:center}.benefit-card{min-height:auto}.conversion-box{padding:32px 23px}}

/* --- page-specific class fixes for gel_de_paprika.html --- */
.page-secondary-link { margin-top: 8px; }
.kicker-cta { color: #ff9da6; }
.page-cta-actions { margin-top: 24px; }
.page-section-spacing { margin-top: 22px; }
.page-actions-center { justify-content: center; margin-top: 22px; }