:root{
      --paper:#EFF2EF; --paper-raised:#F8FAF8; --ink:#16211F; --ink-soft:#4B5854;
      --ink-faint:#7C8985; --rule:#CBD4CE; --rule-soft:#DEE4E0;
      --rust:#A8451F; --rust-dark:#8A3818; --rust-tint:#F5E6DD;
      --verdi:#3E6358; --verdi-tint:#E4ECE8; --steel:#2C4A63; --white:#FFFFFF;
      --shadow: 0 1px 2px rgba(22,33,31,0.06), 0 8px 24px -12px rgba(22,33,31,0.15);
    }
    *{box-sizing:border-box;}
    html{scroll-behavior:smooth;}
    body{margin:0; font-family:'Open Sans',sans-serif; color:var(--ink); line-height:1.6; background:var(--paper); -webkit-font-smoothing:antialiased;}

    .mast{border-bottom:1px solid var(--rule); padding:16px 0; background:var(--paper);}
    .mast-inner{max-width:900px; margin:0 auto; padding:0 28px; display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap;}
    .mast-brand{font-family:'Open Sans',sans-serif; font-size:13.5px; letter-spacing:.02em; text-transform:none; color:var(--ink-soft); display:flex; align-items:center; gap:6px;}
    .mast-brand::before{content:"←"; color:var(--rust); font-weight:700; font-size:15px;}
    .mast-brand strong{color:var(--ink); font-weight:600;}
    .mast-brand a{color:var(--rust); text-decoration:none; font-weight:600; border-bottom:1px solid transparent; transition:border-color .15s ease;}
    .mast-brand a:hover{border-color:var(--rust);}
    .mast-tag{font-family:'Open Sans',sans-serif; font-size:11.5px; letter-spacing:.05em; color:var(--verdi); border:1px solid var(--verdi); border-radius:100px; padding:4px 12px;}

    .contenedor{width:min(880px, 92%); margin:0 auto; padding:52px 0 70px;}

    h1{font-family:'Open Sans',sans-serif; font-weight:600; margin:0 0 20px; color:var(--ink); font-size:clamp(1.9rem,4.2vw,2.7rem); line-height:1.12; letter-spacing:-.01em;}

    .intro{max-width:66ch; font-size:1.05rem; color:var(--ink-soft); margin-bottom:16px;}

    .boton{
      display:inline-flex; align-items:center; gap:8px;
      margin:6px 0 40px; padding:12px 22px;
      background:var(--rust); color:#fff; border:1px solid var(--rust);
      text-decoration:none; border-radius:100px; font-weight:600; font-size: 14px;
      transition:background .15s ease, transform .15s ease;
    }
    .boton:hover{background:var(--rust-dark); transform:translateY(-1px);}

    h2{
      font-family:'Open Sans',sans-serif; font-weight:600; font-style:italic;
      margin:48px 0 16px; color:var(--ink); font-size:1.4rem;
      border-bottom:1px solid var(--rule); padding-bottom:12px;
    }

    .grupo{display:flex; flex-direction:column; gap:10px;}

    details{
      border:1px solid var(--rule);
      background:var(--white); overflow:hidden;
      box-shadow:var(--shadow);
    }

summary{
  cursor:pointer;
  padding:17px 46px 17px 20px;
  font-family:'Open Sans',sans-serif;
  font-weight:600;
  font-size:16px;
  line-height:24px;
  list-style:none;
  position:relative;
  color:var(--ink);
}


    summary::-webkit-details-marker{display:none;}
    summary::after{
      content:""; position:absolute; right:22px; top:50%;
      width:10px; height:10px; margin-top:-7px;
      border-right:1.5px solid var(--ink-faint); border-bottom:1.5px solid var(--ink-faint);
      transform:rotate(45deg); transition:transform .2s ease;
    }
    details[open] summary::after{transform:rotate(-135deg); margin-top:-3px;}
    details[open] summary{border-bottom:1px solid var(--rule-soft); background:var(--paper-raised);}

    .contenido-acordeon{
  padding:18px 20px 22px;
  color:var(--ink-soft);
  font-size:16px;
  line-height:24px;
}

    .contenido-acordeon p{margin:0 0 14px;}
    .contenido-acordeon strong{
      display:block; font-family:'Open Sans',sans-serif; font-size:11.5px;
      letter-spacing:.04em; text-transform:uppercase; color:var(--verdi);
      font-weight:600; margin:0 0 10px;
    }
    .contenido-acordeon ul{margin:0 0 16px; padding-left:20px;}
 .contenido-acordeon li{
  margin-bottom:6px;
  font-size:16px;
  line-height:24px;
}

    .areas{background:var(--paper-raised); border:1px solid var(--rule-soft); padding:12px 14px; font-size:.9rem; margin:14px 0 !important;}
    .areas strong{display:inline; font-family:inherit; font-size:inherit; letter-spacing:normal; text-transform:none; color:var(--ink); font-weight:600; margin:0;}

    .enlace-consulta{
      display:inline-flex; align-items:center; gap:6px;
      font-family:'Open Sans',sans-serif; font-size:12.5px; font-weight:600;
      color:var(--rust); text-decoration:none;
    }
    .enlace-consulta:hover{color:var(--rust-dark);}

    .cta-final{
      margin-top:56px; background:var(--rust-tint); border:1px solid #E4C3AF;
      padding:30px 32px;
    }
    .cta-final h2{margin:0 0 14px; border-bottom:none; padding-bottom:0; color:var(--rust-dark);}
    .cta-final p{color:#5A3524; margin:0 0 12px; max-width:66ch;}
    .cta-final .
{background:var(--rust); border-color:var(--rust); margin:6px 0 20px;}
    .cta-final .
:hover{background:var(--rust-dark);}
    .cta-final p:last-child{
      font-size:.92rem; color:#5A3524; border-top:1px solid #E4C3AF; padding-top:16px; margin-top:4px;
    }
    .cta-final p:last-child strong{font-family:'Open Sans',sans-serif; font-size: 14px; display:block; margin-bottom:2px; color:var(--rust-dark);}

    footer.foot{background:var(--ink); color:#B9C4BE; padding:20px 0; font-family:'Open Sans',sans-serif; font-size:11.5px; letter-spacing:.03em; margin-top:20px;}
    footer.foot .mast-inner{max-width:900px;}

    @media (max-width:640px){
      .contenedor{padding:36px 0 50px;}
      h2{margin-top:38px;}
    }

    .dmie-subnav-wrap{position:sticky; top:0; z-index:60; background:var(--paper); border-bottom:1px solid var(--rule);}
    .dmie-subnav{max-width:900px; margin:0 auto; padding:12px 28px; display:flex; gap:4px; align-items:center; flex-wrap:wrap;}
    .dmie-subnav a{font-family:'Open Sans',sans-serif; font-size:12px; font-weight:600; color:var(--ink-soft); text-decoration:none; padding:8px 14px; border-radius:100px; transition:background .15s ease, color .15s ease; white-space:nowrap;}
    .dmie-subnav a:hover{color:var(--rust); background:var(--rust-tint);}
    .dmie-subnav a.activo{background:var(--verdi); color:#fff;}
    @media(max-width:760px){.dmie-subnav{overflow-x:auto; flex-wrap:nowrap; -webkit-overflow-scrolling:touch;}}