:root{
      --cream:#F1E8D8;
      --sand:#DFCCB8;
      --sage:#9EAD96;
      --olive:#66735F;
      --rose:#D8B8B3;
      --ink:#2F332F;
      --white:#F9F4EA;
    }

    *{box-sizing:border-box}
    body{
      margin:0;
      font-family: Arial, Helvetica, sans-serif;
      color:var(--ink);
      background:var(--cream);
      line-height:1.65;
    }

    h1,h2,h3{
      font-family: Georgia, "Times New Roman", serif;
      font-weight:500;
      margin:0 0 18px;
      color:var(--olive);
    }

    h1{font-size:clamp(2.6rem,6vw,5.5rem);line-height:1.03}
    h2{font-size:clamp(2rem,4vw,3.5rem);line-height:1.15}
    h3{font-size:1.45rem}

    p{margin:0 0 18px}
    a{text-decoration:none;color:inherit}

    .nav{
      position:sticky;
      top:0;
      z-index:10;
      display:flex;
      justify-content:space-between;
      align-items:center;
      padding:18px 6vw;
      background:rgba(247,243,236,.94);
      backdrop-filter:blur(10px);
      border-bottom:1px solid rgba(47,51,47,.08);
    }

    .brand{
      font-family:Georgia,serif;
      font-size:1.15rem;
      letter-spacing:.02em;
    }

    .navlinks{
      display:flex;
      gap:22px;
      font-size:.95rem;
    }

    .hero{
      min-height:88vh;
      display:grid;
      grid-template-columns:1.15fr .85fr;
      align-items:center;
      gap:50px;
      padding:70px 7vw;
      background:
        radial-gradient(circle at 80% 20%, rgba(205,174,170,.35), transparent 30%),
        radial-gradient(circle at 15% 85%, rgba(142,155,139,.25), transparent 35%),
        var(--cream);
    }

    .eyebrow{
      text-transform:uppercase;
      letter-spacing:.16em;
      font-size:.78rem;
      font-weight:700;
      margin-bottom:20px;
      color:var(--sage);
    }

    .hero p{
      max-width:650px;
      font-size:1.15rem;
    }

    .buttons{
      display:flex;
      gap:14px;
      flex-wrap:wrap;
      margin-top:28px;
    }

    .btn{
      display:inline-block;
      padding:14px 24px;
      border-radius:999px;
      font-weight:700;
      transition:.2s ease;
    }

    .btn-primary{
      background:var(--olive);
      color:var(--white);
    }

    .btn-secondary{
      border:1px solid var(--olive);
      color:var(--olive);
    }

    .btn:hover{transform:translateY(-2px)}

    .hero-card{
      background:var(--white);
      border-radius:34px;
      padding:26px;
      box-shadow:0 18px 60px rgba(47,51,47,.12);
      min-height:500px;
      display:flex;
      flex-direction:column;
      justify-content:flex-end;
      background-image:
        linear-gradient(rgba(255,255,255,.05),rgba(255,255,255,.4)),
        url('consultorio.webp');
      background-size:cover;
      background-position:center;
    }

    .hero-card .tag{
      align-self:flex-start;
      background:rgba(247,243,236,.93);
      padding:10px 14px;
      border-radius:999px;
      font-size:.9rem;
      font-weight:700;
    }

    section{
      padding:90px 7vw;
    }

    .intro{
      max-width:850px;
      margin:0 auto;
      text-align:center;
    }

    .intro p{
      font-size:1.15rem;
    }

    .method{
      background:var(--white);
    }

    .method-grid{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:60px;
      align-items:start;
      max-width:1200px;
      margin:0 auto;
    }

    .method-steps{
      display:grid;
      gap:18px;
    }

    .step{
      background:var(--cream);
      padding:26px;
      border-radius:22px;
      border-left:6px solid var(--sage);
    }

    .step span{
      display:inline-block;
      font-weight:800;
      color:var(--rose);
      margin-bottom:8px;
    }

    .quote{
      margin-top:30px;
      padding:26px;
      border-radius:22px;
      background:var(--sand);
      font-family:Georgia,serif;
      font-size:1.35rem;
      line-height:1.5;
    }

    .tools{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:18px;
      margin-top:28px;
    }

    .tool{
      padding:22px;
      border-radius:20px;
      background:var(--cream);
      min-height:150px;
    }

    .audiences{
      background:var(--sand);
    }

    .cards{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:22px;
      max-width:1200px;
      margin:35px auto 0;
    }

    .card{
      background:var(--white);
      border-radius:24px;
      padding:30px;
      min-height:260px;
      box-shadow:0 10px 30px rgba(47,51,47,.08);
    }

    .card strong{
      display:block;
      margin-bottom:10px;
      color:var(--olive);
    }

    .child{
      background:var(--white);
    }

    .child-grid{
      display:grid;
      grid-template-columns:.9fr 1.1fr;
      gap:55px;
      align-items:center;
      max-width:1200px;
      margin:0 auto;
    }

    .visual{
      border-radius:30px;
      min-height:500px;
      background:
        linear-gradient(rgba(47,51,47,.05),rgba(47,51,47,.2)),
        url('https://images.unsplash.com/photo-1602030028438-4cf153cbae9e?auto=format&fit=crop&w=1200&q=80');
      background-size:cover;
      background-position:center;
    }

    .faq{
      max-width:980px;
      margin:0 auto;
    }

    details{
      background:var(--white);
      border-radius:18px;
      padding:20px 22px;
      margin:12px 0;
      box-shadow:0 6px 20px rgba(47,51,47,.06);
    }

    summary{
      cursor:pointer;
      font-weight:700;
      color:var(--olive);
    }

    .contact{
      text-align:center;
      background:var(--olive);
      color:var(--white);
    }

    .contact h2{color:var(--white)}
    .contact p{max-width:700px;margin:0 auto 24px}

    footer{
      padding:28px 7vw;
      text-align:center;
      background:#283028;
      color:#EAE6DE;
      font-size:.9rem;
    }

    @media (max-width:900px){
      .hero,.method-grid,.child-grid{grid-template-columns:1fr}
      .cards,.tools{grid-template-columns:1fr}
      .navlinks{display:none}
      .hero{padding-top:45px}
      .hero-card{min-height:380px}
    }

.method-tools {
  max-width: 1200px;
  margin: 60px auto 0;
}

.contact .btn-contact {
  background: #fff;
  color: #5D685B;
}

.modalities {
  background: var(--olive);
  color: var(--white);
}

.modalities h2,
.modalities h3 {
  color: var(--white);
}

.modalities .eyebrow {
  color: var(--sand);
}

.modality-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
  max-width: 980px;
  margin: 40px auto 0;
}

.modality-card {
  padding: 32px;
  border: 1px solid rgba(255, 255, 255, .25);
  border-radius: 24px;
  background: rgba(255, 255, 255, .08);
}

.modality-mark {
  display: inline-grid;
  place-items: center;
  width: 48px;
  height: 48px;
  margin-bottom: 20px;
  border-radius: 50%;
  background: var(--cream);
  color: var(--olive);
  font-weight: 800;
}

.area-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  max-width: 1200px;
  margin: 55px auto 0;
}

.area-card {
  padding: 28px;
  border-radius: 22px;
  background: var(--cream);
  border-top: 5px solid var(--rose);
}

@media (max-width: 900px) {
  .modality-grid,
  .area-grid {
    grid-template-columns: 1fr;
  }
}

/* Paleta pastel y tarjetas uniformes de áreas */
body { background: #B8C3AB; }
.nav { background: rgba(225, 231, 213, .94); }
.hero { background-color: #C9D3BF; }
.method { background: #E7DDC9; }
.step { background: #D8E0CF; }
.tool { background: #E3D2C7; }
.audiences { background: #D8C7B4; }
.card { background: #E8E1CF; }
.areas { background: #C4CFB8; }
details { background: #E8DDCA; }
.modalities { background: #6F7C67; }

.area-grid {
  align-items: stretch;
  gap: 24px;
}

.area-card {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  padding: 0;
  overflow: hidden;
  background: #E9DFC9;
  border: 0;
  box-shadow: 0 12px 30px rgba(47, 51, 47, .10);
}

.area-card:nth-child(2n) { background: #E2CFCA; }
.area-card:nth-child(3n) { background: #DDE4D3; }

.area-image {
  display: block;
  width: 100%;
  height: 220px;
  object-fit: cover;
}

.area-content {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 26px;
}

.area-content p { margin-bottom: 0; }

.modality-card {
  background: rgba(232, 224, 204, .14);
}

.contact .btn-contact {
  background: #E9DFC9;
}
/* Rediseño minimalista */
:root {
  --cream: #F3F1EA;
  --sand: #DDD9CE;
  --sage: #A7AE9D;
  --olive: #596151;
  --rose: #C8BBB1;
  --ink: #30342F;
  --white: #F7F5EF;
}

body {
  background: #E4E6DD;
  color: var(--ink);
}

.nav {
  background: rgba(243, 241, 234, .94);
  border-bottom: 1px solid rgba(48, 52, 47, .12);
}

.hero {
  background:
    radial-gradient(circle at 82% 20%, rgba(200, 187, 177, .18), transparent 30%),
    #E4E6DD;
}

.method,
.child,
.areas {
  background: #EEEDE7;
}

.audiences {
  background: #DDE1D6;
}

.modalities {
  background: #CED3C6;
  color: var(--ink);
}

.modalities h2,
.modalities h3 {
  color: var(--olive);
}

.modalities .eyebrow {
  color: var(--olive);
}

.modality-card {
  background: transparent;
  border: 1px solid rgba(48, 52, 47, .22);
  box-shadow: none;
}

.step,
.tool,
.card,
.area-card,
details {
  background: #F3F1EA;
  border: 1px solid rgba(48, 52, 47, .11);
  box-shadow: none;
}

.step {
  border-left: 3px solid var(--sage);
}

.step span {
  color: var(--olive);
  font-size: .78rem;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.card {
  min-height: 240px;
}

.area-card,
.area-card:nth-child(2n),
.area-card:nth-child(3n) {
  background: #F3F1EA;
  border: 1px solid rgba(48, 52, 47, .11);
  box-shadow: none;
}

.area-image {
  filter: saturate(.62) contrast(.92);
}

.quote {
  background: #DDD9CE;
}

.contact {
  background: #596151;
}

.contact .btn-contact {
  background: #F3F1EA;
  color: #596151;
}

footer {
  background: #3E443B;
}

.btn {
  transition: transform .2s ease, background-color .2s ease;
}

.btn-secondary {
  background: transparent;
}

.modality-mark {
  display: none;
}
/* Paleta minimalista en tonos más profundos */
body { background: #C9CEC1; }
.nav { background: rgba(222, 221, 211, .95); }
.hero { background:
  radial-gradient(circle at 82% 20%, rgba(174, 154, 145, .22), transparent 30%),
  #CDD2C5;
}
.method,
.child,
.areas { background: #D9D9D0; }
.audiences { background: #C7CDBE; }
.modalities { background: #B8C0B1; }
.step,
.tool,
.card,
.area-card,
.area-card:nth-child(2n),
.area-card:nth-child(3n),
details { background: #E2DFD5; }
.quote { background: #C9C3B7; }

.about {
  background: #CDD2C5;
}

.about-grid {
  display: grid;
  grid-template-columns: minmax(280px, .8fr) 1.2fr;
  gap: 64px;
  align-items: center;
  max-width: 1100px;
  margin: 0 auto;
}

.profile-photo {
  display: grid;
  place-items: center;
  min-height: 520px;
  overflow: hidden;
  border: 1px solid rgba(48, 52, 47, .22);
  border-radius: 28px;
  background:
    linear-gradient(145deg, rgba(89, 97, 81, .12), rgba(200, 187, 177, .28)),
    #D9D9D0;
  color: var(--olive);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.1rem;
}

.profile-photo span {
  padding: 12px 18px;
  border: 1px solid rgba(48, 52, 47, .2);
  border-radius: 999px;
  background: rgba(226, 223, 213, .82);
}

.about-content {
  max-width: 620px;
}

.license {
  display: inline-block;
  margin-top: 12px;
  padding-top: 16px;
  border-top: 1px solid rgba(48, 52, 47, .25);
  color: var(--olive);
  font-weight: 700;
}

@media (max-width: 900px) {
  .about-grid {
    grid-template-columns: 1fr;
    gap: 36px;
  }

  .profile-photo {
    min-height: 420px;
  }

  .brand {
    font-size: 1rem;
  }
}
.profile-photo img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 520px;
  object-fit: cover;
  object-position: center;
}

@media (max-width: 900px) {
  .profile-photo img {
    min-height: 420px;
  }
}

/* Acentos rosa empolvado: calidez sin perder la base natural */
:root {
  --rose-soft: #EFE2E2;
  --rose: #D8BFC2;
  --rose-medium: #B9858E;
  --rose-deep: #82545F;
}

.hero {
  background:
    radial-gradient(circle at 82% 18%, rgba(216, 191, 194, .52), transparent 31%),
    radial-gradient(circle at 14% 86%, rgba(167, 174, 157, .22), transparent 34%),
    #CDD2C5;
}

.eyebrow,
.step span {
  color: var(--rose-deep);
}

.btn-primary {
  background: var(--rose-deep);
}

.btn-primary:hover {
  background: #704650;
}

.btn-secondary:hover {
  border-color: var(--rose-deep);
  background: rgba(239, 226, 226, .6);
  color: var(--rose-deep);
}

.navlinks a {
  position: relative;
}

.navlinks a::after {
  position: absolute;
  right: 0;
  bottom: -7px;
  left: 0;
  height: 2px;
  border-radius: 999px;
  background: var(--rose-medium);
  content: "";
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .2s ease;
}

.navlinks a:hover::after,
.navlinks a:focus-visible::after {
  transform: scaleX(1);
}

.hero-card .tag {
  background: rgba(239, 226, 226, .94);
  color: var(--rose-deep);
}

.step {
  border-left-color: var(--rose-medium);
}

.quote {
  background: var(--rose);
}

.tool:nth-child(2),
.card:nth-child(2) {
  background: var(--rose-soft);
}

.audiences {
  background: #DED1D1;
}

.modalities {
  background: linear-gradient(135deg, #BAC2B3 0%, #D5C3C5 100%);
}

.modality-card {
  border-color: rgba(130, 84, 95, .28);
}

.modality-card:hover,
.area-card:hover {
  border-color: var(--rose-medium);
}

.area-card {
  transition: border-color .2s ease, transform .2s ease;
}

.area-card:hover {
  transform: translateY(-3px);
}

.about {
  background:
    radial-gradient(circle at 16% 50%, rgba(216, 191, 194, .58), transparent 28%),
    #CDD2C5;
}

.profile-photo {
  border-color: rgba(130, 84, 95, .28);
}

details[open] {
  border-color: var(--rose-medium);
  background: var(--rose-soft);
}

summary::marker {
  color: var(--rose-deep);
}

.contact {
  background: var(--rose-deep);
}

.contact .btn-contact {
  color: var(--rose-deep);
}

.contact .btn-contact:hover {
  background: var(--rose-soft);
}

*:focus-visible {
  outline: 3px solid rgba(185, 133, 142, .55);
  outline-offset: 4px;
}

/* Paleta final: rosa, beige, blanco roto y gris topo */
:root {
  --cream: #F3EAE0;
  --sand: #DDCABC;
  --sage: #B99198;
  --olive: #625A5A;
  --rose-soft: #F4E6E7;
  --rose: #DFC2C6;
  --rose-medium: #B97F89;
  --rose-deep: #82545F;
  --ink: #373334;
  --white: #FCF9F5;
}

body {
  background: #E8DED5;
}

.nav {
  background: rgba(252, 249, 245, .94);
  border-bottom-color: rgba(98, 90, 90, .14);
}

.hero {
  background:
    radial-gradient(circle at 82% 18%, rgba(223, 194, 198, .7), transparent 32%),
    radial-gradient(circle at 13% 88%, rgba(221, 202, 188, .58), transparent 36%),
    #EEE5DC;
}

.hero-card {
  background-image:
    linear-gradient(rgba(130, 84, 95, .18), rgba(252, 249, 245, .34)),
    url('consultorio.webp');
  background-blend-mode: color, normal;
}

h1,
h2,
h3,
.card strong,
summary {
  color: #625A5A;
}

.method,
.child,
.areas {
  background: #F6F0E9;
}

.step,
.tool,
.card,
.area-card,
.area-card:nth-child(2n),
.area-card:nth-child(3n),
details {
  background: #FCF9F5;
  border-color: rgba(98, 90, 90, .14);
}

.step:nth-child(2),
.tool:nth-child(2),
.card:nth-child(2) {
  background: #F4E6E7;
}

.audiences {
  background: #E8D4D5;
}

.modalities {
  background: linear-gradient(135deg, #DCC6C4 0%, #E8D8CC 100%);
}

.modalities h2,
.modalities h3,
.modalities .eyebrow {
  color: #625A5A;
}

.quote {
  background: #DFC2C6;
}

.about {
  background:
    radial-gradient(circle at 16% 50%, rgba(223, 194, 198, .72), transparent 29%),
    #E8DED5;
}

.profile-photo {
  background:
    linear-gradient(145deg, rgba(185, 127, 137, .12), rgba(221, 202, 188, .32)),
    #EEE5DC;
  color: #625A5A;
}

.area-image,
.profile-photo img {
  filter: grayscale(.28) sepia(.1) saturate(.72);
}

.license {
  border-top-color: rgba(98, 90, 90, .28);
  color: #625A5A;
}

.btn-secondary {
  border-color: #625A5A;
  color: #625A5A;
}

.contact {
  background: #82545F;
}

footer {
  background: #4A4344;
  color: #F8EFE9;
}