*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;background:#f7f2ec;color:#17331e}
a{color:inherit}
img{max-width:100%}
.landing{width:100%;min-height:100vh;overflow:hidden;padding-bottom:28px}
.hero-section{width:100%;display:flex;align-items:flex-start;justify-content:center}
.hero-image{display:block;width:100%;height:auto}
.cta-floating{display:flex;align-items:center;justify-content:center}
.whatsapp-cta{display:flex;align-items:center;justify-content:center;gap:14px;min-height:64px;border-radius:999px;text-decoration:none;text-align:left;position:relative;overflow:hidden;transition:transform .22s ease,filter .22s ease}
.whatsapp-cta:hover{transform:translateY(-2px);filter:saturate(1.06)}
.whatsapp-cta strong{display:block;font-size:clamp(15px,2vw,22px);letter-spacing:.3px;line-height:1.05}
.whatsapp-cta small{display:block;font-size:clamp(11px,1.55vw,15px);opacity:.9;margin-top:3px}
.wa-circle{width:42px;height:42px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}
.wa-circle svg{width:29px;height:29px;display:block;fill:currentColor}
.shine-loop:after{content:"";position:absolute;inset:-40% auto -40% -55%;width:42%;transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.34),transparent);animation:shine 4.4s ease-in-out infinite}
@keyframes shine{0%,64%{left:-55%}82%,100%{left:115%}}
.investment-card,.ideal-card,.faq-panel,.optional-section,.examples-panel{width:min(960px,calc(100% - 36px));margin-left:auto;margin-right:auto;border-radius:28px;padding:clamp(20px,4vw,38px);border:1px solid rgba(15,58,27,.08)}
.investment-grid{display:grid;grid-template-columns:1fr 360px;gap:clamp(20px,4vw,40px);align-items:center}
.benefits-column h1,.examples-panel h2,.ideal-card h2,.faq-panel h2,.optional-section h2{margin:0 0 18px;font-size:clamp(25px,4.7vw,44px);line-height:.98;letter-spacing:-.8px;text-wrap:balance}
.benefits-list{display:grid;gap:13px}
.benefit-item{display:flex;gap:13px;align-items:flex-start;border-radius:20px;padding:15px}
.benefit-icon,.ideal-icon{width:42px;height:42px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex:0 0 auto;font-size:21px}
.benefit-title{margin:0 0 4px;font-size:clamp(16px,2.1vw,20px);line-height:1.12}
.benefit-text{margin:0;font-size:clamp(13px,1.55vw,15px);line-height:1.42}
.photo-carousel{position:relative;width:100%;aspect-ratio:4/5;min-height:300px;border-radius:26px;overflow:hidden;background:rgba(255,255,255,.42);box-shadow:0 18px 38px rgba(0,0,0,.1)}
.photo-carousel .slide{position:absolute;inset:0;opacity:0;transition:opacity .6s ease}
.photo-carousel .slide.active{opacity:1}
.photo-carousel img{width:100%;height:100%;object-fit:cover;display:block}

.share-top-section{width:min(960px,calc(100% - 36px));margin:14px auto 10px;display:flex;justify-content:flex-end}
.share-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;padding:11px 16px;font-size:14px;font-weight:800;color:#fff;background:linear-gradient(135deg,#0f3a1b,#16805a);box-shadow:0 12px 26px rgba(15,58,27,.18);cursor:pointer;transition:transform .2s ease,filter .2s ease}.share-button:hover{transform:translateY(-2px);filter:saturate(1.08)}
.benefits-description-box{width:min(960px,calc(100% - 36px));margin:14px auto 18px;border-radius:24px;padding:clamp(16px,3vw,24px);background:#fffaf3;border:1px solid rgba(15,58,27,.08);box-shadow:0 14px 34px rgba(15,58,27,.09)}
.benefits-description{margin:0;font-size:clamp(14px,1.8vw,17px);line-height:1.65;color:#526957}
.optional-section{margin-top:18px;background:#fffaf3;box-shadow:0 18px 45px rgba(15,58,27,.10)}
.video-wrap{width:100%;max-width:860px;margin:0 auto;border-radius:18px;overflow:hidden;background:#000;box-shadow:0 14px 30px rgba(0,0,0,.12);aspect-ratio:16/9}.video-wrap.vertical{max-width:390px;aspect-ratio:9/16}.video-wrap iframe{display:block;width:100%;height:100%;border:0}.tiktok-wrap{width:100%;max-width:430px;margin:0 auto;border-radius:18px;overflow:hidden;background:#000;box-shadow:0 14px 30px rgba(0,0,0,.12);aspect-ratio:9/16}.tiktok-wrap iframe{display:block;width:100%;height:100%;border:0;background:#000}
.location-map{width:100%;height:420px;border:0;border-radius:18px;background:#eef3f1;display:block}.location-address{display:flex;align-items:flex-start;gap:10px;margin:16px 0 8px;font-size:16px;line-height:1.45;color:#17331e}.location-link{display:inline-flex;color:#7b2cff;font-weight:800;text-decoration:none;margin-top:4px}.location-link:hover{text-decoration:underline}

.ideal-card{margin-top:18px;text-align:center}
.ideal-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.ideal-item{display:flex;align-items:center;justify-content:center;gap:10px;border-radius:18px;padding:15px;min-height:74px}
.ideal-text{font-size:clamp(14px,1.8vw,18px);line-height:1.15}

.examples-panel{margin-top:18px;text-align:center}
.examples-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.example-card{border-radius:20px;padding:18px;background:linear-gradient(135deg,rgba(182,199,138,.18),rgba(255,255,255,.82));border:1px solid rgba(15,58,27,.10);box-shadow:0 12px 24px rgba(15,58,27,.08);display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:14px;min-height:145px}
.example-title{margin:0;font-size:clamp(17px,2.4vw,22px);line-height:1.18;color:var(--lp-primary,#0f3a1b);text-wrap:balance}
.example-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:12px 18px;background:linear-gradient(135deg,var(--lp-primary,#0f3a1b),var(--lp-secondary,#16805a));color:#fff;text-decoration:none;font-weight:900;box-shadow:0 12px 24px rgba(22,128,90,.22);transition:transform .2s ease,box-shadow .2s ease}
.example-button:hover{transform:translateY(-2px);box-shadow:0 16px 30px rgba(22,128,90,.28)}

.faq-panel{margin-top:18px;text-align:center}
.faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.faq-item{display:grid;gap:8px}.faq-button{appearance:none;border:0;border-radius:18px;padding:15px 16px;font:inherit;font-weight:800;cursor:pointer;min-height:58px;transition:transform .2s ease, box-shadow .2s ease;width:100%}.faq-answer{border-radius:16px;padding:13px 15px;background:rgba(255,255,255,.72);font-size:14px;line-height:1.45;text-align:left;color:var(--lp-muted,#526957);border:1px solid rgba(15,58,27,.08)}
.chat-section{width:min(960px,calc(100% - 36px));margin:18px auto 0;border-radius:28px;overflow:hidden;background:#fff;box-shadow:0 18px 45px rgba(0,0,0,.1)}
.chat-section iframe{display:block;width:100%;height:640px;border:0;background:#fff}
.footer{width:min(960px,calc(100% - 36px));margin:22px auto 0;text-align:center;font-size:13px;color:rgba(0,0,0,.55)}
.footer p{margin:8px 0 0}.socials{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap}.socials img{width:42px;height:42px;display:block}.socials a{border-radius:14px;display:inline-flex;transition:transform .2s ease}.socials a:hover{transform:translateY(-2px)}
.reveal-up{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s ease}.reveal-up.is-visible{opacity:1;transform:none}
@media (max-width:760px){.tiktok-wrap{max-width:min(390px,100%)}.benefits-description-box{width:calc(100% - 32px);border-radius:20px;margin:12px auto 16px}.investment-card,.ideal-card,.faq-panel,.optional-section,.examples-panel,.chat-section,.footer{width:calc(100% - 32px);border-radius:22px}.investment-grid{grid-template-columns:1fr}.photo-carousel{aspect-ratio:16/11;min-height:220px}.ideal-list,.faq-grid,.examples-grid{grid-template-columns:1fr}.whatsapp-cta{text-align:left}.benefit-item{padding:13px}.chat-section iframe{height:735px}.share-top-section{width:calc(100% - 32px);justify-content:center}.share-button{width:100%;max-width:360px}.location-map{height:330px}}
@media (max-width:390px){.benefits-description-box{width:calc(100% - 24px)}.investment-card,.ideal-card,.faq-panel,.optional-section,.examples-panel,.chat-section,.footer,.share-top-section{width:calc(100% - 24px)}.benefit-icon,.ideal-icon{width:38px;height:38px;border-radius:13px}.whatsapp-cta{gap:10px}.wa-circle{width:38px;height:38px}}

/* Ajuste v10: botón compartir móvil sobre portada y beneficios alineados */
.benefits-column,
.benefits-column h1,
.benefits-list,
.benefit-item,
.benefit-body,
.benefit-title,
.benefit-text{
  text-align:left;
}
.benefit-item{
  justify-content:flex-start;
}
.benefit-body{
  min-width:0;
}
@media (max-width:760px){
  .landing{position:relative;}
  .share-top-section{
    position:absolute !important;
    top:14px !important;
    right:14px !important;
    left:auto !important;
    width:auto !important;
    margin:0 !important;
    z-index:40 !important;
    justify-content:flex-end !important;
  }
  .share-button{
    width:44px !important;
    height:44px !important;
    min-width:44px !important;
    max-width:none !important;
    padding:0 !important;
    border-radius:14px !important;
    font-size:0 !important;
    gap:0 !important;
    background:rgba(255,255,255,.96) !important;
    color:var(--lp-primary,#0f3a1b) !important;
    box-shadow:0 8px 20px rgba(0,0,0,.16) !important;
  }
  .share-button::before{
    content:"↗";
    font-size:21px !important;
    line-height:1 !important;
  }
  .benefits-list{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
  }
  .benefit-item{
    flex-direction:column;
    align-items:flex-start;
    justify-content:flex-start;
    gap:8px;
    min-height:112px;
    padding:12px 10px;
  }
  .benefit-icon{
    width:34px;
    height:34px;
    flex-basis:34px;
    border-radius:12px;
    font-size:18px;
  }
  .benefit-title{
    font-size:13px;
    line-height:1.18;
  }
  .benefit-text{
    font-size:11px;
    line-height:1.32;
  }
}
@media (max-width:390px){
  .share-top-section{
    width:auto !important;
  }
  .benefits-list{
    gap:8px;
  }
  .benefit-item{
    min-height:106px;
    padding:11px 9px;
  }
}

/* Ajuste v11: bullets de beneficios alineados a la izquierda; 2 columnas solo en teléfono */
.benefits-list{
  grid-template-columns:1fr !important;
}
.benefit-item{
  text-align:left !important;
  justify-content:flex-start !important;
  align-items:flex-start !important;
}
.benefit-body{
  width:100% !important;
  min-width:0 !important;
  text-align:left !important;
}
.benefit-title,
.benefit-text{
  text-align:left !important;
  margin-left:0 !important;
  margin-right:0 !important;
}
@media (max-width:760px){
  .benefits-list{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  .benefit-item{
    text-align:left !important;
    justify-content:flex-start !important;
    align-items:flex-start !important;
  }
  .benefit-body{
    width:100% !important;
    text-align:left !important;
  }
}
@media (min-width:761px){
  .benefits-list{
    grid-template-columns:1fr !important;
  }
}


/* Ajuste v12: también alinear a la izquierda los bullets de IDEAL PARA; 2 columnas solo en teléfono */
.ideal-list,
.ideal-item,
.ideal-text{
  text-align:left !important;
}
.ideal-item{
  justify-content:flex-start !important;
  align-items:center !important;
}
.ideal-text{
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  margin:0 !important;
}
@media (max-width:760px){
  .ideal-list{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
  }
  .ideal-item{
    min-height:72px !important;
    padding:12px 10px !important;
    gap:8px !important;
  }
  .ideal-icon{
    width:34px !important;
    height:34px !important;
    flex:0 0 34px !important;
    border-radius:12px !important;
    font-size:18px !important;
  }
  .ideal-text{
    font-size:12px !important;
    line-height:1.2 !important;
  }
}
@media (min-width:761px){
  .ideal-list{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
}

/* Ajuste v13: centrar la última fila de IDEAL PARA sin cambiar el diseño base */
.ideal-list{
  display:flex !important;
  flex-wrap:wrap !important;
  justify-content:center !important;
  align-items:stretch !important;
  gap:12px !important;
}
.ideal-item{
  flex:0 1 calc((100% - 24px) / 3) !important;
  max-width:calc((100% - 24px) / 3) !important;
}
@media (max-width:760px){
  .ideal-list{
    gap:10px !important;
  }
  .ideal-item{
    flex:0 1 calc((100% - 10px) / 2) !important;
    max-width:calc((100% - 10px) / 2) !important;
  }
}
@media (max-width:390px){
  .ideal-list{
    gap:8px !important;
  }
  .ideal-item{
    flex:0 1 calc((100% - 8px) / 2) !important;
    max-width:calc((100% - 8px) / 2) !important;
  }
}


/* Ajuste v14: carrusel 3:4 completo, fotos adicionales 1:1 completas y video responsivo */
.photo-carousel{
  aspect-ratio:3/4 !important;
  min-height:0 !important;
  background:rgba(255,255,255,.62) !important;
}
.photo-carousel img{
  object-fit:contain !important;
  object-position:center !important;
  background:rgba(255,255,255,.62) !important;
}
.three-photos-section{
  width:min(960px,calc(100% - 36px)) !important;
}
.three-photos-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:clamp(10px,2vw,16px) !important;
}
.three-photo-card,
.three-photo-card img,
.three-photo-placeholder{
  aspect-ratio:1/1 !important;
  min-height:0 !important;
}
.three-photo-card img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
  background:var(--lp-surface,#fffaf3) !important;
}
.video-wrap iframe,
.video-wrap video{
  display:block !important;
  width:100% !important;
  height:100% !important;
  border:0 !important;
  background:#000 !important;
  object-fit:contain !important;
}
.video-wrap.video-mp4{
  background:#000 !important;
}
@media (max-width:760px){
  .photo-carousel{
    aspect-ratio:3/4 !important;
    min-height:0 !important;
  }
  .three-photos-section{
    width:calc(100% - 32px) !important;
    padding:0 !important;
  }
  .three-photos-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}
@media (max-width:390px){
  .three-photos-section{
    width:calc(100% - 24px) !important;
  }
  .three-photos-grid{
    gap:8px !important;
  }
}

/* Ajuste FAQ: la respuesta no se muestra en la landing; la responde el bot en el chat */
.faq-answer,
.faq-answer[hidden]{
  display:none !important;
}

/* FAQ v9: ocultar cualquier respuesta dentro de Preguntas Frecuentes */
#faqButtons .faq-answer,
#faqButtons [data-faq-answer],
#faqButtons .respuesta-faq,
#faqButtons .faq-respuesta{
  display:none !important;
  visibility:hidden !important;
  height:0 !important;
  min-height:0 !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  overflow:hidden !important;
}


/* Ajuste v10: sección de ejemplos debajo de beneficios */
.examples-panel[hidden]{display:none !important;}
@media (max-width:980px){.examples-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:760px){.examples-grid{grid-template-columns:1fr}.example-card{min-height:120px}}

/* Ajuste v11: sección Ejemplos más compacta y brillo sutil en botones */
.examples-panel{
  margin-top:14px !important;
  padding:clamp(14px,2.6vw,24px) !important;
}
.examples-panel h2{
  margin-bottom:12px !important;
  font-size:clamp(22px,3.4vw,34px) !important;
}
.examples-grid{
  gap:10px !important;
}
.example-card{
  min-height:110px !important;
  padding:12px !important;
  gap:10px !important;
  border-radius:16px !important;
  box-shadow:0 8px 18px rgba(15,58,27,.07) !important;
}
.example-title{
  font-size:clamp(15px,1.8vw,18px) !important;
  line-height:1.15 !important;
}
.example-button{
  position:relative !important;
  overflow:hidden !important;
  padding:9px 14px !important;
  font-size:14px !important;
  min-height:38px !important;
  box-shadow:0 8px 18px rgba(22,128,90,.18) !important;
}
.example-button::after{
  content:"";
  position:absolute;
  top:-35%;
  left:-80%;
  width:42%;
  height:170%;
  background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,.18) 35%,rgba(255,255,255,.68) 50%,rgba(255,255,255,.18) 65%,transparent 100%);
  transform:translateX(-140%) skewX(-18deg);
  pointer-events:none;
  animation:exampleButtonShine 5s infinite ease-in-out;
}
@keyframes exampleButtonShine{
  0%,78%,100%{transform:translateX(-140%) skewX(-18deg);opacity:0;}
  82%{opacity:.75;}
  92%{transform:translateX(420%) skewX(-18deg);opacity:0;}
}
@media (max-width:760px){
  .examples-panel{
    margin-top:10px !important;
    padding:13px !important;
  }
  .examples-panel h2{
    margin-bottom:10px !important;
    font-size:clamp(20px,7vw,28px) !important;
  }
  .examples-grid{
    gap:8px !important;
  }
  .example-card{
    min-height:86px !important;
    padding:10px !important;
    gap:8px !important;
    border-radius:15px !important;
  }
  .example-title{
    font-size:15px !important;
    line-height:1.12 !important;
  }
  .example-button{
    padding:8px 12px !important;
    font-size:13px !important;
    min-height:34px !important;
  }
}
@media (prefers-reduced-motion:reduce){
  .example-button::after{animation:none !important;}
}

/* Ajuste v12: centrar tarjetas de Ejemplos en escritorio cuando hay 2 o 4 elementos */
@media (min-width:761px){
  .examples-grid{
    display:flex !important;
    flex-wrap:wrap !important;
    justify-content:center !important;
    align-items:stretch !important;
  }
  .example-card{
    flex:0 1 calc((100% - 20px) / 3) !important;
    max-width:320px !important;
  }
}

/* Ajuste v13: Ejemplos más compactos en escritorio y menos espacio entre título y botón */
@media (min-width:761px){
  .examples-panel{
    padding:18px 24px !important;
  }
  .examples-panel h2{
    margin-bottom:8px !important;
    font-size:clamp(24px,3vw,34px) !important;
  }
  .examples-grid{
    gap:10px !important;
  }
  .example-card{
    min-height:86px !important;
    padding:10px 12px !important;
    gap:6px !important;
    justify-content:center !important;
  }
  .example-title{
    margin-bottom:0 !important;
    font-size:clamp(15px,1.6vw,18px) !important;
    line-height:1.1 !important;
  }
  .example-button{
    margin-top:0 !important;
    padding:8px 14px !important;
    min-height:34px !important;
  }
}

/* Ajuste v17: centrar fotos adicionales impares en teléfono */
@media (max-width:760px){
  .three-photos-grid{
    display:flex !important;
    flex-wrap:wrap !important;
    justify-content:center !important;
    align-items:flex-start !important;
  }
  .three-photo-card{
    flex:0 1 calc((100% - 8px) / 2) !important;
    max-width:calc((100% - 8px) / 2) !important;
  }
}


/* Ajuste v19: nota si el MP4 no puede reproducirse */
.video-error-note{
  position:absolute;
  left:14px;
  right:14px;
  bottom:14px;
  z-index:8;
  padding:10px 12px;
  border-radius:12px;
  background:rgba(255,255,255,.92);
  color:#082f1d;
  font-size:14px;
  font-weight:700;
  text-align:center;
}

/* MP4 en modal compacto */
.video-wrap.video-mp4-button-wrap{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  max-width:520px !important;
  min-height:125px !important;
  aspect-ratio:auto !important;
  background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(244,250,247,.96)) !important;
  box-shadow:none !important;
}
.mp4-video-button{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  border:0 !important;
  border-radius:999px !important;
  padding:14px 24px !important;
  background:linear-gradient(135deg,var(--lp-primary,#0f3a1b),var(--lp-secondary,#16805a)) !important;
  color:#fff !important;
  font:inherit !important;
  font-weight:900 !important;
  font-size:clamp(16px,2.4vw,20px) !important;
  box-shadow:0 14px 32px rgba(0,0,0,.16) !important;
  cursor:pointer !important;
}
.mp4-video-button-icon{
  width:32px !important;
  height:32px !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.20) !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding-left:3px !important;
}
.mp4-video-modal{
  position:fixed !important;
  inset:0 !important;
  z-index:9999 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:18px !important;
}
.mp4-video-modal[hidden]{display:none !important}
.mp4-video-modal-backdrop{
  position:absolute !important;
  inset:0 !important;
  background:rgba(0,0,0,.72) !important;
  backdrop-filter:blur(4px) !important;
}
.mp4-video-modal-dialog{
  position:relative !important;
  z-index:1 !important;
  width:min(94vw,900px) !important;
  max-height:92vh !important;
  background:#050505 !important;
  border-radius:22px !important;
  box-shadow:0 24px 70px rgba(0,0,0,.45) !important;
  padding:14px !important;
}
.mp4-video-modal-dialog video{
  display:block !important;
  width:100% !important;
  max-height:82vh !important;
  background:#000 !important;
  border-radius:16px !important;
  object-fit:contain !important;
}
.mp4-video-modal-close{
  position:absolute !important;
  right:8px !important;
  top:8px !important;
  z-index:2 !important;
  width:40px !important;
  height:40px !important;
  border:0 !important;
  border-radius:999px !important;
  background:#fff !important;
  color:#111 !important;
  font-size:28px !important;
  line-height:1 !important;
  cursor:pointer !important;
  box-shadow:0 8px 25px rgba(0,0,0,.25) !important;
}
.mp4-video-modal-error{
  margin-top:10px !important;
  padding:10px 12px !important;
  border-radius:12px !important;
  background:#fff4e5 !important;
  color:#6a3b00 !important;
  font-size:14px !important;
}
body.mp4-video-modal-open{overflow:hidden !important}
@media(max-width:760px){
  .video-wrap.video-mp4-button-wrap{min-height:105px !important;max-width:100% !important}
  .mp4-video-button{padding:13px 20px !important}
  .mp4-video-modal{padding:10px !important}
  .mp4-video-modal-dialog{border-radius:18px !important;padding:10px !important}
  .mp4-video-modal-close{right:4px !important;top:4px !important}
}


/* Fix v21: ocultar reproductores internos cuando el MP4 se muestra como botón */
.video-wrap iframe[hidden],
.video-wrap video[hidden],
#videoFrame[hidden],
#videoPlayer[hidden],
.mp4-video-button[hidden]{
  display:none !important;
}
.video-wrap.video-mp4-button-wrap iframe,
.video-wrap.video-mp4-button-wrap video{
  display:none !important;
}
.video-wrap.video-mp4-button-wrap .mp4-video-button{
  display:inline-flex !important;
}


/* Ajuste v22: MP4 como sección compacta y limpia */
.video-section.video-mp4-compact{
  padding:14px 18px !important;
  margin-top:14px !important;
  border-radius:22px !important;
}
.video-section.video-mp4-compact #videoTitle{
  display:none !important;
}
.video-section.video-mp4-compact .video-wrap.video-mp4-button-wrap{
  width:auto !important;
  max-width:none !important;
  min-height:0 !important;
  margin:0 auto !important;
  padding:0 !important;
  background:transparent !important;
  border-radius:0 !important;
  box-shadow:none !important;
}
.video-section.video-mp4-compact .mp4-video-button{
  padding:12px 22px !important;
  font-size:clamp(15px,2vw,18px) !important;
  box-shadow:0 10px 24px rgba(0,0,0,.13) !important;
}
.video-section.video-mp4-compact .mp4-video-button-icon{
  width:28px !important;
  height:28px !important;
  font-size:14px !important;
}
@media(max-width:760px){
  .video-section.video-mp4-compact{
    width:min(960px,calc(100% - 28px)) !important;
    padding:12px 14px !important;
    margin-top:12px !important;
    border-radius:20px !important;
  }
  .video-section.video-mp4-compact .mp4-video-button{
    padding:11px 20px !important;
    font-size:16px !important;
  }
}

/* Ajuste v23: Fotos adicionales en teléfono en 2 columnas y última impar centrada */
@media (max-width:760px){
  .three-photos-section{
    width:calc(100% - 32px) !important;
    max-width:100% !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }
  .three-photos-grid{
    --photo-gap-mobile:10px;
    display:flex !important;
    flex-wrap:wrap !important;
    justify-content:center !important;
    align-items:flex-start !important;
    gap:var(--photo-gap-mobile) !important;
    grid-template-columns:none !important;
  }
  .three-photo-card{
    flex:0 0 calc((100% - var(--photo-gap-mobile)) / 2) !important;
    width:calc((100% - var(--photo-gap-mobile)) / 2) !important;
    max-width:calc((100% - var(--photo-gap-mobile)) / 2) !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }
  .three-photos-grid.has-odd-visible .three-photo-card.visible-photo.last-visible-photo{
    margin-left:auto !important;
    margin-right:auto !important;
  }
}
@media (max-width:390px){
  .three-photos-section{
    width:calc(100% - 24px) !important;
  }
  .three-photos-grid{
    --photo-gap-mobile:8px;
  }
}

/* Ajuste v33: sección de pagos editable con 1, 2 o 3 planes */
.payment-section{
  width:min(960px,calc(100% - 36px));
  margin:18px auto 0;
  border-radius:28px;
  padding:clamp(20px,4vw,38px);
  background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(255,250,243,.92));
  border:1px solid rgba(15,58,27,.08);
  box-shadow:0 18px 45px rgba(15,58,27,.10);
}
.payment-head{text-align:center;margin-bottom:18px}.payment-eyebrow{display:inline-flex;margin-bottom:8px;border-radius:999px;padding:7px 12px;background:rgba(22,128,90,.10);color:var(--lp-primary,#0f3a1b);font-weight:900;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.payment-head h2{margin:0;font-size:clamp(25px,4.7vw,44px);line-height:1;letter-spacing:-.8px;color:var(--lp-primary,#0f3a1b)}.payment-head p{margin:10px auto 0;max-width:680px;color:var(--lp-muted,#526957);font-size:clamp(14px,1.8vw,17px);line-height:1.55}.payment-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:16px;align-items:stretch}.payment-card{position:relative;display:flex;flex-direction:column;gap:12px;background:#fff;border:1px solid rgba(15,58,27,.10);border-radius:24px;padding:22px;box-shadow:0 14px 30px rgba(15,58,27,.08);overflow:hidden}.payment-card.featured{border-color:rgba(227,24,55,.28);box-shadow:0 18px 38px rgba(227,24,55,.12)}.payment-card.featured:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,var(--lp-primary,#0055a4),var(--lp-secondary,#e31837))}.payment-badge{align-self:flex-start;border-radius:999px;padding:7px 11px;background:rgba(227,24,55,.10);color:var(--lp-secondary,#e31837);font-size:12px;font-weight:900}.payment-card h3{margin:0;color:var(--lp-primary,#0f3a1b);font-size:clamp(20px,2.4vw,27px);line-height:1.1}.payment-price{font-size:clamp(25px,4vw,38px);font-weight:950;color:var(--lp-text,#17331e);line-height:1}.payment-note{margin:0;color:var(--lp-muted,#526957);font-size:14px;line-height:1.45}.payment-benefits{display:grid;gap:9px;list-style:none;margin:4px 0 2px;padding:0}.payment-benefits li{display:flex;gap:9px;align-items:flex-start;color:var(--lp-text,#17331e);font-size:14px;line-height:1.35}.payment-benefits span{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex:0 0 20px;border-radius:999px;background:rgba(22,128,90,.12);color:var(--lp-primary,#0f3a1b);font-style:normal;font-weight:900}.payment-benefits em{font-style:normal}.payment-paypal-button{margin-top:auto;display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;border-radius:999px;padding:13px 16px;background:linear-gradient(135deg,var(--lp-primary,#0f3a1b),var(--lp-secondary,#16805a));color:#fff;text-decoration:none;font-weight:950;box-shadow:0 14px 28px rgba(15,58,27,.18);transition:transform .2s ease,filter .2s ease}.payment-paypal-button:hover{transform:translateY(-2px);filter:saturate(1.08)}@media(max-width:760px){.payment-section{width:calc(100% - 32px);border-radius:22px;padding:20px 16px}.payment-grid{grid-template-columns:1fr}.payment-card{border-radius:20px;padding:18px}.payment-head{text-align:left}.payment-head p{margin-left:0}}


/* Ajuste v41: Facebook share como botón seguro y video más compacto en móvil */
.video-wrap.video-external-button-wrap{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  max-width:520px !important;
  min-height:105px !important;
  aspect-ratio:auto !important;
  margin-left:auto !important;
  margin-right:auto !important;
  background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(244,250,247,.96)) !important;
  box-shadow:none !important;
  border-radius:20px !important;
}
.video-wrap.video-external-button-wrap iframe,
.video-wrap.video-external-button-wrap video{
  display:none !important;
}
.video-wrap.video-external-button-wrap .mp4-video-button{
  display:inline-flex !important;
}
.video-section.video-external-compact{
  padding:18px 20px !important;
  margin-top:16px !important;
  border-radius:22px !important;
}
.video-section.video-external-compact .video-wrap.video-external-button-wrap{
  margin-top:8px !important;
}
@media(max-width:760px){
  .video-section:not(.video-mp4-compact):not(.video-external-compact){
    padding:22px 16px !important;
  }
  .video-wrap{
    max-width:min(100%,680px) !important;
  }
  .video-wrap.vertical{
    max-width:min(315px,78vw) !important;
    max-height:68vh !important;
  }
  .video-section.video-external-compact{
    width:min(960px,calc(100% - 28px)) !important;
    padding:14px 14px !important;
    margin-top:12px !important;
  }
  .video-section.video-external-compact .video-wrap.video-external-button-wrap{
    min-height:86px !important;
    max-width:100% !important;
    margin-top:6px !important;
  }
  .video-section.video-external-compact .mp4-video-button{
    padding:11px 18px !important;
    font-size:16px !important;
  }
}
@media(max-width:390px){
  .video-wrap.vertical{
    max-width:min(295px,76vw) !important;
  }
}