/* Migrated from <style> in mujer.html */
/* ── Paleta específica Mujer ── */
    :root {
      --mujer-lavanda:  #c8b8d4;
      --mujer-rosa:     #e8c8d4;
      --mujer-crema:    #fdf6f8;
      --mujer-suave:    #f2e8f0;
    }

    /* Hero con gradiente propio */
    .hero--mujer {
      background: linear-gradient(135deg, var(--mujer-crema) 0%, var(--mujer-suave) 100%);
    }
    .hero--mujer .hero-tag {
      background: rgba(200, 184, 212, 0.25);
      color: #7a5a8a;
    }
    .hero--mujer h1 { color: #6a4a7a; }
    .hero--mujer .hero-highlight {
      border-left: 4px solid var(--mujer-lavanda);
      background: var(--blanco);
    }

    /* Bloque destacado (quote) */
    .quote-block {
      background: linear-gradient(135deg, var(--mujer-suave), var(--mujer-crema));
      border-radius: 20px;
      padding: 2.5rem;
      text-align: center;
      margin: 2rem 0;
      border: 2px solid var(--mujer-lavanda);
    }
    .quote-block p {
      font-size: 1.3rem;
      color: #6a4a7a;
      font-weight: 600;
      line-height: 1.8;
      margin: 0;
      font-style: italic;
    }

    /* Benefit cards con acento mujer */
    .benefit-card--mujer { border-top-color: var(--mujer-lavanda); }

    /* Questions box mujer */
    .questions-box--mujer {
      background: linear-gradient(135deg, var(--mujer-lavanda) 0%, #9a7aaa 100%);
    }

    /* Mecanismo / pasos */
    .mechanism-flow {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
      gap: 1.5rem;
      margin: 2.5rem 0;
    }
    .mechanism-step {
      background: var(--blanco);
      border-radius: 18px;
      padding: 1.8rem 1.5rem;
      text-align: center;
      box-shadow: var(--sombra-suave);
      border-top: 4px solid var(--mujer-lavanda);
    }
    .mechanism-step .step-icon { font-size: 2.2rem; display: block; margin-bottom: 0.8rem; }
    .mechanism-step h4 { font-size: 1.1rem; color: #6a4a7a; font-weight: 600; margin-bottom: 0.5rem; }
    .mechanism-step p  { font-size: 0.9rem; color: var(--texto-suave); line-height: 1.5; }

    /* Nota empática */
    .empathy-note {
      background: var(--mujer-suave);
      border-radius: 15px;
      padding: 1.5rem 2rem;
      text-align: center;
      font-size: 1.05rem;
      color: #6a4a7a;
      font-weight: 500;
      margin-top: 1.5rem;
    }

    /* Hero buttons */
    .hero-buttons {
      display: flex;
      gap: 1rem;
      justify-content: center;
      flex-wrap: wrap;
      margin-top: 2rem;
    }
    .btn--mujer {
      background: #7a5a8a;
    }
    .btn--mujer:hover { background: #6a4a7a; }

    /* Test */
    .test-wrapper { max-width: 750px; margin: 0 auto; }
    .test-question-card {
      background: var(--blanco);
      border-radius: 20px;
      padding: 2rem;
      margin-bottom: 1.5rem;
      box-shadow: var(--sombra-suave);
      border: 2px solid transparent;
      transition: border-color 0.3s ease;
    }
    .test-question-card.answered { border-color: var(--mujer-lavanda); }
    .test-question-card p { font-size: 1.1rem; color: var(--texto); font-weight: 600; margin-bottom: 1.2rem; }
    .test-options { display: flex; gap: 1rem; }
    .test-options label { flex: 1; cursor: pointer; }
    .test-options input[type="radio"] { display: none; }
    .test-options .option-btn {
      display: block;
      text-align: center;
      padding: 0.75rem 1rem;
      border-radius: 50px;
      border: 2px solid var(--mujer-lavanda);
      color: #6a4a7a;
      font-weight: 600;
      font-size: 1rem;
      transition: all 0.2s ease;
      background: var(--mujer-crema);
    }
    .test-options input[type="radio"]:checked + .option-btn {
      background: #7a5a8a;
      color: var(--blanco);
      border-color: #7a5a8a;
    }
    .test-options label:hover .option-btn { background: var(--mujer-suave); }
    .test-result {
      display: none;
      border-radius: 25px;
      padding: 2.5rem;
      text-align: center;
      margin-top: 2rem;
      box-shadow: var(--sombra-hover);
      animation: fadeIn 0.4s ease;
    }
    @keyframes fadeIn {
      from { opacity: 0; transform: translateY(10px); }
      to   { opacity: 1; transform: translateY(0); }
    }
    .test-result.verde    { background: linear-gradient(135deg,#e8f5e9,#c8e6c9); border: 2px solid #66bb6a; }
    .test-result.amarillo { background: linear-gradient(135deg,#fffde7,#fff9c4); border: 2px solid #ffd54f; }
    .test-result.rojo     { background: linear-gradient(135deg, var(--mujer-suave), var(--mujer-crema)); border: 2px solid var(--mujer-lavanda); }
    .test-result .result-icon { font-size: 3rem; display: block; margin-bottom: 1rem; }
    .test-result h3 { font-size: 1.6rem; margin-bottom: 0.8rem; color: #6a4a7a; font-weight: 700; }
    .test-result p  { font-size: 1.05rem; color: var(--texto); line-height: 1.7; margin-bottom: 1.5rem; }
    .test-reset {
      background: none;
      border: 2px solid var(--mujer-lavanda);
      color: #6a4a7a;
      padding: 0.6rem 1.5rem;
      border-radius: 50px;
      font-size: 0.9rem;
      font-weight: 600;
      cursor: pointer;
      transition: all 0.2s ease;
      margin-top: 0.5rem;
    }
    .test-reset:hover { background: var(--mujer-suave); }

    /* CTA section mujer */
    .cta-section--mujer {
      background: linear-gradient(135deg, var(--mujer-lavanda) 0%, #7a5a8a 100%);
    }

    @media (max-width: 480px) {
      .mechanism-flow { grid-template-columns: 1fr 1fr; }
      .hero-buttons .btn { width: 100%; text-align: center; }
    }

/* Migrated style attribute from mujer.html */
[data-csp-style="mujer-1"] { height:56px;width:auto;display:block; }

/* Migrated style attribute from mujer.html */
[data-csp-style="mujer-2"] { margin-top:1.5rem; }

/* Migrated style attribute from mujer.html */
[data-csp-style="mujer-3"] { margin-top:2rem; }

/* Migrated style attribute from mujer.html */
[data-csp-style="mujer-4"] { margin-top:3rem; }

/* Migrated style attribute from mujer.html */
[data-csp-style="mujer-5"] { background:var(--mujer-lavanda);color:#fff; }

/* Migrated style attribute from mujer.html */
[data-csp-style="mujer-6"] { background:#9a7aaa;color:#fff; }

/* Migrated style attribute from mujer.html */
[data-csp-style="mujer-7"] { margin-top:3rem; }

/* Migrated style attribute from mujer.html */
[data-csp-style="mujer-8"] { background:var(--blanco);color:#6a4a7a; }