/* ============================================================
   Glow Agency — Estudia, Diseña y Publica
   Design tokens adapted from the Glow Agency design system
   ============================================================ */

@font-face { font-family: "Malline"; src: url("fonts/Malline.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; }

:root {
  /* Brand palette */
  --glow-teal:      #64ddde;
  --glow-mint:      #9be8d8;
  --glow-cyan:      #1fc3d1;
  --glow-lilac:     #b997da;
  --glow-purple:    #957bae;
  --glow-raspberry: #ff437a;
  --glow-blush:     #f28ba9;
  --glow-petal:     #ffc7d6;

  /* Neutrals */
  --ink:            #1a1418;
  --ink-2:          #3a3137;
  --ink-3:          #6b6168;
  --ink-4:          #a59ea2;
  --line:           #ece6ea;
  --line-strong:    #d7cfd3;
  --paper:          #ffffff;
  --paper-tint:     #fbf7f9;
  --paper-cool:     #f5f1f6;
  --paper-violet:   #efe7f4;

  /* Gradients */
  --grad-warm: linear-gradient(135deg, var(--glow-raspberry) 0%, var(--glow-blush) 60%, var(--glow-lilac) 100%);
  --grad-cool: linear-gradient(135deg, var(--glow-teal) 0%, var(--glow-mint) 50%, var(--glow-lilac) 100%);

  /* Type */
  --font-sans:   "Poppins", "Helvetica Neue", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-script: "Malline", "Allura", "Dancing Script", "Apple Chancery", cursive;

  /* Shape & elevation */
  --radius-lg: 20px;
  --shadow-sm: 0 4px 12px rgba(149, 123, 174, 0.12);
  --shadow-md: 0 12px 28px -8px rgba(149, 123, 174, 0.22);
  --shadow-lg: 0 24px 56px -16px rgba(149, 123, 174, 0.32);

  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
}

*{box-sizing:border-box;}
body{margin:0;background:var(--paper);}
a{color:var(--glow-raspberry);text-decoration:none;}
a:hover{color:var(--glow-purple);}

.eyebrow {
  font-family: var(--font-sans);
  font-weight: 600;
  font-size: 12px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--glow-purple);
}

details{border-bottom:1px solid var(--line);}
details summary{list-style:none;cursor:pointer;}
details summary::-webkit-details-marker{display:none;}
details .faq-chev{transition:transform 220ms var(--ease-out);flex:none;}
details[open] .faq-chev{transform:rotate(180deg);}

.cta-btn{transition:transform 180ms var(--ease-out),box-shadow 220ms var(--ease-out),filter 180ms var(--ease-out);}
.cta-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);filter:brightness(0.97);}
.cta-btn:active{transform:scale(0.98);}

.method-card{transition:transform 220ms var(--ease-out),box-shadow 220ms var(--ease-out);}
.method-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);}

.hero-photo{
  position:relative;z-index:1;aspect-ratio:4/5;border-radius:var(--radius-lg);
  overflow:hidden;box-shadow:var(--shadow-md);background:var(--paper-cool);
}
.hero-photo img{width:100%;height:100%;object-fit:cover;display:block;}