/* ==========================================================
   Barón · Ficha de producto 0.4.1
   Hero refinado según preview aprobada.
   ========================================================== */
.baron-product-main{background:#fff;overflow:clip}
.baron-product-hero{padding:clamp(30px,4vw,54px) 0 clamp(34px,4.4vw,58px);background:linear-gradient(180deg,#f7f9fc 0%,#fff 100%);border-bottom:1px solid #e4eaf1}
.baron-breadcrumbs{display:flex;flex-wrap:wrap;gap:5px 8px;margin:0 0 18px;color:#6d7887;font-size:.75rem;line-height:1.4}
.baron-breadcrumbs a{color:#536273;text-decoration:none}
.baron-breadcrumbs a:hover,.baron-breadcrumbs a:focus-visible{color:var(--baron-blue);text-decoration:underline}
.baron-product-hero__grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(340px,.86fr);gap:clamp(38px,5.5vw,80px);align-items:center}
.baron-product-hero--no-image .baron-product-hero__grid{grid-template-columns:minmax(0,850px)}
.baron-product-hero__copy{min-width:0}
.baron-product-kicker{display:inline-flex;align-items:center;min-height:24px;margin-bottom:12px;padding:4px 9px;border:1px solid #cbd9ea;border-radius:999px;background:#fff;color:var(--baron-blue);font-size:.68rem;font-weight:780;letter-spacing:.07em;line-height:1;text-transform:uppercase}
.baron-product-title{max-width:760px;margin:0;color:var(--baron-blue-dark);font-size:clamp(2.25rem,4vw,3.65rem);font-weight:780;line-height:1.04;letter-spacing:-.038em;text-wrap:balance}
.baron-product-lead{max-width:710px;margin:16px 0 0;color:#35465b;font-size:clamp(1.05rem,1.55vw,1.22rem);line-height:1.58}
.baron-product-hero-benefits{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:22px}
.baron-product-hero-benefit{display:flex;align-items:center;gap:9px;max-width:230px;color:#27394f;font-size:.8rem;font-weight:700;line-height:1.25}
.baron-product-hero-benefit__icon{display:grid;place-items:center;flex:0 0 auto;width:28px;height:28px;border:1px solid #d7e3f0;border-radius:9px;background:#fff;color:var(--baron-blue)}
.baron-product-hero-benefit__icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.baron-product-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:24px}
.baron-product-primary,.baron-product-final-cta__button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:45px;padding:10px 16px;border:0;border-radius:8px;background:var(--baron-green);color:#fff!important;font-weight:760;line-height:1.25;text-decoration:none;cursor:pointer}
.baron-product-primary:hover,.baron-product-primary:focus-visible,.baron-product-final-cta__button:hover,.baron-product-final-cta__button:focus-visible{filter:brightness(.95)}
.baron-product-primary svg,.baron-product-final-cta__button svg{width:18px;height:18px;fill:currentColor}
.baron-product-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:45px;padding:9px 13px;border:1px solid #d3dde8;border-radius:8px;background:#fff;color:var(--baron-blue-dark);font-weight:700;text-decoration:none}
.baron-product-secondary:hover,.baron-product-secondary:focus-visible{border-color:#aabacc;background:#f9fbfd}
.baron-google-proof{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin-top:18px;color:#34475d;font-size:.76rem;line-height:1.3}
.baron-google-proof__logo{display:block;flex:0 0 auto;width:21px;height:21px}
.baron-google-proof strong{color:#243a54}
.baron-google-proof__stars{color:#f7b500;letter-spacing:.06em}
.baron-product-hero__figure{margin:0}
.baron-product-hero__media{position:relative;aspect-ratio:4/3;overflow:hidden;border-radius:17px;background:#eaf0f6;box-shadow:0 14px 36px rgba(15,45,85,.12)}
.baron-product-hero__image{display:block;width:100%;height:100%;object-fit:cover}
.baron-product-image--center .baron-product-hero__image{object-position:center}
.baron-product-image--left .baron-product-hero__image{object-position:left center}
.baron-product-image--right .baron-product-hero__image{object-position:right center}
.baron-product-image--top .baron-product-hero__image{object-position:center top}
.baron-product-image--bottom .baron-product-hero__image{object-position:center bottom}
/* Una imagen pequeña no se puede convertir en alta resolución. Evitamos zoom extra mientras se sustituye. */
.baron-product-hero__media--lowres{display:grid;place-items:center;background:linear-gradient(135deg,#eef3f8,#e2e9f1)}
.baron-product-hero__media--lowres .baron-product-hero__image{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}
.baron-product-photo-claim{margin-top:9px;padding:0 3px;color:#6b7787;font-size:.73rem;line-height:1.45}

/* Reading layout */
.baron-product-reading{max-width:930px;padding-top:clamp(38px,5vw,68px);padding-bottom:clamp(58px,7vw,92px)}
.baron-product-reading--with-aside{max-width:1160px;display:grid;grid-template-columns:minmax(0,790px) minmax(250px,300px);gap:clamp(34px,5vw,70px);align-items:start}
.baron-product-content{min-width:0;color:#28384a;font-size:1.035rem;line-height:1.78}
.baron-product-content>p{max-width:760px}
.baron-product-content h2{margin:2.2em 0 .72em;color:var(--baron-blue-dark);font-size:clamp(1.55rem,2.7vw,2rem);line-height:1.2;letter-spacing:-.02em;text-wrap:balance}
.baron-product-content h3{margin:1.9em 0 .65em;color:#173e73;font-size:clamp(1.2rem,2vw,1.45rem);line-height:1.3}
.baron-product-content ul,.baron-product-content ol{padding-left:1.3em}
.baron-product-content li{margin:.42em 0}
.baron-product-content blockquote{margin:2rem 0;padding:1rem 1.2rem;border-left:4px solid var(--baron-green);border-radius:0 8px 8px 0;background:#f5faf3;color:#344455}
.baron-product-content img{border-radius:9px}
.baron-product-content table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse}
.baron-product-content iframe{max-width:100%}

/* Aside / did you know */
.baron-product-aside{position:sticky;top:104px;display:grid;gap:14px}
.baron-did-you-know{padding:20px;border:1px solid #dce5ef;border-radius:14px;background:#f7fafe}
.baron-did-you-know__icon{display:grid;place-items:center;width:34px;height:34px;margin-bottom:12px;border-radius:10px;background:#e8f0fb;color:var(--baron-blue)}
.baron-did-you-know__icon svg{width:20px;height:20px;fill:currentColor}
.baron-did-you-know__title{margin:0 0 7px!important;color:var(--baron-blue-dark)!important;font-size:.98rem!important;font-weight:780!important;line-height:1.25!important}
.baron-did-you-know p{margin:0;color:#536273;font-size:.86rem;line-height:1.58}
.baron-product-aside-cta{display:flex;flex-direction:column;align-items:flex-start;padding:18px;border-radius:14px;background:var(--baron-blue-dark);color:#fff}
.baron-product-aside-cta>svg{width:25px;height:25px;margin-bottom:9px;fill:#9fc0ee}
.baron-product-aside-cta strong{font-size:.94rem}
.baron-product-aside-cta span{margin-top:4px;color:rgba(255,255,255,.75);font-size:.78rem;line-height:1.5}
.baron-product-aside-cta button{margin-top:13px;padding:7px 10px;border:1px solid rgba(255,255,255,.28);border-radius:7px;background:rgba(255,255,255,.08);color:#fff;font-size:.78rem;font-weight:700;cursor:pointer}
.baron-product-aside-cta button:hover,.baron-product-aside-cta button:focus-visible{background:rgba(255,255,255,.15)}

/* Related posts */
.baron-related{padding:clamp(50px,6vw,78px) 0;background:#f5f8fb;border-top:1px solid #e7ecf2}
.baron-section-heading{max-width:690px;margin-bottom:24px}
.baron-section-heading>span{color:var(--baron-blue);font-size:.7rem;font-weight:780;letter-spacing:.08em;text-transform:uppercase}
.baron-section-heading h2{margin:5px 0 0;color:var(--baron-blue-dark);font-size:clamp(1.6rem,2.8vw,2.15rem);line-height:1.18}
.baron-related__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.baron-related-card{overflow:hidden;border:1px solid #dfe6ee;border-radius:12px;background:#fff}
.baron-related-card__media{display:block;aspect-ratio:4/3;overflow:hidden;background:#e9eef4}
.baron-related-card__media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .18s ease}
.baron-related-card:hover .baron-related-card__media img{transform:scale(1.018)}
.baron-related-card__placeholder{display:block;width:100%;height:100%;background:linear-gradient(135deg,#eaf0f6,#dce6f1)}
.baron-related-card__body{padding:16px}
.baron-related-card h3{margin:0;color:var(--baron-blue-dark);font-size:1rem;line-height:1.35}
.baron-related-card h3 a{color:inherit;text-decoration:none}
.baron-related-card h3 a:hover,.baron-related-card h3 a:focus-visible{text-decoration:underline}
.baron-related-card__link{display:inline-flex;align-items:center;gap:5px;margin-top:12px;color:var(--baron-blue);font-size:.78rem;font-weight:720;text-decoration:none}
.baron-related-card__link svg{width:15px;height:15px;fill:currentColor}

/* Final CTA */
.baron-product-final-cta{padding:clamp(46px,5vw,66px) 0;background:#fff}
.baron-product-final-cta__inner{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:clamp(24px,3vw,36px);border-radius:16px;background:var(--baron-blue-dark);color:#fff}
.baron-product-final-cta__eyebrow{font-size:.67rem;font-weight:760;letter-spacing:.08em;text-transform:uppercase;color:#a9c5eb}
.baron-product-final-cta h2{margin:5px 0 7px;color:#fff;font-size:clamp(1.55rem,2.8vw,2.1rem);line-height:1.18}
.baron-product-final-cta p{max-width:680px;margin:0;color:rgba(255,255,255,.75);font-size:.91rem;line-height:1.55}
.baron-product-final-cta__button{flex:0 0 auto}

/* Floating contact: deliberately quiet, no pulse/animation */
.baron-contact-float{position:fixed;right:18px;bottom:18px;z-index:60;display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:9px 13px;border:1px solid rgba(255,255,255,.35);border-radius:999px;background:var(--baron-blue-dark);color:#fff;font-size:.8rem;font-weight:760;box-shadow:0 8px 24px rgba(8,35,73,.16);cursor:pointer}
.baron-contact-float:hover,.baron-contact-float:focus-visible{background:#092f68}
.baron-contact-float svg{width:17px;height:17px;fill:currentColor}

/* Native dialog */
.baron-contact-dialog{width:min(92vw,470px);max-width:470px;padding:0;border:0;border-radius:14px;background:#fff;color:#263445;box-shadow:0 24px 70px rgba(0,20,55,.28)}
.baron-contact-dialog::backdrop{background:rgba(4,21,47,.54)}
.baron-contact-dialog__panel{position:relative;padding:26px}
.baron-contact-dialog__close{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:999px;background:#eef3f8;color:#29415e;font-size:1.35rem;line-height:1;cursor:pointer}
.baron-contact-dialog__eyebrow{margin:0 42px 5px 0;color:var(--baron-blue);font-size:.69rem;font-weight:760;letter-spacing:.06em;text-transform:uppercase}
.baron-contact-dialog h2{margin:0 42px 8px 0;color:var(--baron-blue-dark);font-size:1.45rem;line-height:1.2}
.baron-contact-dialog p{margin:0;color:#607083;font-size:.88rem;line-height:1.55}
.baron-contact-dialog__actions{display:grid;gap:9px;margin-top:20px}
.baron-contact-option{display:flex;align-items:center;gap:12px;min-height:54px;padding:10px 12px;border:1px solid #dce4ed;border-radius:10px;color:var(--baron-blue-dark);text-decoration:none;background:#fff}
.baron-contact-option:hover,.baron-contact-option:focus-visible{border-color:#b7c7d8;background:#f8fafc}
.baron-contact-option svg{flex:0 0 auto;width:21px;height:21px;fill:var(--baron-blue)}
.baron-contact-option--wa svg{fill:var(--baron-whatsapp)}
.baron-contact-option span{display:flex;flex-direction:column;gap:2px}
.baron-contact-option strong{font-size:.9rem}
.baron-contact-option small{color:#6f7c8b;font-size:.73rem}

/* Legacy containment: no horizontal document scroll */
.baron-product-content,.baron-product-content>*{min-width:0;max-width:100%}
.baron-product-content figure,.baron-product-content .wp-caption{max-width:100%!important}
.baron-product-content img,.baron-product-content video,.baron-product-content iframe{max-width:100%!important}

@media(min-width:821px){
  .baron-google-proof{gap:7px;margin-top:22px;font-size:.99rem}
  .baron-google-proof__logo{width:27px;height:27px}
  .baron-google-proof__stars{font-size:1rem}
}

/* Responsive */
@media(max-width:1020px){
  .baron-product-hero__grid{grid-template-columns:minmax(0,1fr) minmax(300px,.84fr);gap:32px}
  .baron-product-reading--with-aside{grid-template-columns:minmax(0,1fr) 260px;gap:34px}
}
@media(max-width:820px){
  .baron-product-hero{padding:28px 0 38px}
  .baron-product-hero__grid,.baron-product-hero--no-image .baron-product-hero__grid{grid-template-columns:1fr;gap:26px}
  .baron-product-hero__media{max-width:680px}
    .baron-product-reading,.baron-product-reading--with-aside{display:block;width:min(100% - 24px,930px);padding-top:38px;padding-bottom:64px}
  .baron-product-aside{position:static;margin-top:34px;grid-template-columns:1fr 1fr}
  .baron-related__grid{grid-template-columns:1fr 1fr}
  .baron-product-final-cta__inner{align-items:flex-start;flex-direction:column}
}
@media(max-width:600px){
  .baron-breadcrumbs{margin-bottom:16px}
  .baron-product-title{font-size:clamp(2rem,9vw,2.8rem)}
  .baron-product-lead{font-size:1.02rem}
  .baron-product-actions{align-items:stretch}
  .baron-product-primary,.baron-product-secondary{width:100%}
  .baron-product-hero__media{border-radius:13px}
  .baron-product-content{font-size:1rem;line-height:1.72}
  .baron-product-aside{grid-template-columns:1fr}
  .baron-related__grid{grid-template-columns:1fr}
  .baron-contact-float{right:12px;bottom:12px;min-height:40px;padding:8px 11px}
  .baron-contact-dialog__panel{padding:22px 18px 18px}
  .baron-product-final-cta{padding:38px 0}
}
@media(max-width:390px){
  .baron-contact-float span{display:none}
  .baron-contact-float{width:42px;height:42px;padding:0;justify-content:center}
}
@media print{
  .baron-contact-float,.baron-contact-dialog,.baron-product-actions,.baron-product-final-cta,.baron-product-aside-cta{display:none!important}
}

/* ==========================================================
   0.4.3 · Imágenes editoriales + embeds Landbot
   ========================================================== */

@media (min-width: 821px){
  .baron-product-content img.alignnone,
  .baron-product-content img.alignleft,
  .baron-product-content .wp-caption.alignnone,
  .baron-product-content .wp-caption.alignleft,
  .baron-product-content figure.alignnone,
  .baron-product-content figure.alignleft{
    float:right;
    clear:right;
    width:auto;
    max-width:min(46%,420px)!important;
    height:auto;
    margin:6px 0 22px 30px!important;
  }

  .baron-product-content .wp-caption img,
  .baron-product-content figure img{
    float:none;
    width:100%;
    max-width:100%!important;
    margin:0!important;
  }

  .baron-product-content::after{
    content:"";
    display:block;
    clear:both;
  }
}

.baron-product-content #myLandbot{
  width:100%!important;
  height:1080px!important;
  min-height:1080px;
  margin:26px 0 34px;
  clear:both;
  float:none!important;
  overflow:hidden;
  border-radius:10px;
  scroll-margin-top:110px;
}

.baron-product-content #myLandbot iframe{
  display:block;
  width:100%!important;
  height:100%!important;
  min-height:100%!important;
  border:0;
}

@media (max-width: 820px){
  .baron-product-content img.alignnone,
  .baron-product-content img.alignleft,
  .baron-product-content img.alignright,
  .baron-product-content .wp-caption,
  .baron-product-content figure.alignnone,
  .baron-product-content figure.alignleft,
  .baron-product-content figure.alignright{
    float:none!important;
    display:block;
    width:auto;
    max-width:100%!important;
    height:auto;
    margin:22px auto!important;
  }

  .baron-product-content #myLandbot{
    height:900px!important;
    min-height:900px;
    margin:22px 0 30px!important;
  }
}

@media (max-width: 520px){
  .baron-product-content #myLandbot{
    height:820px!important;
    min-height:820px;
  }
}



/* ==========================================================
   0.4.4 · Alineación real de imágenes legacy
   ========================================================== */
@media (min-width: 821px){
  /* La mayoría de las imágenes antiguas ya llevan alignright. */
  .baron-product-content img.alignright,
  .baron-product-content a > img.alignright,
  .baron-product-content .wp-caption.alignright,
  .baron-product-content figure.alignright{
    float:right!important;
    clear:right;
    width:auto;
    max-width:min(46%,420px)!important;
    height:auto;
    margin:6px 0 24px 30px!important;
  }

  /* Si el normalizador ha extraído la imagen de un H2/H3 legacy. */
  .baron-product-content > img.alignright{
    float:right!important;
    clear:right;
  }

  /* El heading y los párrafos siguientes pueden envolver el float. */
  .baron-product-content h2,
  .baron-product-content h3,
  .baron-product-content p,
  .baron-product-content ul,
  .baron-product-content ol{
    clear:none;
  }
}

@media (max-width: 820px){
  .baron-product-content img.alignright,
  .baron-product-content a > img.alignright,
  .baron-product-content .wp-caption.alignright,
  .baron-product-content figure.alignright{
    float:none!important;
    display:block;
    width:auto;
    max-width:100%!important;
    height:auto;
    margin:22px auto!important;
  }
}


/* ==========================================================
   0.4.6 · Landbot lazy / interaction-aware
   ========================================================== */
.baron-product-content #myLandbot.baron-landbot-lazy{
  position:relative;
  display:grid;
  place-items:center;
  background:linear-gradient(145deg,#0b3a78,#0a2f65);
  color:#fff;
}
.baron-landbot-placeholder{
  width:min(100% - 36px,560px);
  padding:28px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:14px;
  background:rgba(255,255,255,.08);
  text-align:center;
}
.baron-landbot-placeholder__eyebrow{
  display:block;
  margin-bottom:7px;
  color:#bad4f6;
  font-size:.72rem;
  font-weight:760;
  letter-spacing:.07em;
  text-transform:uppercase;
}
.baron-landbot-placeholder strong{
  display:block;
  color:#fff;
  font-size:clamp(1.2rem,2vw,1.55rem);
  line-height:1.25;
}
.baron-landbot-placeholder>span:not(.baron-landbot-placeholder__eyebrow){
  display:block;
  margin-top:8px;
  color:rgba(255,255,255,.76);
  font-size:.86rem;
  line-height:1.5;
}
.baron-landbot-placeholder__button{
  margin-top:18px;
  min-height:42px;
  padding:9px 15px;
  border:1px solid rgba(255,255,255,.28);
  border-radius:8px;
  background:#fff;
  color:#0a377a;
  font-weight:760;
  cursor:pointer;
}
.baron-landbot-lazy.is-loading .baron-landbot-placeholder__button{
  opacity:.6;
  pointer-events:none;
}
.baron-landbot-lazy.is-loading .baron-landbot-placeholder__button::after{
  content:" · cargando…";
}

/* ==========================================================
   0.4.7 · Contraste accesible de CTA
   WCAG AA: #37851f sobre blanco ≈ 4.63:1.
   Solo cambia botones verdes de la ficha; no altera el resto
   de la identidad visual ni los iconos decorativos.
   ========================================================== */
.baron-product-primary,
.baron-product-final-cta__button{
  background:#37851f;
  color:#fff!important;
}
.baron-product-primary:hover,
.baron-product-primary:focus-visible,
.baron-product-final-cta__button:hover,
.baron-product-final-cta__button:focus-visible{
  background:#30761b;
  filter:none;
}

/* 0.4.8 · Tarificadores inline */
.baron-inline-tarifier{
  width:100%;
  max-width:100%;
  clear:both;
  scroll-margin-top:110px;
}

/* ==========================================================
   0.4.9 · Destinos de conversión inline
   ========================================================== */
.baron-inline-conversion{
  width:100%;
  max-width:100%;
  clear:both;
  scroll-margin-top:110px;
}

.baron-inline-form{
  margin-top:18px;
  margin-bottom:30px;
}



/* 0.7.7 · Cruce Temas Barón: producto → compañías/colaboradores */
.baron-product-entities{padding:44px 0;background:#fff;border-top:1px solid #e7edf4}
.baron-product-entity-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px}
.baron-product-entity{display:grid;place-items:center;min-width:0;min-height:104px;padding:14px 18px;border:1px solid #dde6ef;border-radius:13px;color:var(--baron-blue-dark);text-decoration:none;background:#fff;box-shadow:0 5px 18px rgba(18,55,94,.025);transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}
.baron-product-entity:hover,.baron-product-entity:focus-visible{border-color:#afc6df;box-shadow:0 9px 24px rgba(18,55,94,.07);transform:translateY(-1px)}
.baron-product-entity__logo{display:grid;place-items:center;width:100%;height:74px;overflow:hidden}
.baron-product-entity__logo img{display:block;width:auto;height:auto;max-width:94%;max-height:70px;object-fit:contain;margin:auto}
.baron-product-entity__fallback{display:grid;place-items:center;min-height:70px;text-align:center;font-size:.9rem;line-height:1.25}
@media(max-width:900px){.baron-product-entity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.baron-product-entity-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.baron-product-entity{min-height:86px;padding:10px}.baron-product-entity__logo{height:60px}.baron-product-entity__logo img{max-height:56px}}