/* Limpieza de elementos laterales de la sección "Primero comprendemos" */
.study-decor-left,
.study-decor-right{
  display:none !important;
}

/* HERO: portal con rayo de luz hacia la flor de loto y sol con más iluminación */
.portal{
  background:
    radial-gradient(circle at 50% 9%, rgba(255,251,222,.98) 0 2.6%, rgba(255,235,188,.72) 3.4%, rgba(255,245,214,.24) 8.5%, transparent 18%),
    radial-gradient(circle at 50% 11%, rgba(255,249,224,.18), transparent 24%),
    linear-gradient(180deg,#eee4ff 0,#d8c7ef 22%,#a089b2 42%,#584766 66%,#241834 100%);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.45), 0 30px 70px rgba(53,31,91,.2);
}

.portal:before{
  content:"";
  position:absolute;
  left:50%;
  bottom:24px;
  transform:translateX(-50%);
  width:230px;
  height:145px;
  z-index:4;
  pointer-events:none;
  filter:drop-shadow(0 6px 18px rgba(255,236,250,.26));
  background:
    radial-gradient(ellipse at 50% 96%, rgba(255,251,255,.98) 0 13%, transparent 14%),
    radial-gradient(ellipse at 50% 70%, rgba(250,236,255,.96) 0 18%, transparent 19%),
    radial-gradient(ellipse at 31% 73%, rgba(227,190,250,.90) 0 14%, transparent 15%),
    radial-gradient(ellipse at 69% 73%, rgba(227,190,250,.90) 0 14%, transparent 15%),
    radial-gradient(ellipse at 17% 75%, rgba(188,140,228,.62) 0 11%, transparent 12%),
    radial-gradient(ellipse at 83% 75%, rgba(188,140,228,.62) 0 11%, transparent 12%),
    radial-gradient(ellipse at 50% 44%, rgba(255,250,255,.62) 0 8%, transparent 9%);
}

.portal:after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:45%;
  background:
    radial-gradient(ellipse at 50% 16%, rgba(255,241,252,.28), transparent 40%),
    linear-gradient(180deg, transparent 0, rgba(255,238,247,.14) 18%, rgba(34,22,51,.10) 34%, rgba(21,13,43,.84) 100%);
}

.geometry{
  top:9%;
  width:245px;
  height:250px;
  opacity:.9;
}

.geometry span,
.geometry:before,
.geometry:after{
  border-color: rgba(255,248,220,.72);
}

.geometry i{
  position:absolute;
  left:50%;
  top:-8px;
  bottom:40px;
  width:2px;
  transform:translateX(-50%);
  background:linear-gradient(
    to bottom,
    rgba(255,255,255,0) 0%,
    rgba(255,245,186,.92) 18%,
    rgba(255,250,235,1) 48%,
    rgba(246,220,255,.86) 74%,
    rgba(255,255,255,0) 100%
  );
  box-shadow:
    0 0 14px rgba(255,244,193,.60),
    0 0 30px rgba(243,193,255,.28);
}

.geometry i:after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-2px;
  transform:translateX(-50%);
  width:34px;
  height:34px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(255,251,246,.98) 0 16%, rgba(244,214,255,.52) 34%, transparent 68%);
  box-shadow:0 0 24px rgba(244,214,255,.42);
}

.mountains{
  position:absolute;
  inset:auto -8% 0;
  height:60%;
  background:
    linear-gradient(143deg, transparent 0 30%, rgba(133,112,143,.94) 31% 46%, transparent 47%),
    linear-gradient(216deg, transparent 0 36%, rgba(93,74,102,.95) 37% 52%, transparent 53%);
  opacity:.94;
}

/* El rayo termina visualmente en la flor y el sol se siente más luminoso */
.portal .geometry:before{
  box-shadow:
    inset 0 0 0 1px rgba(255,248,220,.35),
    0 0 32px rgba(255,235,190,.08);
}

@media (max-width: 980px){
  .portal:before{
    width:200px;
    height:126px;
    bottom:20px;
  }
  .geometry{
    width:220px;
    height:225px;
  }
}

@media (max-width: 680px){
  .portal:before{
    width:180px;
    height:112px;
  }
  .geometry{
    width:190px;
    height:200px;
  }
}



/* Logo del header al 125% en escritorio, sin tocar lo demás */
@media (min-width: 981px){
  .brand img{
    width:305px !important;
    height:70px !important;
    max-width:50vw !important;
  }
}

/* Sección "Si quieres profundizar..." más cercana a la referencia clara */
.platform{
  position:relative;
  overflow:hidden;
  padding:96px 0;
  background:
    radial-gradient(circle at 9% 26%, rgba(234,222,243,.55) 0 8%, transparent 18%),
    radial-gradient(circle at 89% 11%, rgba(224,213,244,.62) 0 7%, transparent 19%),
    linear-gradient(135deg,#fffdfc 0%, #fbf8ff 54%, #fffaf6 100%) !important;
  color:var(--ink) !important;
}

.platform h2{
  color:var(--ink) !important;
  max-width:560px;
}

.platform h2 .em{
  color:#8a2f73;
}

.platform p{
  color:#6f6880 !important;
}

.platform:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 4% 10%, rgba(190,160,118,.88) 0 1.2px, transparent 1.9px),
    radial-gradient(circle at 9% 64%, rgba(190,160,118,.68) 0 1.2px, transparent 1.9px),
    radial-gradient(circle at 84% 20%, rgba(190,160,118,.7) 0 1.2px, transparent 1.9px),
    radial-gradient(circle at 90% 62%, rgba(190,160,118,.55) 0 1.2px, transparent 1.9px),
    linear-gradient(transparent,transparent);
  opacity:.9;
}

.platform:after{
  content:"";
  position:absolute;
  left:-180px;
  bottom:-270px;
  width:760px;
  height:420px;
  border-radius:50%;
  background:radial-gradient(ellipse at center, rgba(221,210,241,.62) 0%, rgba(233,226,247,.28) 38%, rgba(255,255,255,0) 72%);
  pointer-events:none;
}

.platform .container{
  position:relative;
  z-index:2;
}

.platform-grid{
  position:relative;
  display:grid;
  grid-template-columns:.9fr 1.1fr !important;
  gap:40px !important;
  align-items:center;
}

.platform-grid:before{
  content:"";
  position:absolute;
  left:-8%;
  top:-4%;
  width:56%;
  height:122%;
  border:1px solid rgba(201,171,129,.22);
  border-radius:50%;
  pointer-events:none;
  opacity:.9;
}

.platform-grid:after{
  content:"";
  position:absolute;
  right:-6%;
  top:-9%;
  width:42%;
  height:88%;
  border:1px solid rgba(201,171,129,.22);
  border-radius:50%;
  pointer-events:none;
  opacity:.72;
}

.platform-copy{
  max-width:560px;
  position:relative;
  z-index:2;
}

.platform-copy .kicker.light{
  color:#b461a3 !important;
}

.platform-copy p{
  max-width:520px;
  margin-top:18px !important;
  font-size:.98rem;
}

.pillars{
  display:flex;
  gap:30px;
  flex-wrap:wrap;
  margin-top:28px;
}

.pillar{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:9px;
  color:#665f78 !important;
  font-size:.82rem;
  text-align:center;
}

.pillar .circle{
  width:62px !important;
  height:62px !important;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(182,147,198,.46) !important;
  box-shadow:0 10px 30px rgba(137,97,153,.08);
  color:#944486;
}

.concept-note{
  margin-top:22px !important;
  display:grid !important;
  grid-template-columns:1fr 1.6fr;
  align-items:center;
  gap:0;
  max-width:560px;
  padding:0 !important;
  border-radius:18px !important;
  overflow:hidden;
  background:rgba(255,255,255,.84);
  border:1px solid rgba(188,170,208,.42) !important;
  box-shadow:0 10px 24px rgba(114,87,136,.07);
  color:#6a6278 !important;
  font-size:.78rem !important;
}

.concept-note .note-item{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-height:58px;
  padding:12px 16px;
  line-height:1.35;
}

.concept-note .note-item + .note-item{
  border-left:1px solid rgba(188,170,208,.35);
}

.concept-note .note-strong strong{
  color:#7f3475;
  font-size:.78rem;
}

.concept-note .note-strong small{
  color:#6d657c;
  font-size:.75rem;
}

/* bloque visual derecho usando la imagen 3 */
.phones{
  position:relative;
  min-height:620px;
  height:auto !important;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  overflow:visible;
}

.phones:before{
  content:"";
  position:absolute;
  right:2%;
  top:2%;
  width:84%;
  height:88%;
  border-radius:40px;
  background:
    radial-gradient(circle at 75% 20%, rgba(42,28,76,.82) 0%, rgba(64,44,106,.55) 34%, rgba(255,255,255,0) 72%),
    radial-gradient(circle at 62% 70%, rgba(234,217,246,.62) 0%, rgba(255,255,255,0) 52%);
  filter:blur(2px);
  z-index:0;
}

.phones:after{
  content:"";
  position:absolute;
  left:0;
  bottom:6%;
  width:55%;
  height:18%;
  background:radial-gradient(ellipse at center, rgba(226,210,240,.7) 0%, rgba(226,210,240,.2) 50%, rgba(255,255,255,0) 78%);
  filter:blur(4px);
  z-index:0;
}

.platform-phones-image{
  position:relative;
  z-index:1;
  display:block;
  width:min(760px,100%) !important;
  max-width:760px !important;
  height:auto;
  max-height:none !important;
  object-fit:contain;
  filter:drop-shadow(0 26px 40px rgba(70,48,95,.18)) !important;
  -webkit-mask-image:none !important;
  mask-image:none !important;
}

/* respuesta móvil */
@media (max-width: 980px){
  .platform{
    padding:74px 0;
  }
  .platform-grid{
    grid-template-columns:1fr !important;
    gap:24px !important;
  }
  .platform-grid:before,
  .platform-grid:after{
    display:none;
  }
  .platform-copy{
    max-width:none;
  }
  .phones{
    min-height:auto;
  }
  .concept-note{
    grid-template-columns:1fr;
  }
  .concept-note .note-item + .note-item{
    border-left:0;
    border-top:1px solid rgba(188,170,208,.35);
  }
}



/* Sección de profundización: quitar borde/corte visible y mezclar la imagen con el fondo */
.platform{
  overflow:hidden;
}
.platform .phones{
  position:relative;
  align-items:flex-end;
  justify-content:flex-end;
  min-height:640px;
}
.platform .phones:before{
  content:"";
  position:absolute;
  inset:-2% -3% -6% 18%;
  background:
    radial-gradient(circle at 74% 18%, rgba(64,38,93,.44) 0%, rgba(64,38,93,.15) 25%, rgba(255,255,255,0) 58%),
    radial-gradient(circle at 88% 52%, rgba(120,84,160,.16) 0%, rgba(255,255,255,0) 46%),
    linear-gradient(90deg, rgba(255,252,249,0) 0%, rgba(255,250,246,.08) 36%, rgba(255,248,246,.16) 100%);
  filter:blur(1.2px);
  z-index:0;
  border-radius:42px;
}
.platform .platform-phones-image{
  position:relative;
  z-index:1;
  width:min(860px,118%) !important;
  max-width:none !important;
  margin-right:-58px;
  filter:drop-shadow(0 16px 34px rgba(58,34,83,.12)) !important;
  -webkit-mask-image:
    radial-gradient(ellipse 68% 62% at 69% 54%, #000 0 70%, transparent 95%),
    linear-gradient(to right, transparent 0%, rgba(0,0,0,.94) 10%, #000 28%, #000 90%, transparent 100%),
    linear-gradient(to bottom, transparent 0%, rgba(0,0,0,.94) 8%, #000 24%, #000 92%, transparent 100%);
  -webkit-mask-composite: source-in;
  mask-image:
    radial-gradient(ellipse 68% 62% at 69% 54%, #000 0 70%, transparent 95%),
    linear-gradient(to right, transparent 0%, rgba(0,0,0,.94) 10%, #000 28%, #000 90%, transparent 100%),
    linear-gradient(to bottom, transparent 0%, rgba(0,0,0,.94) 8%, #000 24%, #000 92%, transparent 100%);
}
@supports not (-webkit-mask-image: linear-gradient(black, black)){
  .platform .platform-phones-image{
    clip-path: inset(1.5% 1.5% round 26px);
  }
}
.platform .platform-copy{
  padding-right:10px;
}
.platform .platform-copy h2{
  max-width:520px;
}
.platform .platform-copy p{
  max-width:520px;
}
.platform .concept-note{
  max-width:560px;
}

/* Experiencias al 75% visual en escritorio, manteniendo lectura y fotos */
.testimonials{
  padding:82px 0 90px;
}
.testimonials .container{
  max-width:1240px;
}
.testimonials-head{
  max-width:760px !important;
  margin:0 auto 24px !important;
}
.testimonials-head h2{
  font-size:clamp(2.45rem, 4.1vw, 4.05rem) !important;
  line-height:.95;
}
.testimonials-head p{
  font-size:.82rem !important;
  max-width:600px !important;
  margin-top:12px !important;
}
.testimonial-grid{
  gap:12px !important;
  max-width:840px !important;
}
.testimonial-card{
  padding:16px !important;
  border-radius:18px !important;
  min-height:188px !important;
}
.testimonial-card .quote-mark{
  font-size:1.45rem !important;
}
.testimonial-card blockquote{
  margin:8px 0 14px !important;
  font-size:.78rem !important;
  line-height:1.52 !important;
}
.testimonial-meta{
  padding-top:11px !important;
  gap:10px !important;
}
.testimonial-avatar{
  width:40px !important;
  height:40px !important;
  border:1px solid rgba(255,255,255,.34) !important;
  box-shadow:0 4px 12px rgba(0,0,0,.20) !important;
}
.testimonial-person{
  gap:9px !important;
}
.testimonial-person b{
  font-size:.72rem !important;
}
.testimonial-person span{
  font-size:.55rem !important;
  margin-top:2px !important;
}
.testimonial-route{
  font-size:.54rem !important;
  max-width:44% !important;
}
@media (min-width: 981px){
  .testimonials .container{
    zoom:.75;
  }
}
@media (max-width: 980px){
  .platform .phones{
    min-height:auto;
    justify-content:center;
  }
  .platform .platform-phones-image{
    width:min(760px,100%) !important;
    margin-right:0;
    -webkit-mask-image:
      linear-gradient(to right, transparent 0%, #000 8%, #000 92%, transparent 100%),
      linear-gradient(to bottom, transparent 0%, #000 6%, #000 94%, transparent 100%);
    mask-image:
      linear-gradient(to right, transparent 0%, #000 8%, #000 92%, transparent 100%),
      linear-gradient(to bottom, transparent 0%, #000 6%, #000 94%, transparent 100%);
  }
  .testimonials .container{
    zoom:1;
  }
  .testimonial-grid{
    max-width:none !important;
  }
}



@media (min-width: 981px){
  .testimonials{
    padding: 120px 0 130px !important;
    overflow: hidden;
  }
  .testimonials .container{
    zoom: 1.25 !important;
    max-width: 1160px !important;
  }
}

.platform .phones{
  overflow: visible !important;
}

.platform .platform-phones-image{
  position: relative;
  z-index: 2;
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  -webkit-mask-image:
    linear-gradient(to right,
      transparent 0%,
      rgba(0,0,0,.18) 5%,
      rgba(0,0,0,.60) 10%,
      #000 16%,
      #000 84%,
      rgba(0,0,0,.60) 90%,
      rgba(0,0,0,.18) 95%,
      transparent 100%
    ),
    linear-gradient(to bottom,
      transparent 0%,
      rgba(0,0,0,.18) 5%,
      rgba(0,0,0,.60) 10%,
      #000 16%,
      #000 84%,
      rgba(0,0,0,.60) 90%,
      rgba(0,0,0,.18) 95%,
      transparent 100%
    );
  -webkit-mask-composite: source-in;
  mask-image:
    linear-gradient(to right,
      transparent 0%,
      rgba(0,0,0,.18) 5%,
      rgba(0,0,0,.60) 10%,
      #000 16%,
      #000 84%,
      rgba(0,0,0,.60) 90%,
      rgba(0,0,0,.18) 95%,
      transparent 100%
    ),
    linear-gradient(to bottom,
      transparent 0%,
      rgba(0,0,0,.18) 5%,
      rgba(0,0,0,.60) 10%,
      #000 16%,
      #000 84%,
      rgba(0,0,0,.60) 90%,
      rgba(0,0,0,.18) 95%,
      transparent 100%
    );
  mask-composite: intersect;
  filter: drop-shadow(0 16px 34px rgba(58,34,83,.10)) !important;
}

.platform .phones::after{
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 3;
  background:
    linear-gradient(to right,
      rgba(248,245,252,1) 0%,
      rgba(248,245,252,.82) 3%,
      rgba(248,245,252,.30) 8%,
      rgba(248,245,252,0) 15%,
      rgba(248,245,252,0) 85%,
      rgba(248,245,252,.18) 92%,
      rgba(248,245,252,.55) 97%,
      rgba(248,245,252,.82) 100%
    ),
    linear-gradient(to bottom,
      rgba(248,245,252,.48) 0%,
      rgba(248,245,252,.10) 8%,
      rgba(248,245,252,0) 16%,
      rgba(248,245,252,0) 84%,
      rgba(248,245,252,.12) 92%,
      rgba(248,245,252,.40) 100%
    );
  mix-blend-mode: normal;
}

@media (max-width: 980px){
  .testimonials .container{
    zoom: 1 !important;
  }
  .platform .platform-phones-image{
    -webkit-mask-image:
      linear-gradient(to right,
        transparent 0%,
        rgba(0,0,0,.28) 6%,
        #000 14%,
        #000 86%,
        rgba(0,0,0,.28) 94%,
        transparent 100%
      ),
      linear-gradient(to bottom,
        transparent 0%,
        rgba(0,0,0,.28) 6%,
        #000 14%,
        #000 86%,
        rgba(0,0,0,.28) 94%,
        transparent 100%
      );
    mask-image:
      linear-gradient(to right,
        transparent 0%,
        rgba(0,0,0,.28) 6%,
        #000 14%,
        #000 86%,
        rgba(0,0,0,.28) 94%,
        transparent 100%
      ),
      linear-gradient(to bottom,
        transparent 0%,
        rgba(0,0,0,.28) 6%,
        #000 14%,
        #000 86%,
        rgba(0,0,0,.28) 94%,
        transparent 100%
      );
  }
}



.method-card:first-child .method-icon svg{width:30px;height:30px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
@media (min-width: 981px){
  .testimonials .container{zoom:.90 !important; max-width:1320px !important;}
  .testimonial-grid{grid-template-columns:repeat(4,minmax(0,1fr)) !important; max-width:none !important; gap:18px !important;}
}
.testimonial-card{min-height:210px !important;}
.testimonial-card blockquote{font-size:.92rem !important; line-height:1.58 !important;}
.testimonial-avatar{object-fit:cover !important; object-position:center !important;}
.testimonial-route{letter-spacing:.04em !important;}
@media (max-width: 1200px){
  .testimonial-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media (max-width: 700px){
  .testimonial-grid{grid-template-columns:1fr !important;}
}




/* =========================================================
   IMAGEN DE PROFUNDIZACIÓN
   El PNG ya tiene transparencia real en sus bordes:
   se elimina cualquier máscara anterior que pueda crear cortes.
   ========================================================= */
#espacio .phones{
  overflow:visible !important;
  min-width:0;
}

#espacio .platform-phones-image{
  display:block;
  width:min(790px,112%) !important;
  max-width:none !important;
  height:auto !important;
  margin:0 -28px 0 0 !important;
  object-fit:contain !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  -webkit-mask-image:none !important;
  mask-image:none !important;
  clip-path:none !important;
  filter:drop-shadow(0 20px 36px rgba(66,42,88,.12)) !important;
}

#espacio .phones::after{
  display:none !important;
}

/* =========================================================
   MÓVIL / TABLET
   Orden, simetría y prevención de desbordes.
   ========================================================= */
@media (max-width: 980px){

  html, body{
    overflow-x:hidden;
  }

  .container{
    width:min(var(--max), calc(100% - 32px)) !important;
  }

  .section{
    padding:64px 0 !important;
  }

  /* Header */
  .nav{
    min-height:68px !important;
    padding:6px 4px !important;
    gap:8px !important;
  }

  .brand{
    min-width:0 !important;
    flex:0 1 auto !important;
  }

  .brand img{
    width:184px !important;
    max-width:58vw !important;
    height:48px !important;
  }

  .nav-links{
    display:none !important;
  }

  .nav-actions{
    margin-left:auto !important;
    gap:7px !important;
  }

  .header-cta{
    padding:10px 14px !important;
    font-size:.72rem !important;
    white-space:nowrap;
  }

  .round{
    width:38px !important;
    height:38px !important;
    flex:none;
  }

  /* Hero */
  .hero-grid{
    grid-template-columns:1fr !important;
    gap:24px !important;
  }

  .hero-copy{
    text-align:left;
    padding-top:10px !important;
  }

  .hero-actions{
    gap:10px !important;
  }

  .hero-art{
    min-height:430px !important;
  }

  /* Audio */
  .audio-card{
    grid-template-columns:1fr !important;
    gap:24px !important;
  }

  /* Confianza */
  .trust-grid{
    grid-template-columns:1fr !important;
    max-width:390px !important;
  }

  /* ========== PRIMERO COMPRENDEMOS ========== */
  .study-model{
    padding:58px 0 !important;
  }

  .study-model > .container{
    width:min(100% - 28px, 720px) !important;
  }

  .study-grid{
    grid-template-columns:1fr !important;
    gap:22px !important;
    align-items:stretch !important;
  }

  .study-intro{
    width:100% !important;
    min-height:0 !important;
    padding:30px 24px 26px !important;
    border-radius:26px !important;
    text-align:left !important;
  }

  .study-intro h2{
    font-size:clamp(2.05rem, 10vw, 3rem) !important;
    line-height:.94 !important;
    max-width:100% !important;
  }

  .study-intro p{
    max-width:none !important;
    font-size:.88rem !important;
    line-height:1.6 !important;
  }

  .study-intro .btn{
    width:100% !important;
    justify-content:center !important;
    text-align:center !important;
    margin-top:20px !important;
  }

  .study-intro-leaves{
    width:112px !important;
    height:92px !important;
    right:-6px !important;
    bottom:-10px !important;
  }

  .study-steps-wrap{
    padding:0 !important;
    width:100% !important;
  }

  .study-steps-line{
    display:none !important;
  }

  .study-steps{
    width:100% !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:14px !important;
  }

  .study-step,
  .study-step:nth-child(2),
  .study-step:nth-child(3){
    width:100% !important;
    margin-left:0 !important;
    min-height:0 !important;
    grid-template-columns:54px minmax(0,1fr) !important;
    gap:14px !important;
    padding:21px 18px 18px 18px !important;
    border-radius:22px !important;
    align-items:center !important;
  }

  .study-step .num{
    left:16px !important;
    top:-13px !important;
    width:32px !important;
    height:32px !important;
    font-size:.82rem !important;
  }

  .study-step-icon{
    width:48px !important;
    height:48px !important;
  }

  .study-step h3{
    font-size:1.08rem !important;
    margin:0 0 4px !important;
  }

  .study-step p{
    font-size:.77rem !important;
    line-height:1.45 !important;
    margin:0 !important;
  }

  /* Procesos */
  .process-tabs{
    grid-template-columns:1fr !important;
    gap:10px !important;
  }

  .panel{
    grid-template-columns:1fr !important;
  }

  /* Sección "Si quieres profundizar" */
  #espacio{
    padding:68px 0 !important;
  }

  #espacio .platform-grid{
    grid-template-columns:1fr !important;
    gap:24px !important;
  }

  #espacio .platform-copy{
    max-width:none !important;
    padding-right:0 !important;
  }

  #espacio .platform-copy h2,
  #espacio .platform-copy p{
    max-width:none !important;
  }

  #espacio .pillars{
    display:grid !important;
    grid-template-columns:repeat(3,1fr) !important;
    gap:10px !important;
  }

  #espacio .pillar{
    min-width:0 !important;
    font-size:.72rem !important;
  }

  #espacio .pillar .circle{
    width:52px !important;
    height:52px !important;
  }

  #espacio .concept-note{
    max-width:none !important;
    width:100% !important;
  }

  #espacio .phones{
    width:100% !important;
    min-height:0 !important;
    height:auto !important;
    justify-content:center !important;
    align-items:center !important;
    overflow:visible !important;
    margin-top:4px !important;
  }

  #espacio .platform-phones-image{
    width:min(720px,108%) !important;
    max-width:108% !important;
    margin:0 auto !important;
    transform:none !important;
  }

  /* Método */
  .method-steps{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:16px !important;
    padding-top:18px !important;
  }

  .method-connector,
  .method-center-flower,
  .method-leaves{
    display:none !important;
  }

  .method-card{
    min-height:190px !important;
  }

  /* Testimonios */
  .testimonials .container{
    zoom:1 !important;
  }

  .testimonial-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:14px !important;
    max-width:none !important;
  }

  /* Primera Mirada formulario */
  .firstlook-intro{
    grid-template-columns:1fr !important;
    gap:18px !important;
  }

  .firstlook-shell{
    border-radius:24px !important;
  }

  .firstlook-top{
    grid-template-columns:1fr !important;
  }

  .firstlook-step{
    border-right:0 !important;
    border-bottom:1px solid var(--line) !important;
  }

  .firstlook-step:last-child{
    border-bottom:0 !important;
  }

  .firstlook-fields{
    grid-template-columns:1fr !important;
  }

  .topic-grid{
    grid-template-columns:1fr !important;
  }

  /* FAQ */
  .faq-grid{
    grid-template-columns:1fr !important;
  }
}

@media (max-width: 680px){

  .container{
    width:calc(100% - 24px) !important;
  }

  .section{
    padding:54px 0 !important;
  }

  h1{
    font-size:clamp(2.55rem, 14vw, 3.3rem) !important;
  }

  h2{
    overflow-wrap:break-word;
  }

  /* Header compacto y equilibrado */
  .brand img{
    width:158px !important;
    max-width:55vw !important;
    height:44px !important;
  }

  .header-cta{
    display:none !important;
  }

  /* Botones */
  .hero-actions{
    display:grid !important;
    grid-template-columns:1fr !important;
  }

  .hero-actions .btn{
    width:100% !important;
    justify-content:center !important;
  }

  /* Bloque Primero comprendemos: simétrico */
  .study-model > .container{
    width:calc(100% - 20px) !important;
  }

  .study-intro{
    padding:27px 20px 24px !important;
  }

  .study-intro h2{
    font-size:clamp(2rem, 12vw, 2.65rem) !important;
  }

  .study-step,
  .study-step:nth-child(2),
  .study-step:nth-child(3){
    grid-template-columns:46px minmax(0,1fr) !important;
    padding:19px 16px 17px !important;
  }

  .study-step-icon{
    width:42px !important;
    height:42px !important;
  }

  /* Plataforma */
  #espacio .pillars{
    grid-template-columns:1fr !important;
    gap:14px !important;
  }

  #espacio .pillar{
    flex-direction:row !important;
    justify-content:flex-start !important;
    text-align:left !important;
  }

  #espacio .platform-phones-image{
    width:112% !important;
    max-width:112% !important;
    margin-left:-6% !important;
  }

  /* Método */
  .method-steps{
    grid-template-columns:1fr !important;
    gap:16px !important;
  }

  .method-card{
    min-height:auto !important;
    padding:64px 20px 22px !important;
  }

  /* Testimonios */
  .testimonial-grid{
    grid-template-columns:1fr !important;
  }

  .testimonial-card{
    min-height:auto !important;
  }

  .testimonial-meta{
    align-items:center !important;
  }

  /* Formulario */
  .firstlook-body{
    padding:22px 18px !important;
  }

  .firstlook-intro h2{
    font-size:clamp(2.15rem, 11vw, 3rem) !important;
  }

  /* CTA móvil */
}