/* FIX SCROLL IPHONE / IOS */
html, body {
  height: 100%;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch;
}

body {
  position: relative !important;
}

/* Evita bloqueo por loaders */
body.loading,
body.loaded {
  overflow: auto !important;
}

/* Evita problemas con 100vh en iOS */
section, .elementor-section {
  min-height: auto !important;
  height: auto !important;
}

/* ON: Chaty - menu movil y boton circular */
@media (max-width: 767px) {
  #chaty-widget-0:not(.form-open) .chaty-widget.chaty-open + .chaty-chat-view {
    transform: translateY(-70px) !important;
  }
}
#chaty-widget-_2 .Link-channel .chaty-icon,
#chaty-widget-_2 .Link-channel .chaty-svg {
  border-radius: 50% !important;
  overflow: hidden;
}


/* ON: WhatsApp en el boton rosa de aplicar */
#chaty-widget-_2 .chaty-custom-channel-icon .fa-gem::before {
 content: "";
 display: block;
 width: 39px;
 height: 39px;
 background: url("data:image/svg+xml,%3Csvg%20width%3D%2239%22%20height%3D%2239%22%20viewBox%3D%220%200%2039%2039%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12.9821%2010.1115C12.7029%2010.7767%2011.5862%2011.442%2010.7486%2011.575C10.1902%2011.7081%209.35269%2011.8411%206.84003%2010.7767C3.48981%209.44628%201.39593%206.25317%201.25634%206.12012C1.11674%205.85403%202.13001e-06%204.39053%202.13001e-06%202.92702C2.13001e-06%201.46351%200.83755%200.665231%201.11673%200.399139C1.39592%200.133046%201.8147%201.01506e-06%202.23348%201.01506e-06C2.37307%201.01506e-06%202.51267%201.01506e-06%202.65226%201.01506e-06C2.93144%201.01506e-06%203.21063%20-2.02219e-06%203.35022%200.532183C3.62941%201.19741%204.32736%202.66092%204.32736%202.79397C4.46696%202.92702%204.46696%203.19311%204.32736%203.32616C4.18777%203.59225%204.18777%203.59224%203.90858%203.85834C3.76899%203.99138%203.6294%204.12443%203.48981%204.39052C3.35022%204.52357%203.21063%204.78966%203.35022%205.05576C3.48981%205.32185%204.18777%206.38622%205.16491%207.18449C6.42125%208.24886%207.39839%208.51496%207.81717%208.78105C8.09636%208.91409%208.37554%208.9141%208.65472%208.648C8.93391%208.38191%209.21309%207.98277%209.49228%207.58363C9.77146%207.31754%2010.0507%207.1845%2010.3298%207.31754C10.609%207.45059%2012.2841%208.11582%2012.5633%208.38191C12.8425%208.51496%2013.1217%208.648%2013.1217%208.78105C13.1217%208.78105%2013.1217%209.44628%2012.9821%2010.1115Z%22%20transform%3D%22translate(12.9597%2012.9597)%22%20fill%3D%22%23FAFAFA%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M0.196998%2023.295L0.131434%2023.4862L0.323216%2023.4223L5.52771%2021.6875C7.4273%2022.8471%209.47325%2023.4274%2011.6637%2023.4274C18.134%2023.4274%2023.4274%2018.134%2023.4274%2011.6637C23.4274%205.19344%2018.134%20-0.1%2011.6637%20-0.1C5.19344%20-0.1%20-0.1%205.19344%20-0.1%2011.6637C-0.1%2013.9996%200.624492%2016.3352%201.93021%2018.2398L0.196998%2023.295ZM5.87658%2019.8847L5.84025%2019.8665L5.80154%2019.8788L2.78138%2020.8398L3.73978%2017.9646L3.75932%2017.906L3.71562%2017.8623L3.43104%2017.5777C2.27704%2015.8437%201.55796%2013.8245%201.55796%2011.6637C1.55796%206.03288%206.03288%201.55796%2011.6637%201.55796C17.2945%201.55796%2021.7695%206.03288%2021.7695%2011.6637C21.7695%2017.2945%2017.2945%2021.7695%2011.6637%2021.7695C9.64222%2021.7695%207.76778%2021.1921%206.18227%2020.039L6.17557%2020.0342L6.16817%2020.0305L5.87658%2019.8847Z%22%20transform%3D%22translate(7.7758%207.77582)%22%20fill%3D%22white%22%20stroke%3D%22white%22%20stroke-width%3D%220.2%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center / contain no-repeat;
}

#chaty-widget-_2 .chaty-custom-channel-icon {
 display: flex !important;
 align-items: center;
 justify-content: center;
 height: var(--chaty-icon-size, 52px);
}
#chaty-widget-_2 .chaty-custom-channel-icon .fa-gem::before {
 width: var(--chaty-icon-size, 52px);
 height: var(--chaty-icon-size, 52px);
}

/* ON v241 — shared dropdown styling, tablet gutters and desktop submenus. */
@layer onHomeResponsive {
html body #page#page#page#page header.elementor-43279 .elementor-element-6179bbea .elementor-nav-menu--dropdown {
 background:rgba(255,250,252,.97)!important;
 color:#24152e!important;
 border:1px solid #38233f!important;
 border-radius:14px!important;
 box-shadow:0 8px 22px #24152e20!important;
 backdrop-filter:blur(6px)!important;
 -webkit-backdrop-filter:blur(6px)!important;
 overflow:hidden;
}
html body #page#page#page#page header.elementor-43279 .elementor-element-6179bbea .elementor-nav-menu--dropdown a {
 color:#24152e!important;
 font-family:Inter,Arial,sans-serif!important;
 font-size:14px!important;
 line-height:20px!important;
 font-weight:700!important;
 min-height:42px!important;
 padding:10px 16px!important;
 white-space:normal!important;
 text-align:center!important;
 justify-content:center!important;
 background:transparent!important;
 border-radius:0!important;
}
html body #page#page#page#page header.elementor-43279 .elementor-element-6179bbea .elementor-nav-menu--dropdown a:hover,
html body #page#page#page#page header.elementor-43279 .elementor-element-6179bbea .elementor-nav-menu--dropdown a:focus-visible,
html body #page#page#page#page header.elementor-43279 .elementor-element-6179bbea .elementor-nav-menu--dropdown a.highlighted {
 background:#eee2f5!important;
}
@media(max-width:1024px){
 html body #page#page#page#page header.elementor-43279 .elementor-element-6179bbea nav.elementor-nav-menu--dropdown.elementor-nav-menu__container {
  width:380px!important;max-width:calc(100vw - 48px)!important;
  left:auto!important;right:24px!important;margin:8px 0 0!important;
  max-height:calc(100dvh - 112px)!important;overflow-y:auto!important;overscroll-behavior:contain;
 }
 html body #page#page#page#page header.elementor-43279 .elementor-element-6179bbea nav.elementor-nav-menu--dropdown .sub-menu {
  border:0!important;border-radius:0!important;box-shadow:none!important;background:#f4edf8!important;
 }
}
@media(max-width:767px){
 html body #page#page#page#page header.elementor-43279 .elementor-element-6179bbea nav.elementor-nav-menu--dropdown.elementor-nav-menu__container {
  width:min(280px,78vw)!important;max-width:calc(100vw - 24px)!important;right:12px!important;
 }
 html body #page#page#page#page header.elementor-43279 .elementor-element-6179bbea .elementor-nav-menu--dropdown .sub-menu a {font-size:13px!important;}
}
@media(min-width:1025px){
 html body #page#page#page#page header.elementor-43279 .elementor-element-6179bbea .elementor-nav-menu--main .sub-menu {
  width:272px!important;min-width:272px!important;max-width:calc(100vw - 48px)!important;
  padding:6px!important;margin-top:10px!important;
 }
 html body #page#page#page#page header.elementor-43279 .elementor-element-6179bbea .elementor-nav-menu--main .sub-menu a {
  font-size:13px!important;line-height:19px!important;min-height:42px!important;padding:10px 14px!important;
 }
}
}


/* ON v258: Colaborar palette + shared desktop contact breathing room. */
@layer onHomeResponsive {
  @media (min-width:1025px) {
    html body:is(.page-id-29713,.page-id-44538,.page-id-44798,.page-id-35174) #page#page#page .elementor .elementor-element.onab-contact {
      column-gap:clamp(10px,calc(88vw - 916px),128px)!important;
    }
  }
  html body.page-id-29713 #page#page#page #regiones,
  html body.page-id-29713 #page#page#page .on248-design .section-conexion {
    background-color:#f0bfc3!important;
  }
  html body.page-id-29713 #page#page#page .on248-design .programs {
    background-color:#faf0c8!important;
  }
  html body.page-id-29713 #page#page#page .on248-design .r246,
  html body.page-id-29713 #page#page#page .a81-root {
    background-color:#deeee5!important;
  }
  html body.page-id-29713 #page#page#page .a81-root {
    --on-lilac:#deeee5!important;--on-blue:#faf0c8!important;--on-yellow:#faf0c8!important;
  }
  html body.page-id-29713 #page#page#page .a81-root .a81-corner-paper {
    background-color:#faf0c8!important;
  }
  html body.page-id-29713 #page#page#page .elementor .elementor-element.onab-contact {
    --accent:#f0bfc3!important;--wash:#f0bfc3!important;--paper:#fff4f5!important;
    background-color:#f0bfc3!important;
  }
  html body.page-id-29713 #page#page#page .onab-contact .onab-form-paper::before {
    background-color:#fff4f5!important;
  }
  html body.page-id-29713 #page#page#page .onab-contact .onab-form-paper::after {
    background-color:#faf0c8!important;
  }
  html body.page-id-29713 #page#page#page .onab-contact .elementor-field-type-submit button {
    background:#faf0c8!important;color:#241532!important;
  }
  /* Compact note beside the shoulder, leaving face and shirt artwork visible. */
  html body.page-id-29713 #page#page#page #on-apps-new .campaign-1 .selfie-caption {
    left:3.5%!important;right:auto!important;top:48%!important;bottom:auto!important;
    width:29%!important;max-width:215px!important;padding:13px 12px!important;
    transform:rotate(-3deg)!important;box-sizing:border-box!important;
  }
  html body.page-id-29713 #page#page#page #on-apps-new .campaign-1 .selfie-caption b {
    font-size:clamp(18px,1.65vw,24px)!important;line-height:1.13!important;white-space:normal!important;
  }
  html body.page-id-29713 #page#page#page #on-apps-new .campaign-1 .selfie-caption :is(.caption-desktop,.caption-mobile) {
    font-size:11px!important;line-height:1.35!important;margin-top:7px!important;
  }
  @media (max-width:1024px) and (min-width:768px) {
    html body.page-id-29713 #page#page#page #on-apps-new .campaign-1 .selfie-caption {
      width:33%!important;left:4%!important;top:49%!important;padding:10px!important;
    }
  }
  @media (max-width:767px) {
    html body.page-id-29713 #page#page#page #on-apps-new .campaign-1 .selfie-caption {
      width:34%!important;left:4%!important;top:47%!important;padding:10px!important;
    }
    html body.page-id-29713 #page#page#page #on-apps-new .campaign-1 .selfie-caption b {
      font-size:19px!important;
    }
  }
}
/* Thin, varied paper seams: pixel-based depth avoids huge cuts on tall mobile sections. */
@layer onHomeResponsive {
  html body.page-id-29713 #page#page#page .elementor-29713 > .e-con {
    background-color:#fffdf5!important;
  }
  html body.page-id-29713 #page#page#page :is(#regiones,#conexion,#distrito,#referidos,.a81-root,#contacto-on) {
    --paper-edge-a:polygon(0 12px,4% 7px,9% 14px,16% 5px,23% 11px,31% 3px,38% 10px,46% 5px,54% 14px,62% 6px,70% 11px,79% 3px,88% 12px,95% 5px,100% 10px,100% calc(100% - 10px),94% calc(100% - 3px),86% calc(100% - 11px),78% calc(100% - 5px),69% calc(100% - 13px),61% calc(100% - 4px),53% calc(100% - 9px),44% calc(100% - 2px),35% calc(100% - 10px),26% calc(100% - 4px),18% calc(100% - 12px),9% calc(100% - 5px),0 calc(100% - 10px));
    --paper-edge-b:polygon(0 5px,7% 13px,14% 4px,21% 10px,30% 6px,39% 14px,47% 4px,55% 9px,64% 2px,73% 11px,82% 5px,90% 13px,100% 5px,100% calc(100% - 5px),92% calc(100% - 12px),83% calc(100% - 4px),74% calc(100% - 9px),65% calc(100% - 2px),56% calc(100% - 11px),47% calc(100% - 5px),38% calc(100% - 13px),29% calc(100% - 4px),20% calc(100% - 9px),11% calc(100% - 3px),0 calc(100% - 8px));
    clip-path:var(--paper-edge-a)!important;
  }
  html body.page-id-29713 #page#page#page :is(#conexion,#referidos,#contacto-on) {
    clip-path:var(--paper-edge-b)!important;
  }
  html body.page-id-29713 #page#page#page #contacto-on {
    background-color:#f0bfc3!important;
  }
}


/* ON v259: page-colored social paper and continuous layered section edges. */
@layer onHomeResponsive {
  @media (min-width:1025px) {
    html body:is(.page-id-29713,.page-id-44538,.page-id-44798,.page-id-35174) #page#page#page .elementor .elementor-element.onab-contact {
      column-gap:clamp(10px,calc(88vw - 916px),160px)!important;
    }
  }
  body.page-id-29713 { --on-social-hue:100deg; }
  body.page-id-44538 { --on-social-hue:-45deg; }
  body.page-id-44798 { --on-social-hue:150deg; }
  body.page-id-35174 { --on-social-hue:-105deg; }
  html body:is(.page-id-29713,.page-id-44538,.page-id-44798,.page-id-35174) #page#page#page .elementor-43380 :is(.ons-canvas,.onrs-canvas) {
    background-image:none!important;isolation:isolate;
  }
  html body:is(.page-id-29713,.page-id-44538,.page-id-44798,.page-id-35174) #page#page#page .elementor-43380 :is(.ons-canvas,.onrs-canvas)::before {
    content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
    background:var(--onrs-desktop-background,var(--onrs-background,none)) center/100% 100% no-repeat;
    filter:hue-rotate(var(--on-social-hue));
  }
  /* The previous sheet fills the cut: no white strip between successive colors. */
  html body.page-id-29713 #page#page#page .on248-design {background-color:transparent!important;}
  html body.page-id-29713 #page#page#page .elementor-29713 > :is(.elementor-element-7a449eac,.elementor-element-7d189934,.elementor-element-13574c45) {background-color:#f0bfc3!important;}
  html body.page-id-29713 #page#page#page .elementor-29713 > .elementor-element-b2a9895 {background-color:#faf0c8!important;}
  html body.page-id-29713 #page#page#page .elementor-29713 > .elementor-element-1c579464,
  html body.page-id-29713 #page#page#page .elementor-29713 {background-color:#deeee5!important;}
  html body.page-id-29713 #page#page#page :is(#regiones,#conexion,#distrito,#referidos,.a81-root,#contacto-on) {
    --paper-overlap-a:polygon(0 12px,4% 7px,9% 14px,16% 5px,23% 11px,31% 3px,38% 10px,46% 5px,54% 14px,62% 6px,70% 11px,79% 3px,88% 12px,95% 5px,100% 10px,100% 100%,0 100%);
    --paper-overlap-b:polygon(0 5px,7% 13px,14% 4px,21% 10px,30% 6px,39% 14px,47% 4px,55% 9px,64% 2px,73% 11px,82% 5px,90% 13px,100% 5px,100% 100%,0 100%);
    clip-path:var(--paper-overlap-a)!important;
  }
  html body.page-id-29713 #page#page#page :is(#conexion,#referidos,#contacto-on) {clip-path:var(--paper-overlap-b)!important;}
  /* Same green, separate sheet: a quiet depth cue instead of a white divider. */
  html body.page-id-29713 #page#page#page .a81-root .j157-allies-edge {display:none!important;}
  html body.page-id-29713 #page#page#page .a81-root .a81-lower-paper {background:#d2e4da!important;}
  html body.page-id-29713 #page#page#page .elementor-29713 > .elementor-element-1c579464 {
    filter:drop-shadow(0 -3px 3px rgb(45 80 65 / 12%));
  }
}


/* ON v260: softly tinted paper behind the social heading and Pandon. */
@layer onHomeResponsive {
  /* Sheets overlap directly; no extra colored lower strip between sections. */
  html body.page-id-29713 #page#page#page .a81-root .a81-lower-paper {display:none!important;}
  html body.page-id-29713 #page#page#page .elementor-29713 > :is(.elementor-element-7d189934,.elementor-element-13574c45,.elementor-element-b2a9895,.elementor-element-1c579464) {
    background-color:transparent!important;margin-top:-16px!important;position:relative;
  }
  html body.page-id-29713 #page#page#page .elementor-29713 > #contacto-on {margin-top:-16px!important;}
  body.page-id-29713 {--on-social-paper:#f3dfe1;}
  body.page-id-44538 {--on-social-paper:#deedf8;}
  body.page-id-44798 {--on-social-paper:#faf3d5;}
  body.page-id-35174 {--on-social-paper:#deeee8;}
  body.page-id-43932 {--on-social-paper:#eae0f4;--on-social-hue:0deg;}
  html body:is(.page-id-29713,.page-id-44538,.page-id-44798,.page-id-35174,.page-id-43932) #page#page#page .elementor-43380 :is(#on-desktop-social,#on-tablet-social,#on-mobile-social,.ons-canvas,.onrs-canvas) {
    background-color:var(--on-social-paper)!important;
  }
  html body:is(.page-id-29713,.page-id-44538,.page-id-44798,.page-id-35174,.page-id-43932) #page#page#page .elementor-43380 :is(.ons-canvas,.onrs-canvas) {
    background-image:none!important;isolation:isolate;
  }
  html body:is(.page-id-29713,.page-id-44538,.page-id-44798,.page-id-35174,.page-id-43932) #page#page#page .elementor-43380 :is(.ons-canvas,.onrs-canvas)::before {
    content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
    background:var(--onrs-desktop-background,var(--onrs-background,none)) center/100% 100% no-repeat;
    filter:hue-rotate(var(--on-social-hue,0deg));mix-blend-mode:multiply;
  }
}


/* ON v261: distinguish Allies with the same pastel yellow as Distrito ON. */
@layer onHomeResponsive {
  html body.page-id-29713 #page#page#page .a81-root {
    background-color:#faf0c8!important;
    --on-lilac:#faf0c8!important;
  }
}

/* ON v267: shared menu release. Keep the approved compact layout on every page. */
@layer onHomeResponsive {
  html body #page#page#page#page header.elementor-43279 {
    --on-menu-release: 267;
  }
  @media (max-width: 1024px) {
    html body #page#page#page#page header.elementor-43279 .elementor-element-6179bbea nav.elementor-nav-menu--dropdown.elementor-nav-menu__container {
      box-sizing: border-box !important;
      min-width: 0 !important;
    }
  }
}

/* ON: subtle responsive sizing, 2026-10-17. Page 43932 only. */
@layer onHomeResponsive {
body.page-id-43932 #page #on-desktop-top-b .ontb-experience,
body.page-id-43932 #page #ot-02 .ot-experience.on-static-experience,
body.page-id-43932 #page #om-02 .om-experience.on-static-experience {
  margin-inline: auto !important;
  align-self: center !important;
  text-align: center !important;
}
body.page-id-43932 #page #on-desktop-top-b .ontb-experience .ontb-static-experience,
body.page-id-43932 #page #ot-02 .ot-experience p,
body.page-id-43932 #page #om-02 .om-experience p {
  text-align: center !important;
  font-weight: 700 !important;
}
@media (max-width:767px) {
  body.page-id-43932 #page #on-mobile-home #om-02 .on-coronita-photo {
    max-width: 360px !important;
  }
  body.page-id-43932 #page #on-mobile-home .om-language {
    width: 100% !important;
    max-width: 460px !important;
    margin-inline: auto !important;
  }
}
@media (min-width:768px) and (max-width:1024px) {
  body.page-id-43932 #page #on-tablet-home #ot-02 .on-coronita-photo {
    max-width: clamp(290px, 36vw, 360px) !important;
  }
  body.page-id-43932 #page #on-tablet-home .ot-language {
    width: 100% !important;
    max-width: 400px !important;
    margin-inline: auto !important;
  }
}
}


/* ON Digital - Abierta ON v372 - page 45484, video section only */
/* All proposals retain the approved ON artwork, player, copy and site context. */
body.page-id-45484 #on-guide-v313 #og-chapter-video-intro.og-intro341.s345-intro .s345-shell{width:min(1300px,100%);max-width:1300px;padding:52px 40px 104px}
body.page-id-45484 #on-guide-v313 #og-chapter-video-intro.og-intro341.s345-intro .s345-content{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:44px;align-items:center;width:100%;max-width:none;margin:0}
body.page-id-45484 #on-guide-v313 #og-chapter-video-intro.og-intro341.s345-intro .s345-head{position:relative;width:100%;max-width:none;margin:0!important;padding:0;text-align:left}
body.page-id-45484 #on-guide-v313 #og-chapter-video-intro.og-intro341.s345-intro h2.s345-heading{width:100%;max-width:none;margin:0!important;text-align:left}
body.page-id-45484 #on-guide-v313 #og-chapter-video-intro.og-intro341.s345-intro h2.s345-heading>img.s345-title-art{width:100%!important;height:auto!important;max-height:none!important;margin:0!important}
body.page-id-45484 #on-guide-v313 #og-chapter-video-intro.og-intro341.s345-intro article.s345-details{display:flex;flex-direction:column;gap:22px;padding:0;min-width:0}
body.page-id-45484 #on-guide-v313 #og-chapter-video-intro.og-intro341.s345-intro .s345-copy{font-size:18px;line-height:1.55;text-align:left;max-width:none;margin:0!important}
body.page-id-45484 #on-guide-v313 #og-chapter-video-intro.og-intro341.s345-intro .video-frame.s345-video{padding:10px 10px 7px;border-radius:21px;border:2px solid #fffaf1;box-shadow:0 0 0 2px #221746,0 12px 40px #08092380,0 0 20px #b6f6ff42}
body.page-id-45484 #on-guide-v313 #og-chapter-video-intro.og-intro341.s345-intro .s345-video::before{content:none}
body.page-id-45484 #on-guide-v313 #og-chapter-video-intro.og-intro341.s345-intro .player{border-radius:12px;aspect-ratio:16/9}
body.page-id-45484 #on-guide-v313 #og-chapter-video-intro.og-intro341.s345-intro .play-label i{width:80px;font-size:31px}
body.page-id-45484 #on-guide-v313 #og-chapter-video-intro.og-intro341.s345-intro figcaption{padding:13px 72px 7px 4px}
body.page-id-45484 #on-guide-v313 #og-chapter-video-intro.og-intro341.s345-intro figcaption strong{font-size:16px}
body.page-id-45484 #on-guide-v313 #og-chapter-video-intro.og-intro341.s345-intro nav.s345-platforms{display:flex;flex-direction:row;gap:12px;max-width:none;width:100%}
body.page-id-45484 #on-guide-v313 #og-chapter-video-intro.og-intro341.s345-intro nav.s345-platforms>a{width:auto;min-height:60px;padding:12px 13px;gap:9px;justify-content:flex-start;font-size:17px;border-radius:13px;box-shadow:0 4px 0 #070c29a6}
body.page-id-45484 #on-guide-v313 #og-chapter-video-intro.og-intro341.s345-intro nav.s345-platforms>a>img{width:27px;height:27px}
body.page-id-45484 #on-guide-v313 #og-chapter-video-intro.og-intro341.s345-intro nav.s345-platforms>a>b{font-size:19px;margin-left:auto}
body.page-id-45484 #on-guide-v313 #og-chapter-video-intro.og-intro341.s345-intro .s345-ribbon-bottom{height:58px;bottom:8px}



@media(min-width:901px) and (max-width:1150px){
 body.page-id-45484 #on-guide-v313 #og-chapter-video-intro.og-intro341.s345-intro .s345-shell{padding-left:28px;padding-right:28px}
 body.page-id-45484 #on-guide-v313 #og-chapter-video-intro.og-intro341.s345-intro .s345-content{gap:27px}
 body.page-id-45484 #on-guide-v313 #og-chapter-video-intro.og-intro341.s345-intro .s345-copy{font-size:16px}
 body.page-id-45484 #on-guide-v313 #og-chapter-video-intro.og-intro341.s345-intro nav.s345-platforms>a{font-size:15px;gap:7px;padding-inline:10px}
 body.page-id-45484 #on-guide-v313 #og-chapter-video-intro.og-intro341.s345-intro nav.s345-platforms>a>img{width:24px;height:24px}
}
@media(max-width:900px){
 body.page-id-45484 #on-guide-v313 #og-chapter-video-intro.og-intro341.s345-intro .s345-shell{width:100%;max-width:760px;padding:32px 28px 96px}
 body.page-id-45484 #on-guide-v313 #og-chapter-video-intro.og-intro341.s345-intro .s345-content{display:grid;grid-template-columns:minmax(0,1fr);gap:23px;max-width:none;align-items:start}
 body.page-id-45484 #on-guide-v313 #og-chapter-video-intro.og-intro341.s345-intro article.s345-details{display:contents}
 body.page-id-45484 #on-guide-v313 #og-chapter-video-intro.og-intro341.s345-intro .s345-head{grid-row:1;max-width:620px;margin-inline:auto!important}
 body.page-id-45484 #on-guide-v313 #og-chapter-video-intro.og-intro341.s345-intro .s345-screen{grid-row:2}
 body.page-id-45484 #on-guide-v313 #og-chapter-video-intro.og-intro341.s345-intro .s345-copy{grid-row:3;font-size:17px;line-height:1.5;text-align:center;color:#fffaf4}
 body.page-id-45484 #on-guide-v313 #og-chapter-video-intro.og-intro341.s345-intro nav.s345-platforms{grid-row:4;flex-direction:row;gap:13px}
 body.page-id-45484 #on-guide-v313 #og-chapter-video-intro.og-intro341.s345-intro nav.s345-platforms>a{width:auto;min-height:57px;font-size:17px;max-width:none}
 body.page-id-45484 #on-guide-v313 #og-chapter-video-intro.og-intro341.s345-intro .play-label i{width:72px}
}
@media(max-width:520px){
 body.page-id-45484 #on-guide-v313 #og-chapter-video-intro.og-intro341.s345-intro .s345-shell{padding:27px 20px 84px}
 body.page-id-45484 #on-guide-v313 #og-chapter-video-intro.og-intro341.s345-intro .s345-content{gap:20px}
 body.page-id-45484 #on-guide-v313 #og-chapter-video-intro.og-intro341.s345-intro .video-frame.s345-video{padding:7px 7px 5px;border-radius:15px}
 body.page-id-45484 #on-guide-v313 #og-chapter-video-intro.og-intro341.s345-intro .player{border-radius:9px}
 body.page-id-45484 #on-guide-v313 #og-chapter-video-intro.og-intro341.s345-intro .play-label i{width:58px;font-size:25px}
 body.page-id-45484 #on-guide-v313 #og-chapter-video-intro.og-intro341.s345-intro figcaption{padding:11px 57px 6px 2px}
 body.page-id-45484 #on-guide-v313 #og-chapter-video-intro.og-intro341.s345-intro figcaption strong{font-size:12px}
 body.page-id-45484 #on-guide-v313 #og-chapter-video-intro.og-intro341.s345-intro .s345-copy{font-size:15px;text-align:left}
 body.page-id-45484 #on-guide-v313 #og-chapter-video-intro.og-intro341.s345-intro nav.s345-platforms{flex-direction:column;gap:12px}
 body.page-id-45484 #on-guide-v313 #og-chapter-video-intro.og-intro341.s345-intro nav.s345-platforms>a{width:100%;min-height:54px;font-size:17px}
 body.page-id-45484 #on-guide-v313 #og-chapter-video-intro.og-intro341.s345-intro .s345-ribbon-bottom{height:46px}
}

body.page-id-45484 #on-guide-v313 #og-chapter-video-intro.og-intro341.s345-intro .s345-ribbon-top,body.page-id-45484 #on-guide-v313 #og-chapter-video-intro.og-intro341.s345-intro .s345-spark{display:none}
@media(min-width:901px){
 body.page-id-45484 #on-guide-v313 #og-chapter-video-intro.og-intro341.s345-intro .s345-shell{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto auto minmax(0,1fr);column-gap:44px;row-gap:0;align-items:center}
 body.page-id-45484 #on-guide-v313 #og-chapter-video-intro.og-intro341.s345-intro .s345-content{display:contents}
 body.page-id-45484 #on-guide-v313 #og-chapter-video-intro.og-intro341.s345-intro .s345-screen{grid-column:1;grid-row:1/5;align-self:center}
 body.page-id-45484 #on-guide-v313 #og-chapter-video-intro.og-intro341.s345-intro .s345-head{grid-column:2;grid-row:2;margin-bottom:22px!important}
 body.page-id-45484 #on-guide-v313 #og-chapter-video-intro.og-intro341.s345-intro article.s345-details{grid-column:2;grid-row:3}
}
@media(min-width:901px) and (max-width:1150px){body.page-id-45484 #on-guide-v313 #og-chapter-video-intro.og-intro341.s345-intro .s345-shell{column-gap:27px}}
@media(max-width:900px){
 body.page-id-45484 #on-guide-v313 #og-chapter-video-intro.og-intro341.s345-intro .s345-head{margin-bottom:23px!important}
 body.page-id-45484 #on-guide-v313 #og-chapter-video-intro.og-intro341.s345-intro .s345-content .s345-screen{grid-row:1}
 body.page-id-45484 #on-guide-v313 #og-chapter-video-intro.og-intro341.s345-intro .s345-content .s345-copy{grid-row:2}
 body.page-id-45484 #on-guide-v313 #og-chapter-video-intro.og-intro341.s345-intro .s345-content nav.s345-platforms{grid-row:3}
}
@media(max-width:520px){body.page-id-45484 #on-guide-v313 #og-chapter-video-intro.og-intro341.s345-intro .s345-head{margin-bottom:20px!important}}


/* ON Digital - programa compacto v373 - page 45484 only */
@media(min-width:721px){
 body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318{--mn-fit-title:340px}
 body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318 .mn-inner{max-width:1160px;padding:22px 32px 22px}
 body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318 .mn-intro{max-width:960px;margin:0 auto 16px}
 body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318 :is(.mn-title-wrap,h2.pg-title){max-width:var(--mn-fit-title);margin-bottom:0!important}
 body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318 .mn-title-rays{scale:.72;top:36%}
 body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318 .mn-rays-left{left:-43px}
 body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318 .mn-rays-right{right:-43px}
 body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318 .mn-lead{max-width:920px;margin:7px auto 0;font-size:17px;line-height:1.35}
 body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318 .mn-layout{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:30px}
 body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318 .mn-photo-slot{max-width:438px;padding:9px 7px 11px}
 body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318 .pg-photo{padding:8px;border-radius:24px}
 body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318 .pg-photo-media{aspect-ratio:1.52;border-radius:18px}
 body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318 .pg-frame-back{border-radius:24px}
 body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318 .pg-frame-line{inset:16px;border-radius:15px}
 body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318 .pg-tape{width:74px;height:21px}
 body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318 .pg-tape-two{right:-13px}
 body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318 :is(.pg-photo-star,.pg-photo-heart) .pg-icon{width:40px;height:40px}
 body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318 .pg-photo-star{top:-13px}
 body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318 .pg-photo-heart{left:-14px;bottom:20px}
 body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318 .pg-photo-label{bottom:13px;left:15px;right:15px;padding:6px 8px;border-radius:9px;letter-spacing:1.1px}
 body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318 .mn-subheading{font-size:16px;line-height:1.2;padding:7px 12px;margin:0 auto 8px;transform:rotate(-.7deg)}
 body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318 .mn-subheading>span{transform:rotate(.7deg)}
 body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318 .mn-ribbons{gap:6px}
 body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318 .mn-ribbon{--ribbon-angle:-.55deg;padding:2px 9px}
 body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318 .mn-ribbon:nth-child(even){--ribbon-angle:.55deg}
 body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318 .mn-ribbon-inner{grid-template-columns:30px 29px minmax(0,1fr);gap:8px;padding:3px 8px;min-height:34px}
 body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318 .mn-number{font-size:27px}
 body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318 .mn-emoji{width:29px}
 body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318 .mn-emoji .pg-icon{width:29px;height:29px}
 body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318 .mn-ribbon p{font-size:15px;line-height:1.28}
 body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318 .mn-callout{width:96%;margin-top:15px;padding:10px 22px 12px;transform:rotate(-.6deg)}
 body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318 .mn-callout-inner{gap:13px;transform:rotate(.6deg)}
 body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318 .mn-callout h3{font-size:26px;line-height:1.08;margin-bottom:3px}
 body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318 .mn-callout p{font-size:13px;line-height:1.35}
 body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318 .mn-callout-icon .pg-icon{width:42px;height:42px}
 body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318 .mn-callout-rays{height:42px;scale:.8}
}
@media(min-width:721px) and (max-width:900px){
 body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318{--mn-fit-title:310px}
 body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318 .mn-inner{padding:24px 28px 22px}
 body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318 .mn-layout{gap:24px;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr)}
 body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318 .pg-photo-media{aspect-ratio:1.14}
 body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318 .mn-ribbon-inner{grid-template-columns:27px 27px minmax(0,1fr);gap:6px;padding-inline:5px}
 body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318 .mn-number{font-size:25px}
 body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318 .mn-emoji{width:27px}
 body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318 .mn-ribbon p{font-size:14px;line-height:1.32}
}
@media(min-width:901px) and (max-height:800px){
 body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318{--mn-fit-title:260px}
 body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318 .mn-inner{padding-top:14px;padding-bottom:16px}
 body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318 .mn-intro{margin-bottom:12px}
 body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318 .mn-lead{font-size:16px;margin-top:5px}
 body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318 .mn-callout{margin-top:10px;padding-block:7px 8px}
 body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318 .mn-callout h3{font-size:24px}
}
@media(min-width:901px) and (max-height:680px){
 body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318{--mn-fit-title:220px}
 body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318 .mn-inner{padding-top:12px;padding-bottom:14px}
 body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318 .mn-intro{display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr);align-items:center;gap:26px;max-width:935px;margin-bottom:10px;text-align:left}
 body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318 .mn-title-rays{display:none}
 body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318 .mn-lead{margin:0}
 body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318 .mn-photo-slot{max-width:411px}
 body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318 .mn-subheading{margin-bottom:6px}
 body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318 .mn-ribbons{gap:5px}
 body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318 .mn-ribbon{padding-block:1px 2px}
 body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318 .mn-emoji{width:26px}
 body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318 .mn-ribbon p{font-size:14.5px}
 body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318 .mn-callout{padding-block:5px 6px}
}


/* ON Digital · Marco triangular v375 */
body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318[data-section="programa"] .mn-inner{max-width:1280px;padding:24px 35px 25px}
body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318[data-section="programa"] .mn-intro{display:block;max-width:none;margin:0 0 11px;text-align:left}
body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318[data-section="programa"] .mn-title-wrap{width:min(100%,340px);max-width:none;margin:0}
body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318[data-section="programa"] h2.pg-title{width:100%;max-width:none;margin:0!important}
body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318[data-section="programa"] .mn-title-rays{display:none}
body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318[data-section="programa"] .mn-lead{max-width:none;margin:6px 0 0;font-size:16px;font-weight:650;line-height:1.36;text-align:left}
body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318[data-section="programa"] .mn-photo-slot{width:100%;max-width:none;margin:0;padding:0}
body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318[data-section="programa"] .pg-photo{padding:9px;border-radius:25px;transform:rotate(-1deg)}
body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318[data-section="programa"] .pg-photo-media{aspect-ratio:1.34;border-radius:18px}
body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318[data-section="programa"] .pg-photo-media>img{object-position:70% 48%!important}
body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318[data-section="programa"] .pg-photo-label{font-size:10px;padding:8px 10px}
body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318[data-section="programa"] .mn-ribbons-panel{padding:0}
body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318[data-section="programa"] .mn-subheading{width:100%;margin:0 0 7px;padding:7px 12px;font-size:15px;line-height:1.2;text-align:left;transform:none;clip-path:none;border-radius:7px}
body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318[data-section="programa"] .mn-subheading>span{transform:none}
body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318[data-section="programa"] .mn-ribbons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318[data-section="programa"] .mn-ribbon{margin:0!important;padding:8px 10px;transform:none;clip-path:none;border-radius:8px}
body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318[data-section="programa"] .mn-ribbon-inner{display:grid;grid-template-columns:25px minmax(0,1fr);grid-template-areas:"num copy" "icon copy";grid-template-rows:auto 1fr;align-items:center;gap:3px 7px;padding:0;min-height:43px;transform:none}
body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318[data-section="programa"] .mn-number{grid-area:num;font-size:19px;text-align:center;line-height:1}
body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318[data-section="programa"] .mn-emoji{grid-area:icon;width:24px;align-self:start}
body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318[data-section="programa"] .mn-emoji .pg-icon{width:24px;height:24px}
body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318[data-section="programa"] .mn-ribbon p{grid-area:copy;font-size:14px;line-height:1.27;font-weight:700;overflow-wrap:break-word}
body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318[data-section="programa"] .mn-callout{width:100%;max-width:none;margin:10px 0 0;padding:8px 12px;transform:none;clip-path:none;border-radius:9px}
body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318[data-section="programa"] .mn-callout-inner{justify-content:flex-start;gap:9px;transform:none}
body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318[data-section="programa"] .mn-callout-icon .pg-icon{width:35px;height:35px}
body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318[data-section="programa"] .mn-callout-copy{text-align:left}
body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318[data-section="programa"] .mn-callout h3{font-size:22px;line-height:1.1;margin-bottom:3px}
body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318[data-section="programa"] .mn-callout p{font-size:12.5px;line-height:1.3}
body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318[data-section="programa"] .mn-callout-rays{display:none}
body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318[data-section="programa"].programa318 .mn-inner{max-width:1280px;padding:22px 42px 24px}
body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318[data-section="programa"].programa318 .mn-photo-slot{padding:12px 6px 13px 7px}
body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318[data-section="programa"].programa318 .mn-photo-slot::before{content:"";position:absolute;top:-13px;right:-13px;width:38%;height:47%;background:linear-gradient(160deg,#9df3fb,#b4a2ef);clip-path:polygon(0 0,100% 9%,91% 100%);pointer-events:none}
body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318[data-section="programa"].programa318 .mn-photo-slot::after{content:"";position:absolute;z-index:-1;bottom:-10px;left:-14px;width:27%;height:31%;background:#f49ddd;clip-path:polygon(0 3%,100% 95%,9% 100%);pointer-events:none}
body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318[data-section="programa"].programa318 .pg-photo{box-shadow:0 0 0 2px #322061,0 10px 27px #08062670}
body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318[data-section="programa"].programa318 .pg-photo-media{aspect-ratio:1.31}
body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318[data-section="programa"].programa318 .mn-title-wrap{width:min(100%,328px)}
body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318[data-section="programa"].programa318 .mn-intro{position:relative}
body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318[data-section="programa"].programa318 .mn-intro::after{content:"";position:absolute;top:4px;right:7px;width:49px;height:46px;background:linear-gradient(135deg,#a5f3fa,#f2a9dd);clip-path:polygon(19% 0,100% 19%,70% 100%);opacity:.88;pointer-events:none}
body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318[data-section="programa"].programa318 .mn-ribbons{grid-template-columns:minmax(0,1fr);gap:5px}
body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318[data-section="programa"].programa318 .mn-ribbon{--ribbon-angle:-.55deg;padding:2px 8px;transform:rotate(var(--ribbon-angle));clip-path:polygon(2% 0,98% 1%,100% 94%,0 100%);border-radius:3px}
body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318[data-section="programa"].programa318 .mn-ribbon:nth-child(even){--ribbon-angle:.55deg;clip-path:polygon(0 1%,98% 0,100% 100%,2% 97%)}
body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318[data-section="programa"].programa318 .mn-ribbon-inner{grid-template-columns:27px 26px minmax(0,1fr);grid-template-areas:"num icon copy";grid-template-rows:auto;gap:8px;padding:3px 6px;min-height:29px;transform:rotate(calc(-1 * var(--ribbon-angle)))}
body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318[data-section="programa"].programa318 .mn-emoji{align-self:center}
body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318[data-section="programa"].programa318 .mn-ribbon p{font-size:14.5px}
body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318[data-section="programa"].programa318 .mn-callout{background:#f59ade;clip-path:polygon(2% 0,97% 3%,100% 14%,98% 27%,100% 43%,98% 61%,100% 86%,96% 100%,1% 98%,3% 83%,0 70%,2% 52%,0 28%,3% 13%);border-radius:0;padding-inline:16px}
@media(min-width:901px) and (max-width:1120px){
 body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318[data-section="programa"] .mn-title-wrap{width:min(100%,307px)}
 body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318[data-section="programa"] .mn-lead{font-size:15px}
 body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318[data-section="programa"].programa318 .mn-inner{padding-inline:31px}
 body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318[data-section="programa"].programa318 .mn-intro::after{width:34px;height:32px;right:4px}
}
@media(max-width:900px){
 body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318[data-section="programa"].programa318 .mn-inner{max-width:760px;padding:28px 24px 30px}
 body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318[data-section="programa"].programa318 .mn-intro{margin:0;text-align:center}
 body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318[data-section="programa"].programa318 .mn-title-wrap{width:min(100%,350px);margin:0 auto}
 body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318[data-section="programa"].programa318 .mn-lead{text-align:center}
 body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318[data-section="programa"].programa318 .mn-photo-slot{min-height:0;padding:0;max-width:680px;margin:auto}
 body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318[data-section="programa"].programa318 .mn-photo-slot::before,body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318[data-section="programa"].programa318 .mn-photo-slot::after,body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318[data-section="programa"].programa318 .mn-intro::after{display:none}
 body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318[data-section="programa"].programa318 .pg-photo{position:relative;inset:auto;padding:7px;border:1px solid #ded0fb;border-radius:18px;clip-path:none;transform:none;background:#e9dcfc;box-shadow:0 5px 19px #08072060}
 body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318[data-section="programa"].programa318 .pg-photo-media{position:relative;inset:auto;aspect-ratio:1.57;border-radius:12px}
 body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318[data-section="programa"].programa318 .pg-photo-label{left:12px;right:12px;bottom:12px;font-size:9px}
 body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318[data-section="programa"].programa318 .mn-ribbons-panel{}
 body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318[data-section="programa"].programa318 .mn-callout{margin:0}
}
@media(max-width:520px){
 body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318[data-section="programa"].programa318 .mn-inner{padding:25px 17px 28px}
 body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318[data-section="programa"].programa318 .mn-title-wrap{width:min(100%,305px)}
 body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318[data-section="programa"].programa318 .mn-lead{font-size:15px}
 body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318[data-section="programa"].programa318 .mn-ribbons{grid-template-columns:minmax(0,1fr);gap:6px}
 body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318[data-section="programa"].programa318 .mn-ribbon-inner{grid-template-columns:25px 24px minmax(0,1fr);grid-template-areas:"num icon copy";grid-template-rows:auto;align-items:center;gap:7px;min-height:34px}
 body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318[data-section="programa"].programa318 .mn-emoji{align-self:center}
 body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318[data-section="programa"].programa318 .mn-ribbon p{font-size:14px;line-height:1.32}
 body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318[data-section="programa"].programa318 .mn-subheading{font-size:14px}
 body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318[data-section="programa"].programa318 .mn-callout h3{font-size:21px}
 body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318[data-section="programa"].programa318 .mn-callout p{font-size:12px}
 body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318[data-section="programa"].programa318 .mn-ribbon{padding:5px 7px}
}

/* The existing photo and right-hand blocks share the section grid. */
body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318[data-section="programa"] .mn-layout {
    display: contents;
}
body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318[data-section="programa"] .mn-inner {
    display: grid;
    grid-template-columns: minmax(0, 1.13fr) minmax(0, 1fr);
    grid-template-areas:
        "photo intro"
        "photo ribbons"
        "photo closing";
    column-gap: 45px;
}
body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318[data-section="programa"] .mn-photo-slot {
    grid-area: photo;
    align-self: center;
}
body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318[data-section="programa"] .mn-intro {
    grid-area: intro;
}
body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318[data-section="programa"] .mn-ribbons-panel {
    grid-area: ribbons;
}
body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318[data-section="programa"] .mn-callout {
    grid-area: closing;
}
@media (min-width: 901px) and (max-width: 1120px) {
    body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318[data-section="programa"] .mn-inner {
        column-gap: 27px;
    }
}
@media (max-width: 900px) {
    body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318[data-section="programa"] .mn-inner {
        grid-template-columns: minmax(0, 1fr);
        grid-template-areas: "intro" "photo" "ribbons" "closing";
        gap: 22px;
    }
}
@media (max-width: 520px) {
    body.page-id-45484 #on-guide-v313 #og-chapter-programa.programa318[data-section="programa"] .mn-inner {
        gap: 19px;
    }
}

/* ON Digital - botones centrados v379, guía para creadores */
body.page-id-45484 #on-guide-v313 #og-chapter-video-intro.og-intro341.s345-intro nav.s345-platforms {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-inline: auto;
}

body.page-id-45484 #on-guide-v313 #og-chapter-video-intro.og-intro341.s345-intro nav.s345-platforms > a {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr) 28px;
    align-items: center;
    justify-items: center;
    width: 100%;
    min-width: 0;
    text-align: center;
}

body.page-id-45484 #on-guide-v313 #og-chapter-video-intro.og-intro341.s345-intro nav.s345-platforms > a > b {
    margin-inline: 0;
}

body.page-id-45484 #on-guide-v313 #og-chapter-video-intro.og-intro341.s345-intro .s345-copy {
    text-align: center;
    text-wrap: balance;
}

body.page-id-45484 #on-guide-v313 #og-chapter-exito.og-success339 .v86-quote-nav {
    justify-content: center;
}

@media (max-width: 1100px) {
    body.page-id-45484 #on-guide-v313 #og-chapter-video-intro.og-intro341.s345-intro nav.s345-platforms {
        max-width: 570px;
    }
}

@media (min-width: 901px) and (max-width: 1100px) {
    body.page-id-45484 #on-guide-v313 #og-chapter-video-intro.og-intro341.s345-intro .s345-shell {
        display: block;
        max-width: 760px;
        padding-block: 32px 96px;
    }

    body.page-id-45484 #on-guide-v313 #og-chapter-video-intro.og-intro341.s345-intro .s345-head {
        max-width: 570px;
        margin: 0 auto 23px !important;
    }

    body.page-id-45484 #on-guide-v313 #og-chapter-video-intro.og-intro341.s345-intro .s345-content {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 23px;
    }

    body.page-id-45484 #on-guide-v313 #og-chapter-video-intro.og-intro341.s345-intro .s345-screen {
        grid-area: auto;
        width: min(100%, 640px);
        justify-self: center;
    }

    body.page-id-45484 #on-guide-v313 #og-chapter-video-intro.og-intro341.s345-intro article.s345-details {
        display: contents;
    }
}

@media (max-width: 520px) {
    body.page-id-45484 #on-guide-v313 #og-chapter-video-intro.og-intro341.s345-intro nav.s345-platforms {
        grid-template-columns: minmax(0, 1fr);
    }
}


/* ON guide request refinements v376 */
/* Repeated-request refinements. Scoped to this guide; retain later cover/intro work. */
@media(max-width:950px){
 body.page-id-45484 #on-guide-v313 #og-chapter-diccionario .pn-term p,
 body.page-id-45484 #on-guide-v313 #og-chapter-condiciones .af-copy p{
  text-align:justify;text-align-last:left;text-wrap:wrap;hyphens:auto;
  word-spacing:normal;letter-spacing:0;line-height:1.5;
 }
 /* Content and shadows must finish before the decorative cut band. */
 body.page-id-45484 #on-guide-v313 #og-chapter-condiciones .af-inner,
 body.page-id-45484 #on-guide-v313 #og-chapter-invitacion .ir-inner{padding-bottom:48px}
}
@media(min-width:651px) and (max-width:950px){
 body.page-id-45484 #on-guide-v313 #og-chapter-condiciones .af-copy p{font-size:15px}
}
@media(max-width:950px){
 body.page-id-45484 #on-guide-v313 #og-chapter-video-intro.og-intro341.s345-intro nav.s345-platforms{
  align-items:center;
 }
 body.page-id-45484 #on-guide-v313 #og-chapter-video-intro.og-intro341.s345-intro nav.s345-platforms>a{
  position:relative;flex:none;width:min(82%,248px);max-width:100%;min-height:48px;
  margin-inline:auto;align-self:center;justify-content:center;gap:8px;
  padding:10px 36px;border-radius:999px;font-size:15px;text-align:center;
 }
 body.page-id-45484 #on-guide-v313 #og-chapter-video-intro.og-intro341.s345-intro nav.s345-platforms>a>img{
  width:24px;height:24px;flex:0 0 24px;object-fit:contain;
 }
 body.page-id-45484 #on-guide-v313 #og-chapter-video-intro.og-intro341.s345-intro nav.s345-platforms>a>b{
  position:absolute;right:14px;top:50%;transform:translateY(-50%);margin:0;font-size:16px;line-height:1;
 }
 body.page-id-45484 #on-guide-v313 #og-chapter-exito.og-success339 .v86-cta{
  display:flex;width:min(82%,248px);max-width:100%;min-height:48px;
  margin-inline:auto;justify-content:center;gap:8px;padding:10px 12px;
  border-radius:999px;font-size:12.5px;line-height:1.3;text-align:center;
 }
 body.page-id-45484 #on-guide-v313 #og-chapter-exito.og-success339 .v86-cta .v339-pandon{
  display:flex;flex:0 0 26px;width:26px;height:26px;margin:0;
 }
 body.page-id-45484 #on-guide-v313 #og-chapter-exito.og-success339 .v86-cta .v339-pandon img{
  display:block;width:100%;height:100%;object-fit:contain;
 }
}
@media(max-width:950px){
 /* Keep each icon/title together; give its justified explanation the entire card width. */
 body.page-id-45484 #on-guide-v313 #og-chapter-diccionario.diccionario322 article.pn-term{
  row-gap:10px;
 }
 body.page-id-45484 #on-guide-v313 #og-chapter-diccionario .pn-term-copy{display:contents}
 body.page-id-45484 #on-guide-v313 #og-chapter-diccionario .pn-term-art{
  grid-column:1;grid-row:1;align-self:center;justify-self:center;margin:0;
 }
 body.page-id-45484 #on-guide-v313 #og-chapter-diccionario .pn-term h3{
  grid-column:2;grid-row:1;align-self:center;margin:0;text-align:center;
 }
 body.page-id-45484 #on-guide-v313 #og-chapter-diccionario .pn-term p{
  grid-column:1/-1;grid-row:2;min-width:0;margin:0;font-size:14px;
 }
}
@media(min-width:651px) and (max-width:950px){
 body.page-id-45484 #on-guide-v313 #og-chapter-diccionario .pn-term p{font-size:15px}
}
@media(max-width:650px){
 body.page-id-45484 #on-guide-v313 #og-chapter-condiciones .af-copy{padding-inline:16px}
 body.page-id-45484 #on-guide-v313 #og-chapter-condiciones .af-copy p{font-size:14px}
}
@media(max-width:360px){
 body.page-id-45484 #on-guide-v313 #og-chapter-exito.og-success339 .v86-cta{font-size:12px}
}


/* ON bonus table heading size v378 */
body.page-id-45484 #on-guide-v313 #og-chapter-bonos .bc-title-wrap{width:min(100%,360px);max-width:100%}
body.page-id-45484 #on-guide-v313 #og-chapter-bonos .bc-title img{display:block;width:100%;max-width:100%;height:auto}
@media(max-width:950px){body.page-id-45484 #on-guide-v313 #og-chapter-bonos .bc-title-wrap{width:min(100%,300px)}}
@media(max-width:650px){body.page-id-45484 #on-guide-v313 #og-chapter-bonos .bc-title-wrap{width:min(100%,260px)}}

/* Marca de agua ONFIRE y ONLIVE · tablas de bonos BIGO LIVE */
body:is(.page-id-45484, .page-id-25964, .page-id-39063) #on-guide-v313 #og-chapter-bonos .bc-table-shell::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 4;
    border-radius: inherit;
    pointer-events: none;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22480%22%20height%3D%22224%22%20viewBox%3D%220%200%20480%20224%22%3E%3Cg%20text-anchor%3D%22middle%22%20font-family%3D%22Arial%2C%20sans-serif%22%20font-size%3D%2221%22%20font-weight%3D%22bold%22%20fill%3D%22%2345244f%22%20fill-opacity%3D%22.23%22%3E%3Ctext%20x%3D%22120%22%20y%3D%2262%22%20transform%3D%22rotate%28-22%20120%2056%29%22%3EAGENCIA%20ONFIRE%3C%2Ftext%3E%3Ctext%20x%3D%22360%22%20y%3D%2262%22%20transform%3D%22rotate%28-22%20360%2056%29%22%3EAGENCIA%20ONLIVE%3C%2Ftext%3E%3Ctext%20x%3D%22120%22%20y%3D%22174%22%20transform%3D%22rotate%28-22%20120%20168%29%22%3EAGENCIA%20ONLIVE%3C%2Ftext%3E%3Ctext%20x%3D%22360%22%20y%3D%22174%22%20transform%3D%22rotate%28-22%20360%20168%29%22%3EAGENCIA%20ONFIRE%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-repeat: repeat;
    background-size: clamp(340px, 42vw, 480px) auto;
}

@media (min-width: 1024px) {
    body:is(.page-id-45484, .page-id-25964, .page-id-39063) #on-guide-v313 #og-chapter-bonos .bc-table-shell::after {
        background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22480%22%20height%3D%22224%22%20viewBox%3D%220%200%20480%20224%22%3E%3Cg%20text-anchor%3D%22middle%22%20font-family%3D%22Arial%2C%20sans-serif%22%20font-size%3D%2218%22%20font-weight%3D%22bold%22%20fill%3D%22%2345244f%22%20fill-opacity%3D%22.23%22%3E%3Ctext%20x%3D%22120%22%20y%3D%2262%22%20transform%3D%22rotate%28-22%20120%2056%29%22%3EAGENCIA%20ONFIRE%3C%2Ftext%3E%3Ctext%20x%3D%22360%22%20y%3D%2262%22%20transform%3D%22rotate%28-22%20360%2056%29%22%3EAGENCIA%20ONLIVE%3C%2Ftext%3E%3Ctext%20x%3D%22120%22%20y%3D%22174%22%20transform%3D%22rotate%28-22%20120%20168%29%22%3EAGENCIA%20ONLIVE%3C%2Ftext%3E%3Ctext%20x%3D%22360%22%20y%3D%22174%22%20transform%3D%22rotate%28-22%20360%20168%29%22%3EAGENCIA%20ONFIRE%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    }
}

/* ON Digital — legibilidad responsiva v452 */
@layer onHomeResponsive {
  @media (min-width: 601px) and (max-width: 767px) {
    html body.page-id-44798 #on-apps-new .campaign-1 {
      min-height: 0 !important;
      padding-inline: 24px !important;
    }
    html body.page-id-44798 #on-apps-new .campaign-1 > .selfie-screen {
      position: relative !important;
      inset: auto !important;
      flex: none;
      height: clamp(340px, 52vw, 396px);
      margin-inline: -24px;
    }
    html body.page-id-44798 #on-apps-new .campaign-1 > .selfie-screen::before {
      display: none;
    }
    html body.page-id-44798 #on-apps-new .campaign-1 .camera-top {
      right: auto !important;
    }
    html body.page-id-44798 #on-apps-new .campaign-1 .selfie-caption {
      left: 22px !important;
      right: auto !important;
      bottom: 22px !important;
      width: min(224px, 30%);
      padding: 10px 12px !important;
    }
    html body.page-id-44798 #on-apps-new .campaign-1 .selfie-caption b {
      font-size: clamp(18px, 3vw, 22px) !important;
    }
    html body.page-id-44798 #on-apps-new .campaign-1 > .campaign-copy {
      box-sizing: border-box;
      width: 100%;
      max-width: 540px;
      padding: 25px 0 0 !important;
    }
    html body.page-id-44798 #on-apps-new .campaign-1 .on213-lead {
      max-width: 44ch;
      line-height: 1.55;
    }
  }
}

@layer onHomeResponsive {
  html body.page-id-43932 :is(#on-mobile-home, #on-tablet-home, .elementor-43932) .v86-root[data-design] .v86-library > header > p {
    color: #5c466b !important;
  }
  html body.page-id-43932 :is(#on-mobile-home, #on-tablet-home, .elementor-43932) .f86-root[data-design] .f86-topic {
    color: #73547c !important;
  }
}

@media (max-width: 767px), (max-width: 1024px) and (max-height: 540px) {
  :where(#chaty-widget-_2) .Link-channel > .chaty-icon {
    background-color: #9e2e67;
  }
  #chaty-widget-0 .chaty-widget:not(.chaty-open) .chaty-cta-main:not(:focus-visible) > .on-hover-text,
  #chaty-widget-_2 .Link-channel:not(:focus-visible) > .on-hover-text {
    position: absolute !important;
    inset: auto !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
    pointer-events: none !important;
  }
  #chaty-widget-0 .chaty-widget:not(.chaty-open) .chaty-cta-main:not(:focus-visible)::before,
  #chaty-widget-0 .chaty-widget:not(.chaty-open) .chaty-cta-main:not(:focus-visible)::after,
  #chaty-widget-_2 .Link-channel:not(:focus-visible)::before,
  #chaty-widget-_2 .Link-channel:not(:focus-visible)::after {
    content: none !important;
  }
}

@media (max-width: 767px) {
  body:is(.page-id-45484, .page-id-39063, .page-id-25964) :is(#chaty-widget-0, #chaty-widget-_2) .chaty-widget:not(.chaty-open) {
    right: 6px !important;
    transform: scale(.85);
    transform-origin: right bottom;
  }
  body:is(.page-id-45484, .page-id-39063, .page-id-25964) #chaty-widget-0 .chaty-widget:not(.chaty-open) {
    bottom: calc(12px + env(safe-area-inset-bottom, 0px)) !important;
  }
  body:is(.page-id-45484, .page-id-39063, .page-id-25964) #chaty-widget-_2 .chaty-widget:not(.chaty-open) {
    bottom: calc(64px + env(safe-area-inset-bottom, 0px)) !important;
  }
}

@media (max-width: 650px) {
  body:is(.page-id-45484, .page-id-39063, .page-id-25964) #on-cover355 .on355-family {
    max-width: min(100% - 104px, 442px);
    margin-inline: auto !important;
  }
  body:is(.page-id-45484, .page-id-39063, .page-id-25964) #on-cover355 .on355-cta {
    max-width: min(100% - 104px, 280px);
  }
}

/* ON Digital — portadas de Contacto y Sobre nosotros v453 */
@layer onHomeResponsive {
  @media (min-width: 601px) and (max-width: 767px) {
    html body:is(.page-id-35174, .page-id-44538) :is(#on-contact-selfie-v225, #on-about-selfie-v225) {
      min-height: 0 !important;
      padding-inline: 24px !important;
      padding-bottom: 42px !important;
    }
    html body:is(.page-id-35174, .page-id-44538) :is(#on-contact-selfie-v225, #on-about-selfie-v225) > .selfie-screen {
      position: relative !important;
      inset: auto !important;
      flex: none;
      height: clamp(360px, 54vw, 414px) !important;
      margin-inline: -24px;
    }
    html body:is(.page-id-35174, .page-id-44538) :is(#on-contact-selfie-v225, #on-about-selfie-v225) > .selfie-screen::before {
      display: none;
    }
    html body:is(.page-id-35174, .page-id-44538) :is(#on-contact-selfie-v225, #on-about-selfie-v225) > .campaign-copy {
      box-sizing: border-box;
      width: 100%;
      max-width: 620px;
      padding: 26px 0 0 !important;
      text-align: center !important;
    }
    html body:is(.page-id-35174, .page-id-44538) :is(#on-contact-selfie-v225, #on-about-selfie-v225) .on213-lead {
      max-width: 54ch;
      margin-inline: auto;
      line-height: 1.55;
    }
  }
}

/* ON Digital — segunda revisión responsive v455 */
@media (max-width: 1024px) {
  .elementor :is(
    .elementor-element-1d42d7f3, .elementor-element-2f9c6077,
    .elementor-element-7de84ca0, .elementor-element-24f8a703,
    .elementor-element-5e2406f2, .elementor-element-620b141,
    .elementor-element-768e5c8d
  ) > .elementor-widget-container {
    margin-top: 0 !important;
  }
}

@layer onHomeResponsive {
  @media (max-width: 440px) {
    #page #on-mobile-home .onpa .carousel-controls:has(.m136-mini) > .arrow {
      display: none !important;
    }
  }
}

@media (max-width: 379px) {
  .elementor :is(
    .elementor-element-7793ee49, .elementor-element-13def00d,
    .elementor-element-4f43b453, .elementor-element-3a105bb7
  ) :is(.elementor-swiper, .elementor-main-swiper) {
    max-width: 100% !important;
  }
}

@media (min-width: 768px) and (max-width: 1024px) and (min-height: 541px) {
  #chaty-widget-0 .chaty-widget:not(.chaty-open) .chaty-cta-main:not(:focus-visible) > .on-hover-text,
  #chaty-widget-_2 .Link-channel:not(:focus-visible) > .on-hover-text {
    position: absolute !important;
    inset: auto !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
    pointer-events: none !important;
  }
  #chaty-widget-0 .chaty-widget:not(.chaty-open) .chaty-cta-main:not(:focus-visible)::before,
  #chaty-widget-0 .chaty-widget:not(.chaty-open) .chaty-cta-main:not(:focus-visible)::after,
  #chaty-widget-_2 .Link-channel:not(:focus-visible)::before,
  #chaty-widget-_2 .Link-channel:not(:focus-visible)::after {
    content: none !important;
  }
}

/* ON Digital — ajustes de ancho y menú en pantallas bajas v456 */
@layer onHomeResponsive {
  @media (max-width: 1024px) {
    html body.admin-bar #page#page#page#page header.elementor-43279 .elementor-element-6179bbea nav.elementor-nav-menu--dropdown.elementor-nav-menu__container {
      max-height: calc(100dvh - 112px - var(--wp-admin--admin-bar--height, 46px)) !important;
    }
  }
}

@media (min-width: 1025px) and (max-width: 1290px) {
  .elementor :is(
    .elementor-element-5ac54cf2, .elementor-element-5987e973,
    .elementor-element-2eec7766, .elementor-element-2e5b8b6c,
    .elementor-element-6ec1d8e4, .elementor-element-c454065
  ) > .elementor-widget-container img,
  .elementor-42875 img.wp-image-42954 {
    max-width: 100% !important;
    height: auto !important;
  }
  .elementor-40193 .elementor-element-1da95d62 > .elementor-widget-container img {
    max-width: 124% !important;
    height: auto !important;
  }
}

@media (min-width: 768px) {
  .elementor :is(
    .elementor-element-445bb9b8, .elementor-element-620074,
    .elementor-element-3041e94d, .elementor-element-2469ac89,
    .elementor-element-2a80965a, .elementor-element-d0e24a5
  ) {
    max-width: calc(100% - 20px) !important;
    margin-inline: auto !important;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .elementor :is(
    .elementor-element-5f1f7ad6, .elementor-element-24244c11,
    .elementor-element-7111b69a, .elementor-element-2caf0641,
    .elementor-element-acb79ba, .elementor-element-5c02e62d,
    .elementor-element-7f672de5, .elementor-element-44f1235,
    .elementor-element-638b1bd3
  ) {
    max-width: 100% !important;
  }
  .elementor-39827 .elementor-element-1938c5cc .elementor-widget-wrap {
    margin-inline-start: 0 !important;
  }
}

@media (max-width: 440px) {
  .elementor-39827 .elementor-element-523a959c,
  .elementor :is(.elementor-element-5d420fef, .elementor-element-6e8d1e8, .elementor-element-352f7edb),
  .elementor :is(
    .elementor-element-52bab846, .elementor-element-4a3c6dd8,
    .elementor-element-44b6ca81, .elementor-element-2c6bf624,
    .elementor-element-692e321d
  ) .elementor-main-swiper {
    max-width: 100% !important;
  }
  .elementor-39827 .elementor-element-523a959c img {
    width: min(255px, 100%) !important;
  }
}

@media (max-width: 340px) {
  .elementor-39827 .elementor-element-a7dac4a .elementor-widget,
  .elementor :is(.elementor-element-1c8adbd6, .elementor-element-56ab4d7b, .elementor-element-1b62ade3) {
    max-width: calc(100vw - 16px) !important;
  }
}

/* ON Digital — deja libre el menú abierto v457 */
@media (max-width: 1024px) {
  body:has(header.elementor-43279 .elementor-menu-toggle[aria-expanded="true"])
    :is(#chaty-widget-0, #chaty-widget-_2) {
    display: none !important;
  }
}

/* ON Digital — separación de los botones flotantes en tablet v458 */
@media (max-width: 834px) {
  body:is(.page-id-44538, .page-id-29713, .page-id-43147, .page-id-43025,
    .page-id-42875, .page-id-42557, .page-id-42456, .page-id-42321, .page-id-41627, .page-id-41429) :is(#chaty-widget-0, #chaty-widget-_2) .chaty-widget.right-position {
    bottom: calc(7px + env(safe-area-inset-bottom, 0px)) !important;
  }
  body:is(.page-id-44538, .page-id-29713, .page-id-43147, .page-id-43025,
    .page-id-42875, .page-id-42557, .page-id-42456, .page-id-42321, .page-id-41627, .page-id-41429) #chaty-widget-0 .chaty-widget.right-position {
    right: 10px !important;
  }
  body:is(.page-id-44538, .page-id-29713, .page-id-43147, .page-id-43025,
    .page-id-42875, .page-id-42557, .page-id-42456, .page-id-42321, .page-id-41627, .page-id-41429) #chaty-widget-_2 .chaty-widget.right-position {
    right: 72px !important;
  }
}

@media (min-width: 1025px) and (max-width: 1100px) {
  body:is(.page-id-45484, .page-id-39063, .page-id-25964) #chaty-widget-0 .chaty-widget:not(.chaty-open) .chaty-cta-main:not(:focus-visible) > .on-hover-text,
  body:is(.page-id-45484, .page-id-39063, .page-id-25964) #chaty-widget-_2 .Link-channel:not(:focus-visible) > .on-hover-text {
    position: absolute !important;
    inset: auto !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
    pointer-events: none !important;
  }
  body:is(.page-id-45484, .page-id-39063, .page-id-25964) #chaty-widget-0 .chaty-widget:not(.chaty-open) .chaty-cta-main:not(:focus-visible)::before,
  body:is(.page-id-45484, .page-id-39063, .page-id-25964) #chaty-widget-0 .chaty-widget:not(.chaty-open) .chaty-cta-main:not(:focus-visible)::after,
  body:is(.page-id-45484, .page-id-39063, .page-id-25964) #chaty-widget-_2 .Link-channel:not(:focus-visible)::before,
  body:is(.page-id-45484, .page-id-39063, .page-id-25964) #chaty-widget-_2 .Link-channel:not(:focus-visible)::after {
    content: none !important;
  }
}

/* ON Digital — ajuste del ancho de la fila de TikTok USA en tablet v459 */
@media (min-width: 768px) and (max-width: 1024px) {
  .elementor-39827 .elementor-element-1a35e60b > .elementor-element-019df6d {
    flex-shrink: 1 !important;
  }
}

/* ON Digital — etiqueta de reintento del reproductor de historias v460 */
@layer onHomeResponsive {
  html body:is(.page-id-44798, .page-id-44538) #page
    .v86-root[data-design] .v86-play[aria-label="Reintentar cargar historias ON"] {
    width: max-content !important;
    max-width: calc(100% - 12px) !important;
    height: auto !important;
    min-height: 44px !important;
    padding: 8px 12px !important;
    border-radius: 999px !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    white-space: normal;
    overflow-wrap: anywhere;
  }
}

/* ON Digital — espacio para la flecha de historias en Apps v461 */
@layer onHomeResponsive {
  @media (max-width: 767px) and (max-height: 430px) and (orientation: landscape) {
    html body.page-id-44798 #page .v86-root[data-design] .v86-video-block .v86-next {
      right: 24px !important;
    }
  }
}

/* ON Digital — contenido a pantalla completa y margen de desplazamiento v470 */
@media (max-width: 834px),
       (orientation: landscape) and (max-height: 600px) {
  body.page {
    --on-footer-contact-clearance: calc(66px + env(safe-area-inset-bottom, 0px));
    scroll-padding-bottom: var(--on-footer-contact-clearance);
  }
}

@media (orientation: landscape) and (max-height: 600px),
       (orientation: portrait) and (max-width: 420px) {
  html body.page {
    height: 100dvh !important;
    min-height: 0 !important;
  }

  html body.page.admin-bar:not(.page-id-43932) {
    height: calc(100dvh - var(--wp-admin--admin-bar--height, 0px)) !important;
  }

  html body.page :is(#chaty-widget-0, #chaty-widget-_2) .chaty-widget.right-position {
    bottom: calc(7px + env(safe-area-inset-bottom, 0px)) !important;
  }
  html body.page #chaty-widget-0 .chaty-widget.right-position {
    right: 10px !important;
  }
  html body.page #chaty-widget-_2 .chaty-widget.right-position {
    right: 72px !important;
  }
  html body.page :is(#chaty-widget-0, #chaty-widget-_2)
    :is(.chaty-cta-main, .Link-channel):not(:focus-visible) > .on-hover-text {
    visibility: hidden !important;
    pointer-events: none !important;
  }
}

/* ON Digital — contraste del selector de idioma, artículos y tabla de bonos v463 */
body #page .elementor-location-footer #google_translate_element .goog-te-gadget-simple a span {
  color: #382646 !important;
}

body:is(.page-id-43147, .page-id-43025, .page-id-42875, .page-id-42557,
  .page-id-42456, .page-id-42321, .page-id-41627, .page-id-41429)
  #page #content .elementor-widget-text-editor :is(p, li, td) a[href] {
  color: #1c5fa8 !important;
  text-decoration: underline;
  text-underline-offset: .16em;
}

body.page-id-45484 #og-chapter-bonos tr[data-level] .bc-col-level {
  color: #ad145f !important;
}

/* ON Digital — separa las imágenes del texto que las rodea v463 */
body.page #content .elementor-widget-image:is(
  [data-id="35ec3f42"], [data-id="782ffb65"], [data-id="155d386b"], [data-id="5987e973"],
  [data-id="aad8e13"], [data-id="783378a"], [data-id="332eac9"], [data-id="20add37e"],
  [data-id="13e95afd"], [data-id="6128eac"], [data-id="eba99bd"], [data-id="65ed1f8f"],
  [data-id="2f0e1c0f"], [data-id="6ec1d8e4"], [data-id="2cfcf6b2"], [data-id="32b97e62"],
  [data-id="6e8cb560"], [data-id="2c094254"], [data-id="e4701ff"], [data-id="3ce639c4"],
  [data-id="ef1aa6a"], [data-id="07a6d1e"], [data-id="7f19cb14"]
) > .elementor-widget-container {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

body.page #content .elementor-widget-image:is(
  [data-id="29c54c21"], [data-id="22cb3d27"], [data-id="49d8c917"]
) > .elementor-widget-container {
  margin-top: 0 !important;
}

body.page #content .elementor-widget-image:is(
  [data-id="1dfc6995"], [data-id="71abf331"], [data-id="54d89997"]
) > .elementor-widget-container {
  margin-bottom: 0 !important;
}

@media (max-width: 767px) {
  body.page #content .elementor-widget-image:is(
    [data-id="1dfc6995"], [data-id="71abf331"], [data-id="2957af8a"], [data-id="54d89997"]
  ) > .elementor-widget-container {
    margin-top: 0 !important;
  }
}

@media (min-width: 768px) {
  body.page #content .elementor-widget-image:is(
    [data-id="29c54c21"], [data-id="22cb3d27"], [data-id="49d8c917"], [data-id="2957af8a"]
  ) > .elementor-widget-container {
    margin-bottom: 0 !important;
  }
}

@media (min-width: 1025px) {
  body.page #content .elementor-widget-image:is(
    [data-id="71abf331"], [data-id="54d89997"]
  ) > .elementor-widget-container {
    margin-top: 0 !important;
  }
}

/* ON Digital — encuadre del formulario flotante de WhatsApp v464 */
body.page .chaty-popup-whatsapp-form .chaty-whatsapp-header {
  background-color: #2f735f !important;
}
body.page .chaty-popup-whatsapp-form .chaty-whatsapp-input::placeholder {
  color: #536879;
  opacity: 1;
}

@media (orientation: landscape) and (max-height: 600px),
       (orientation: portrait) and (max-width: 420px) and (max-height: 620px) {
  body.page .chaty-popup-whatsapp-form.active {
    --on-chat-panel-bottom: calc(74px + env(safe-area-inset-bottom, 0px));
    --on-chat-panel-top: calc(8px + env(safe-area-inset-top, 0px));
    top: auto !important;
    bottom: var(--on-chat-panel-bottom) !important;
    transform: none !important;
    transition-property: opacity, visibility !important;
    max-height: calc(100dvh - var(--on-chat-panel-bottom) - var(--on-chat-panel-top));
    overflow-y: auto;
    overscroll-behavior-y: contain;
    border-radius: 12px;
  }

  body.page.admin-bar .chaty-popup-whatsapp-form.active {
    --on-chat-panel-top: max(
      calc(8px + env(safe-area-inset-top, 0px)),
      calc(8px + var(--wp-admin--admin-bar--height, 0px))
    );
  }

  body.page #chaty-widget-0 .chaty-widget.chaty-open.right-position {
    bottom: calc(11px + env(safe-area-inset-bottom, 0px)) !important;
  }

  body.page .chaty-popup-whatsapp-form .chaty-whatsapp-header {
    padding-block: 7px;
  }

  body.page .chaty-popup-whatsapp-form .chaty-whatsapp-footer {
    padding-block: 9px;
  }

  body.page .chaty-popup-whatsapp-form.active .chaty-whatsapp-body {
    max-height: max(0px, calc(100dvh - var(--on-chat-panel-bottom) - var(--on-chat-panel-top) - 110px)) !important;
    transition-property: opacity, visibility !important;
  }
}

/* ON Digital — reflujo de titulares y campos con texto ampliado v464 */
@media (max-width: 420px) {
  body.page-id-44798 #content .elementor-44798 .elementor-field-group-human_check {
    grid-template-columns: minmax(0, 1fr) minmax(96px, 120px) !important;
  }

  body.page-id-44798 #content .elementor-44798 .elementor-field-group-human_check > label {
    white-space: normal !important;
  }
}

body.page-id-44798 #on-apps-new .on213 .campaign-copy h1 mark,
body.page-id-44798 #on-apps-new .on213 .gateway-title h3,
body.page-id-44538 #content .onab-note h2,
body.page-id-43147 #content [data-id="5b1eee34"] .elementor-heading-title,
body:is(.page-id-28557, .page-id-39813) #content :is([data-id="5d420fef"], [data-id="6e8d1e8"], [data-id="6d3bc655"], [data-id="79a62ebb"]) .elementor-heading-title,
body.page-id-29713 :is(#regiones .passport h3, #regiones .passport h3 span) {
  overflow-wrap: anywhere;
  hyphens: auto;
  white-space: normal;
}

@media (max-width: 600px) {
  body.page-id-29713 #referidos .r246-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 767px) {
  body.page-id-29713 :is(#regiones header h2 mark, #referidos h2 span, #referidos h2 mark) {
    max-inline-size: 100%;
    white-space: normal;
    overflow-wrap: anywhere;
    hyphens: auto;
  }

  body.page-id-29713 #referidos .cta {
    max-inline-size: 100%;
    min-inline-size: min(200px, 100%);
    white-space: normal;
  }
}

@media (max-width: 420px) {
  body.page-id-45484 #on-guide-v313 #og-chapter-bonos.bonos325 .bc-table-shell {
    overflow-x: auto !important;
  }

  body.page-id-45484 #on-guide-v313 #og-chapter-bonos .bc-table {
    table-layout: auto !important;
    max-width: none !important;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  body.page-id-41429 #content [data-id="fc68664"] > .elementor-widget-container {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

/* ON Digital — navegación con teclado y vista horizontal v465 */
body.page #content {
  scroll-margin-block-start: 76px;
}

body.page.admin-bar #content {
  scroll-margin-block-start: calc(76px + var(--wp-admin--admin-bar--height, 0px));
}

@layer onKeyboardFocus {
  html body.page a.skip-link.screen-reader-text[href="#content"]:focus {
    position: fixed !important;
    transition: none !important;
    top: 8px !important;
    right: auto !important;
    bottom: auto !important;
    left: 8px !important;
    z-index: 1000000 !important;
    width: auto !important;
    height: auto !important;
    max-width: calc(100% - 16px);
    margin: 0 !important;
    padding: 10px 14px !important;
    overflow: visible !important;
    clip: auto !important;
    clip-path: none !important;
    border-radius: 8px;
    background: #24152e !important;
    color: #fff !important;
  }

  html body.page.admin-bar a.skip-link.screen-reader-text[href="#content"]:focus {
    top: calc(8px + var(--wp-admin--admin-bar--height, 0px)) !important;
  }
}

body.page .whatsapp-form-close-btn:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 3px;
  border-radius: 3px;
}

/* Las dos páginas de TikTok Gaming admiten la vista horizontal. */
@media (max-width: 767px) and (orientation: landscape) {
  body:is(.page-id-40193, .page-id-39813)::before {
    content: none;
    display: none;
  }

  body:is(.page-id-40193, .page-id-39813) > :is(
    #page, .skip-link, #wpadminbar, #ast-scroll-top,
    #chaty-widget-0, #chaty-widget-_2, .chaty-popup-whatsapp-form.active
  ) {
    visibility: visible;
  }
}

/* ON Digital — fondo del icono de WhatsApp en tablet y escritorio v466 */
@media (min-width: 768px) {
  body.page #chaty-widget-_2 .Link-channel > .chaty-icon {
    background-color: #9e2e67;
  }
}

/* ON Digital — contraste de WhatsApp en las guías BIGO v466 */
body.page:is(.page-id-45484, .page-id-39063, .page-id-25964)
  #chaty-widget-_2 .Link-channel > .chaty-icon {
  background-color: #b54192;
}

/* ON Digital — deja visibles los destinos de los enlaces internos v467 */
body.page-id-25964 #on-guide-v313 :is(#af421-rule-07, #bc-usa-table-2-title),
body.page-id-29713 #marcas {
  scroll-margin-block-start: 84px;
}

body.page-id-25964.admin-bar #on-guide-v313 :is(#af421-rule-07, #bc-usa-table-2-title) {
  scroll-margin-block-start: calc(84px + var(--wp-admin--admin-bar--height, 0px));
}

body.page-id-41697.admin-bar #on-blog-articulos {
  scroll-margin-block-start: calc(110px + var(--wp-admin--admin-bar--height, 0px));
}

/* ON Digital — fija el visor de Elementor a la pantalla en móvil y tablet v468 */
@media (max-width: 1024px) {
  body.page .elementor-lightbox.dialog-type-lightbox {
    position: fixed !important;
    inset: 0 !important;
    width: 100%;
    height: 100dvh;
    margin: 0 !important;
    z-index: 1000000;
  }
}

/* La regla de orientación de TikTok Gaming también alcanzaba el visor dinámico. */
@media (max-width: 767px) and (orientation: landscape) {
  body:is(.page-id-40193, .page-id-39813) > .elementor-lightbox.dialog-type-lightbox {
    visibility: visible;
  }
}
/* ON Digital — Aliados mantiene su altura al redimensionar la ventana v470 */
@media (max-width: 767px) {
  body.page-id-44798 .elementor-44798 :is(.elementor-element-1f2e8537, .elementor-element-74f2f028) {
    display: flow-root !important;
    height: auto !important;
  }
}