/* 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)}}