.elementor-8 .elementor-element.elementor-element-59d1393{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-59d1393:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-59d1393 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://conocimiento.inphonity.com/wp-content/uploads/2026/07/Rectangle-42099-scaled.webp");}.elementor-8 .elementor-element.elementor-element-41302cc{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-41302cc:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-41302cc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://conocimiento.inphonity.com/wp-content/uploads/2026/07/Texto-del-parrafo-14-1-1-1-scaled.png");background-position:center center;background-repeat:no-repeat;background-size:1200px auto;}.elementor-8 .elementor-element.elementor-element-4ad3201{--display:flex;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-4ad3201:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-4ad3201 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://conocimiento.inphonity.com/wp-content/uploads/2026/08/elemntos-13-1-1.webp");background-position:center center;background-size:cover;}.elementor-8 .elementor-element.elementor-element-964c0ca{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:30px 30px;--row-gap:30px;--column-gap:30px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-8 .elementor-element.elementor-element-269f503{text-align:center;}.elementor-8 .elementor-element.elementor-element-269f503 .elementor-heading-title{font-family:"Garet", Sans-serif;font-size:72px;font-weight:700;color:#FFFFFF;}.elementor-8 .elementor-element.elementor-element-2c57a2e{width:var( --container-widget-width, 552px );max-width:552px;--container-widget-width:552px;--container-widget-flex-grow:0;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}body:not(.rtl) .elementor-8 .elementor-element.elementor-element-be688a7{right:0px;}body.rtl .elementor-8 .elementor-element.elementor-element-be688a7{left:0px;}.elementor-8 .elementor-element.elementor-element-be688a7{top:0px;}body:not(.rtl) .elementor-8 .elementor-element.elementor-element-1b831b7{left:0px;}body.rtl .elementor-8 .elementor-element.elementor-element-1b831b7{right:0px;}.elementor-8 .elementor-element.elementor-element-1b831b7{bottom:0px;}.elementor-8 .elementor-element.elementor-element-2a078d2{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-2a078d2:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-2a078d2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://conocimiento.inphonity.com/wp-content/uploads/2026/08/elemntos-13-2-1.png");background-position:center center;background-repeat:no-repeat;background-size:140% auto;}.elementor-8 .elementor-element.elementor-element-047c272{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:30px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;}.elementor-8 .elementor-element.elementor-element-2766410{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--border-radius:36px 36px 36px 36px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-8 .elementor-element.elementor-element-2766410:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-2766410 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#204DA31A;}.elementor-8 .elementor-element.elementor-element-ef67b6a{--display:flex;}.elementor-8 .elementor-element.elementor-element-ef67b6a.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-8 .elementor-element.elementor-element-ca40544{width:var( --container-widget-width, 880px );max-width:880px;--container-widget-width:880px;--container-widget-flex-grow:0;text-align:start;}.elementor-8 .elementor-element.elementor-element-ca40544 .elementor-heading-title{font-family:"Garet", Sans-serif;font-size:40px;font-weight:600;line-height:50px;color:var( --e-global-color-42f492d );}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-8 .elementor-element.elementor-element-932fc6d{--grid-columns:1;--e-loop-nothing-found-message-color:var( --e-global-color-42f492d );}.elementor-8 .elementor-element.elementor-element-932fc6d .elementor-repeater-item-7fdf8e8{grid-column:span min( 1, var(--grid-columns) );}.elementor-8 .elementor-element.elementor-element-932fc6d .e-loop-nothing-found-message__text{font-family:"Poppins", Sans-serif;font-size:32px;font-weight:700;}.elementor-8 .elementor-element.elementor-element-b81d5a5{--spacer-size:100px;}.elementor-8 .elementor-element.elementor-element-060a6be{--display:flex;--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:5%;--padding-bottom:5%;--padding-left:10%;--padding-right:5%;}.elementor-8 .elementor-element.elementor-element-509ac0f{width:var( --container-widget-width, 880px );max-width:880px;--container-widget-width:880px;--container-widget-flex-grow:0;text-align:start;}.elementor-8 .elementor-element.elementor-element-509ac0f .elementor-heading-title{font-family:"Garet", Sans-serif;font-size:72px;font-weight:600;color:var( --e-global-color-42f492d );}.elementor-8 .elementor-element.elementor-element-51fa4d5{width:var( --container-widget-width, 880px );max-width:880px;--container-widget-width:880px;--container-widget-flex-grow:0;text-align:start;}.elementor-8 .elementor-element.elementor-element-51fa4d5 .elementor-heading-title{font-family:"Garet", Sans-serif;font-size:72px;font-weight:600;color:var( --e-global-color-42f492d );}.elementor-8 .elementor-element.elementor-element-7f7ae53{width:var( --container-widget-width, 880px );max-width:880px;margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;--container-widget-width:880px;--container-widget-flex-grow:0;text-align:start;}.elementor-8 .elementor-element.elementor-element-7f7ae53 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:32px;font-weight:400;line-height:38px;color:var( --e-global-color-42f492d );}.elementor-8 .elementor-element.elementor-element-301f452{width:var( --container-widget-width, 880px );max-width:880px;margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;--container-widget-width:880px;--container-widget-flex-grow:0;text-align:start;}.elementor-8 .elementor-element.elementor-element-301f452 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:32px;font-weight:400;line-height:38px;color:var( --e-global-color-42f492d );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );}.elementor-8 .elementor-element.elementor-element-85270cb .elementor-button{background-color:var( --e-global-color-primary );font-family:"Garet", Sans-serif;font-size:20px;font-weight:700;text-transform:uppercase;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );border-radius:25px 25px 25px 25px;}.elementor-8 .elementor-element.elementor-element-591f9a3{--display:flex;}.elementor-8 .elementor-element.elementor-element-591f9a3.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-8 .elementor-element.elementor-element-320a4c0{width:initial;max-width:initial;top:-7vw;}body:not(.rtl) .elementor-8 .elementor-element.elementor-element-320a4c0{left:35px;}body.rtl .elementor-8 .elementor-element.elementor-element-320a4c0{right:35px;}.elementor-8 .elementor-element.elementor-element-320a4c0 img{max-width:750px;}.elementor-8 .elementor-element.elementor-element-36ab5c8{width:initial;max-width:initial;}.elementor-8 .elementor-element.elementor-element-36ab5c8 img{max-width:750px;}.elementor-8 .elementor-element.elementor-element-ff99b61 .elementor-button{background-color:var( --e-global-color-primary );font-family:"Garet", Sans-serif;font-size:20px;font-weight:700;text-transform:uppercase;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );border-radius:25px 25px 25px 25px;}.elementor-8 .elementor-element.elementor-element-f22c559{--display:flex;}.elementor-8 .elementor-element.elementor-element-634446a{--spacer-size:50px;}.elementor-8 .elementor-element.elementor-element-9f0b8f9{--spacer-size:100px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-8 .elementor-element.elementor-element-4ad3201{--width:15%;}.elementor-8 .elementor-element.elementor-element-964c0ca{--width:70%;}.elementor-8 .elementor-element.elementor-element-2a078d2{--width:15%;}.elementor-8 .elementor-element.elementor-element-047c272{--width:100%;}.elementor-8 .elementor-element.elementor-element-2766410{--width:1220px;}.elementor-8 .elementor-element.elementor-element-ef67b6a{--width:100%;}.elementor-8 .elementor-element.elementor-element-060a6be{--width:91%;}.elementor-8 .elementor-element.elementor-element-591f9a3{--width:43.309%;}}@media(max-width:1024px) and (min-width:768px){.elementor-8 .elementor-element.elementor-element-591f9a3{--width:100%;}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-loop-grid .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-loop-grid .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-loop-grid .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );}.elementor-8 .elementor-element.elementor-element-932fc6d{--grid-columns:2;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-8 .elementor-element.elementor-element-591f9a3{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-8 .elementor-element.elementor-element-320a4c0{text-align:center;}.elementor-8 .elementor-element.elementor-element-320a4c0 img{max-width:500px;}.elementor-8 .elementor-element.elementor-element-36ab5c8{text-align:center;}.elementor-8 .elementor-element.elementor-element-36ab5c8 img{max-width:500px;}}@media(max-width:767px){.elementor-8 .elementor-element.elementor-element-964c0ca:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-964c0ca > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://conocimiento.inphonity.com/wp-content/uploads/2026/08/Texto-del-parrafo-14-1-2.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-8 .elementor-element.elementor-element-269f503 .elementor-heading-title{font-size:24px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-8 .elementor-element.elementor-element-2766410{--padding-top:30px;--padding-bottom:30px;--padding-left:15px;--padding-right:15px;}.elementor-8 .elementor-element.elementor-element-ca40544 .elementor-heading-title{font-size:20px;line-height:24px;}.elementor-widget-loop-grid .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-loop-grid .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-loop-grid .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );}.elementor-8 .elementor-element.elementor-element-932fc6d{--grid-columns:1;}.elementor-8 .elementor-element.elementor-element-509ac0f .elementor-heading-title{font-size:48px;}.elementor-8 .elementor-element.elementor-element-51fa4d5 .elementor-heading-title{font-size:48px;}.elementor-8 .elementor-element.elementor-element-7f7ae53 .elementor-heading-title{font-size:24px;}.elementor-8 .elementor-element.elementor-element-301f452 .elementor-heading-title{font-size:24px;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-8 .elementor-element.elementor-element-320a4c0{top:1vh;}.elementor-8 .elementor-element.elementor-element-320a4c0 img{max-width:297px;}.elementor-8 .elementor-element.elementor-element-36ab5c8 img{max-width:297px;}}/* Start custom CSS for heading, class: .elementor-element-ca40544 */.blue-primary{ color:#6271F9; }/* End custom CSS */ /* Start custom CSS for loop-grid, class: .elementor-element-932fc6d *//* ========================================================== INPHONITY VIDEOS DESKTOP: PRINCIPAL + PANEL DERECHO CON TOGGLE 4 VIDEOS VISIBLES EN CARRUSEL VERTICAL TABLET: PRINCIPAL ARRIBA + CARRUSEL HORIZONTAL MÓVIL: PRINCIPAL + ACORDEÓN "EXPLORA MÁS VIDEOS" ========================================================== */ /* ========================================================== GENERAL ========================================================== */ .inphonity-video-grid { width: 100% !important; max-width: 100% !important; min-width: 0 !important; overflow: hidden !important; } .inphonity-video-grid *, .inphonity-video-grid *::before, .inphonity-video-grid *::after { box-sizing: border-box; } /* ========================================================== LOOP GRID - DESKTOP ========================================================== */ .inphonity-video-grid .elementor-loop-container { display: grid !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; align-items: stretch !important; gap: 0 !important; overflow: hidden !important; transition: grid-template-columns .9s ease-in-out !important; } /* ========================================================== DESKTOP ABIERTO ========================================================== */ .inphonity-video-grid.inphonity-side-open .elementor-loop-container { grid-template-columns: minmax(0, 3fr) minmax(220px, 1fr) !important; } /* ========================================================== DESKTOP CERRADO ========================================================== */ .inphonity-video-grid.inphonity-side-closed .elementor-loop-container { grid-template-columns: minmax(0, 1fr) 38px !important; } /* ========================================================== COLUMNA PRINCIPAL ========================================================== */ .inphonity-video-grid .inphonity-slider-main { grid-column: 1 !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; transition: width .9s ease-in-out !important; } .inphonity-video-grid .inphonity-slider-main > .e-loop-item { width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; } /* ========================================================== PANEL DERECHO ========================================================== */ .inphonity-video-grid .inphonity-slider-side { grid-column: 2 !important; position: relative !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: 100% !important; min-height: 100% !important; margin: 0 !important; background: #DDE5F5 !important; border-radius: 14px !important; overflow: hidden !important; transition: width .9s ease-in-out, padding .9s ease-in-out, background-color .45s ease !important; } /* ========================================================== BOTÓN TOGGLE DESKTOP ========================================================== */ .inphonity-video-grid button.inphonity-desktop-side-toggle, .inphonity-video-grid button.inphonity-desktop-side-toggle:hover, .inphonity-video-grid button.inphonity-desktop-side-toggle:focus, .inphonity-video-grid button.inphonity-desktop-side-toggle:active { all: unset; box-sizing: border-box !important; position: absolute !important; top: 8px !important; right: 7px !important; z-index: 30 !important; width: 24px !important; height: 24px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 !important; cursor: pointer !important; color: #071B46 !important; background: transparent !important; background-color: transparent !important; background-image: none !important; border: 0 !important; border-radius: 5px !important; outline: none !important; box-shadow: none !important; appearance: none !important; -webkit-appearance: none !important; transition: background-color .2s ease !important; } .inphonity-video-grid button.inphonity-desktop-side-toggle:hover { background: rgba(255,255,255,.45) !important; } .inphonity-video-grid button.inphonity-desktop-side-toggle:focus-visible { outline: 2px solid rgba(98,113,249,.8) !important; outline-offset: 2px !important; } /* ========================================================== ICONO TOGGLE DESKTOP ========================================================== */ .inphonity-video-grid .inphonity-desktop-toggle-icon { width: 24px !important; height: 24px !important; display: flex !important; align-items: center !important; justify-content: center !important; color: inherit !important; } .inphonity-video-grid .inphonity-desktop-toggle-icon svg { display: block !important; width: 24px !important; height: 24px !important; } /* ========================================================== PANEL DERECHO CERRADO ========================================================== */ .inphonity-video-grid.inphonity-side-closed .inphonity-slider-side { padding: 0 !important; min-height: 100% !important; } .inphonity-video-grid.inphonity-side-closed .inphonity-slider-viewport, .inphonity-video-grid.inphonity-side-closed .inphonity-slider-controls { visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; } /* ========================================================== PANEL DERECHO ABIERTO ========================================================== */ .inphonity-video-grid.inphonity-side-open .inphonity-slider-side { padding: 45px 12px 14px 12px !important; } .inphonity-video-grid.inphonity-side-open .inphonity-slider-viewport { visibility: visible !important; pointer-events: auto !important; } .inphonity-video-grid.inphonity-side-open .inphonity-slider-controls { visibility: visible !important; opacity: 1 !important; pointer-events: auto !important; transition: opacity .35s ease .2s !important; } /* ========================================================== VIEWPORT DESKTOP IMPORTANTE PARA 4 VIDEOS ========================================================== */ .inphonity-video-grid .inphonity-slider-viewport { width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; /* * JS calcula la altura exacta de * las 4 tarjetas visibles. */ height: 0; transition: height .4s ease, opacity .35s ease !important; } /* ========================================================== TRACK DESKTOP ========================================================== */ .inphonity-video-grid .inphonity-slider-track { display: flex !important; flex-direction: column !important; /* * Debe coincidir con: * const desktopGap = 14; */ gap: 14px !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; transition: transform .4s ease !important; will-change: transform; } /* ========================================================== ITEMS SECUNDARIOS ========================================================== */ .inphonity-video-grid .inphonity-slider-track > .e-loop-item { flex: 0 0 auto !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; } /* ========================================================== CONTROLES CARRUSEL ========================================================== */ .inphonity-video-grid .inphonity-slider-controls { display: flex !important; align-items: center !important; justify-content: center !important; gap: 10px !important; width: 100% !important; margin: 12px 0 0 0 !important; padding: 0 !important; } /* ========================================================== FLECHAS CARRUSEL ========================================================== */ .inphonity-video-grid button.inphonity-slider-arrow, .inphonity-video-grid button.inphonity-slider-arrow:hover, .inphonity-video-grid button.inphonity-slider-arrow:focus, .inphonity-video-grid button.inphonity-slider-arrow:active { all: unset; box-sizing: border-box !important; width: 34px !important; height: 34px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 !important; cursor: pointer !important; border: 1px solid #071B46 !important; border-radius: 50% !important; background: #FFFFFF !important; color: #071B46 !important; font-family: Arial, sans-serif !important; font-size: 18px !important; line-height: 1 !important; box-shadow: none !important; transition: opacity .2s ease, background-color .2s ease !important; } .inphonity-video-grid button.inphonity-slider-arrow:hover { background: #F3F6FF !important; } .inphonity-video-grid button.inphonity-slider-arrow:disabled { opacity: .30 !important; cursor: default !important; } /* ========================================================== HEADER MÓVIL ========================================================== */ .inphonity-video-grid .inphonity-mobile-related-header { display: none; } /* ========================================================== TABLET ========================================================== */ @media (max-width: 1024px) { .inphonity-video-grid .inphonity-desktop-side-toggle { display: none !important; } .inphonity-video-grid.inphonity-side-open .elementor-loop-container, .inphonity-video-grid.inphonity-side-closed .elementor-loop-container, .inphonity-video-grid .elementor-loop-container { display: flex !important; flex-direction: column !important; grid-template-columns: none !important; gap: 22px !important; width: 100% !important; max-width: 100% !important; overflow: hidden !important; transition: none !important; } .inphonity-video-grid .inphonity-slider-main, .inphonity-video-grid .inphonity-slider-side { grid-column: auto !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; transition: none !important; } .inphonity-video-grid.inphonity-side-open .inphonity-slider-side, .inphonity-video-grid.inphonity-side-closed .inphonity-slider-side { padding: 0 !important; background: transparent !important; border-radius: 0 !important; height: auto !important; min-height: 0 !important; } .inphonity-video-grid.inphonity-side-closed .inphonity-slider-viewport, .inphonity-video-grid.inphonity-side-closed .inphonity-slider-controls { visibility: visible !important; opacity: 1 !important; pointer-events: auto !important; } /* VIEWPORT TABLET */ .inphonity-video-grid .inphonity-slider-viewport { width: 100% !important; max-width: 100% !important; height: auto !important; max-height: none !important; opacity: 1 !important; overflow-x: auto !important; overflow-y: hidden !important; scrollbar-width: none; scroll-behavior: smooth; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; transition: none !important; } .inphonity-video-grid .inphonity-slider-viewport::-webkit-scrollbar { display: none; } /* TRACK TABLET */ .inphonity-video-grid .inphonity-slider-track { display: flex !important; flex-direction: row !important; gap: 14px !important; width: max-content !important; max-width: none !important; transform: none !important; } /* TARJETAS TABLET */ .inphonity-video-grid .inphonity-slider-track > .e-loop-item { flex: 0 0 auto !important; width: calc( (100vw - 90px) / 3 ) !important; min-width: 230px !important; max-width: 320px !important; scroll-snap-align: start; } /* CONTROLES TABLET */ .inphonity-video-grid .inphonity-slider-controls { display: flex !important; justify-content: flex-end !important; margin-top: 12px !important; } } /* ========================================================== MÓVIL ========================================================== */ @media (max-width: 767px) { /* ====================================================== PROTECCIÓN ANCHO ====================================================== */ .inphonity-video-grid, .inphonity-video-grid .elementor-loop-container, .inphonity-video-grid .inphonity-slider-main, .inphonity-video-grid .inphonity-slider-side, .inphonity-video-grid .inphonity-slider-viewport, .inphonity-video-grid .inphonity-slider-track { max-width: 100% !important; min-width: 0 !important; } .inphonity-video-grid { overflow-x: hidden !important; } /* ====================================================== OCULTAR COMPLETAMENTE TOGGLE DESKTOP ====================================================== */ .inphonity-video-grid .inphonity-desktop-side-toggle, .inphonity-video-grid button.inphonity-desktop-side-toggle, .inphonity-video-grid .inphonity-desktop-toggle-icon { display: none !important; visibility: hidden !important; opacity: 0 !important; width: 0 !important; height: 0 !important; min-width: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; pointer-events: none !important; } /* ====================================================== ESTRUCTURA ====================================================== */ .inphonity-video-grid .elementor-loop-container { display: flex !important; flex-direction: column !important; gap: 16px !important; width: 100% !important; overflow-x: hidden !important; } .inphonity-video-grid .inphonity-slider-main, .inphonity-video-grid .inphonity-slider-side { width: 100% !important; max-width: 100% !important; min-width: 0 !important; } /* ====================================================== CAJA ACORDEÓN MÓVIL ====================================================== */ .inphonity-video-grid .inphonity-slider-side { background: #EEF2FA !important; border-radius: 10px !important; padding: 8px !important; overflow: hidden !important; } /* ====================================================== HEADER ACORDEÓN ====================================================== */ .inphonity-video-grid button.inphonity-mobile-related-header, .inphonity-video-grid button.inphonity-mobile-related-header:hover, .inphonity-video-grid button.inphonity-mobile-related-header:focus, .inphonity-video-grid button.inphonity-mobile-related-header:active { all: unset; box-sizing: border-box !important; width: 100% !important; min-height: 40px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 10px !important; margin: 0 !important; padding: 10px 12px !important; background: #FFFFFF !important; border: none !important; border-radius: 8px !important; font-family: Poppins, Arial, sans-serif !important; font-size: 12px !important; line-height: 1.3 !important; font-weight: 600 !important; color: #111111 !important; cursor: pointer !important; box-shadow: none !important; appearance: none !important; -webkit-appearance: none !important; } /* TÍTULO */ .inphonity-video-grid .inphonity-mobile-related-title { flex: 1 1 auto !important; text-align: left !important; } /* ====================================================== FLECHA SIMPLE MÓVIL ====================================================== */ .inphonity-video-grid .inphonity-mobile-related-chevron { flex: 0 0 18px !important; display: flex !important; visibility: visible !important; opacity: 1 !important; width: 18px !important; height: 18px !important; align-items: center !important; justify-content: center !important; margin-left: 10px !important; color: #6271F9 !important; transition: transform .3s ease !important; } .inphonity-video-grid .inphonity-mobile-related-chevron svg { display: block !important; width: 16px !important; height: 16px !important; } .inphonity-video-grid .inphonity-slider-side.mobile-open .inphonity-mobile-related-chevron { transform: rotate(180deg) !important; } /* ====================================================== ACORDEÓN CERRADO ====================================================== */ .inphonity-video-grid .inphonity-slider-viewport { width: 100% !important; max-width: 100% !important; height: 0 !important; max-height: 0 !important; overflow: hidden !important; margin: 0 !important; opacity: 0 !important; scroll-snap-type: none !important; transition: max-height .45s ease, opacity .3s ease, margin .3s ease !important; } /* ====================================================== ACORDEÓN ABIERTO ====================================================== */ .inphonity-video-grid .inphonity-slider-side.mobile-open .inphonity-slider-viewport { height: auto !important; max-height: 2500px !important; opacity: 1 !important; margin-top: 12px !important; } /* ====================================================== LISTADO VERTICAL MÓVIL ====================================================== */ .inphonity-video-grid .inphonity-slider-track { display: flex !important; flex-direction: column !important; /* * Separación entre cada tarjeta. */ gap: 12px !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; transform: none !important; margin: 0 !important; padding: 0 !important; } /* ====================================================== TARJETAS MÓVIL ====================================================== */ .inphonity-video-grid .inphonity-slider-track > .e-loop-item { flex: none !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; border-radius: 10px !important; overflow: hidden !important; background: #FFFFFF !important; scroll-snap-align: none !important; } /* ====================================================== CONTENIDO ELEMENTOR ====================================================== */ .inphonity-video-grid .inphonity-slider-track > .e-loop-item > .elementor { width: 100% !important; max-width: 100% !important; margin: 0 !important; } /* ====================================================== SIN CONTROLES CARRUSEL EN MÓVIL ====================================================== */ .inphonity-video-grid .inphonity-slider-controls { display: none !important; } } /* ========================================================== PROTECCIÓN GLOBAL CONTRA SCROLL HORIZONTAL ========================================================== */ html, body { max-width: 100% !important; overflow-x: hidden !important; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-509ac0f */.blue-primary{ color:#6271F9; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-51fa4d5 */.titulo-empezar { width: 100%; } .titulo-empezar .elementor-heading-title { overflow: visible; } .titulo-empezar .fondo-empezar { position: relative; display: inline-block; isolation: isolate; background-color: #5964f2; color: #ffffff; /* Espacio entre la palabra y el final de la franja */ padding: 0 12px 4px 35px; /* Compensa el padding izquierdo para no mover el texto */ margin-left: -35px; line-height: 1.05; } /* Extiende el fondo únicamente hacia la izquierda */ .titulo-empezar .fondo-empezar::before { content: ""; position: absolute; top: 0; right: 100%; bottom: 0; width: 100vw; background-color: #5964f2; z-index: -1; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-7f7ae53 */.blue-primary{ color:#6271F9; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-301f452 */.blue-primary{ color:#6271F9; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-060a6be */.seccion-planes { overflow: hidden; }/* End custom CSS */