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