:root{
    --bg:#ffffff;
    --panel:#fbfbfb;
    /* --fg:#140b0c; */
    --muted:#6b7280;
    --gold:#c8a95a;
    --radius:14px;
    --container:1100px;
  }
  *{box-sizing:border-box}
  body {
    margin: 0;
    font-family: "Montserrat", sans-serif;
    background: #f8f8f8;
  
  }
  img{
    max-width:100%;
    display:block;
    border-radius:12px
}
  /* hero__EMSCULPT */
  .hero__EMSCULPT{
    position: relative;
    overflow: hidden;
    height: 60vh; /* 100% del alto de la pantalla */
    display: flex;
    align-items: center;
}
.hero_HiEms-img {
    position: absolute;
    inset: 0;
    z-index: 0;
    overflow: hidden;


    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: brightness(0.28); /* oscurece el fondo un poco para leer mejor el texto */
}
.hero__EMSCULPT-inner{
    position:relative;
    z-index:2;
    color:var(--fg);
    display:flex;
    align-items:center
}

.hero__EMSCULPT-card{
    /* background:rgba(255,255,255,0.6); */
    padding:36px;
    border-radius:16px;
    box-shadow:0 8px 30px rgba(15,23,42,0.06);
    max-width:760px
}

.h1_EMSCULPT{
    font-family:'Playfair Display',serif;
    font-size:clamp(26px,4vw,44px);
    margin:0 0 12px;
    color:#ffffff;
}

.eyebrow{
    color:var(--gold);
    letter-spacing:.14em;
    text-transform:uppercase;
    font-weight:700;
    font-size:12px;
    margin-bottom:10px
}
.eyebrowneo{
    color: #ddb867;
}

p.lead{
    color:var(--muted);
    margin:0 0 18px
}

.cta-row{
    display:flex;gap:12px;
    flex-wrap:wrap
}

.btn{
    padding:10px 16px;
    border-radius:999px;
    font-weight:600;border:1px solid rgba(15,23,42,.06);
    background:transparent;cursor:pointer
}

.btn-primary{
    background:linear-gradient(90deg,var(--gold),#f0d78a);
    color:#081018;
    border:none
}

  /* SECTIONS */
section{
    padding:64px 0;
    border-top:1px solid #f0f0f0
}
h2{
    font-family:'Playfair Display',serif;
    font-size:clamp(20px,3.2vw,30px);
    margin:0 0 14px;
    color:#140b0c;
}

.grid{
    display:grid;
    gap:20px
}

.grid.cols-3{
    grid-template-columns:repeat(3,1fr)
}

.grid.cols-2{
    grid-template-columns:1fr 1fr
}

.card{
    background:var(--panel);
    padding:20px;
    border-radius:12px;
    box-shadow:0 6px 20px rgba(11,15,20,0.02);
    color:#140b0c ;
}

.muted{
    color:var(--muted)
}

ul.benef{
    list-style:none;
    padding-left:0;
    display:grid;
    gap:8px
}

ul.benef li::before{
    content:"✓";
    color:var(--gold);
    margin-right:8px
}

.hero__EMSCULPT-stats{
    display:flex;
    gap:18px;
    flex-wrap:wrap;
    margin-top:14px
}

.stat{
    background:#fff;
    padding:12px;
    border-radius:10px;
    min-width:120px;
    text-align:center;
    border:1px solid #f3f3f3
}

.stat strong{
    display:block;
    font-size:20px;
    color:#140b0c;
}

  /* BEFORE/AFTER placeholder */
.before-grid{
    display:grid;
    gap:12px;
    grid-template-columns:1fr 1fr
}

.before{
    height:220px;
    background:#efefef;
    border-radius:10px;
    display:grid;
    place-items:center;
    color:#999;
    font-weight:600
}

/* PROTOCOL */
.protocol{
    display:flex;
    flex-direction:column;
    gap:12px
}

.protocol .step{
    display:flex;
    gap:12px
    ;align-items:flex-start
}

.step .num{
    background:var(--gold);
    color:#071018;
    padding:8px 12px;border-radius:8px;
    font-weight:700
}


/* responsive */
@media (min-width:900px){
.hero__EMSCULPT{min-height:80vh}
.hero__EMSCULPT-inner{padding:48px 0}
.hero__EMSCULPT-grid{display:grid;grid-template-columns:1fr 420px;gap:28px;align-items:center}
}
@media (max-width:899px){
.hero__EMSCULPT::before{background-position:center 20%}
.wrapEMSCULPT{padding:0 18px}
.grid.cols-3{grid-template-columns:1fr}
.grid.cols-2{grid-template-columns:1fr}
.before-grid{grid-template-columns:1fr}
}