.elementor-6281 .elementor-element.elementor-element-3c40c12 > .elementor-container{min-height:51vh;}.elementor-6281 .elementor-element.elementor-element-3c40c12{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-178px;margin-bottom:0px;}.elementor-6281 .elementor-element.elementor-element-3c40c12 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-6281 .elementor-element.elementor-element-e9b2aa7{--display:flex;}.elementor-6281 .elementor-element.elementor-element-e9b2aa7.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-6281 .elementor-element.elementor-element-7bc98bf{--spacer-size:30px;}.elementor-6281 .elementor-element.elementor-element-fa5dd8f > .elementor-widget-container{margin:-79px -79px -79px -79px;}.elementor-6281 .elementor-element.elementor-element-fa5dd8f.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-6281 .elementor-element.elementor-element-38fedf7:not(.elementor-motion-effects-element-type-background), .elementor-6281 .elementor-element.elementor-element-38fedf7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-6281 .elementor-element.elementor-element-38fedf7 > .elementor-container{max-width:1060px;}.elementor-6281 .elementor-element.elementor-element-38fedf7{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;z-index:0;}.elementor-6281 .elementor-element.elementor-element-38fedf7 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-6281 .elementor-element.elementor-element-23db0c6 > .elementor-element-populated{padding-block-start:0px;padding-inline-start:0px;padding-block-end:0px;padding-inline-end:0px;}.elementor-6281 .elementor-element.elementor-element-a25a9b7{width:var( --container-widget-width, 105.472% );max-width:105.472%;--container-widget-width:105.472%;--container-widget-flex-grow:0;font-size:24px;font-weight:600;line-height:1.3em;color:#174675;}.elementor-6281 .elementor-element.elementor-element-a25a9b7 > .elementor-widget-container{margin:19px 19px 19px 19px;}.elementor-6281 .elementor-element.elementor-element-a25a9b7.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-6281 .elementor-element.elementor-element-a25a9b7 a{font-size:24px;font-weight:600;line-height:1.3em;color:#174675;}.elementor-6281 .elementor-element.elementor-element-a25a9b7 p{margin-block-end:2px;}.elementor-6281 .elementor-element.elementor-element-2a83438{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-6281 .elementor-element.elementor-element-2a83438.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-6281 .elementor-element.elementor-element-4e99783{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-6281 .elementor-element.elementor-element-a0c3c19 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-6281 .elementor-element.elementor-element-a0c3c19.elementor-element{--align-self:flex-start;}.elementor-6281 .elementor-element.elementor-element-a0c3c19 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:500;color:#174675;}.elementor-6281 .elementor-element.elementor-element-e463f30 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-6281 .elementor-element.elementor-element-e463f30 p{margin-block-end:0px;}.elementor-6281 .elementor-element.elementor-element-e463f30{color:#404040;}.elementor-6281 .elementor-element.elementor-element-e463f30 a{color:#404040;}.elementor-6281 .elementor-element.elementor-element-d786953 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-6281 .elementor-element.elementor-element-d786953.elementor-element{--flex-grow:1;}.elementor-6281 .elementor-element.elementor-element-d786953 .elementor-wrapper{--video-aspect-ratio:1.33333;}.elementor-6281 .elementor-element.elementor-element-4f50707{--display:flex;}.elementor-6281 .elementor-element.elementor-element-3f3fca5{color:#454845;}.elementor-6281 .elementor-element.elementor-element-3f3fca5 a{color:#454845;}.elementor-6281 .elementor-element.elementor-element-3e72397{text-align:center;}.elementor-6281 .elementor-element.elementor-element-3e72397 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:500;color:#174675;}.elementor-6281 .elementor-element.elementor-element-4d8671d{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-6281 .elementor-element.elementor-element-ee98810 img{border-radius:15px 15px 15px 15px;}.elementor-6281 .elementor-element.elementor-element-a12dcad:not(.elementor-motion-effects-element-type-background), .elementor-6281 .elementor-element.elementor-element-a12dcad > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#4290ED;}.elementor-6281 .elementor-element.elementor-element-a12dcad{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 11px 53px 30px;z-index:0;}.elementor-6281 .elementor-element.elementor-element-a12dcad > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-6281 .elementor-element.elementor-element-64cc9e7c > .elementor-container{min-height:710px;}.elementor-6281 .elementor-element.elementor-element-64cc9e7c{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:140px 30px 0px 30px;}.elementor-6281 .elementor-element.elementor-element-64cc9e7c > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-6281 .elementor-element.elementor-element-2f8e61c5.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-6281 .elementor-element.elementor-element-2f8e61c5.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-6281 .elementor-element.elementor-element-2f8e61c5 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:-5px;}.elementor-6281 .elementor-element.elementor-element-2f8e61c5 > .elementor-element-populated{margin-block-start:-72px;margin-inline-start:0px;margin-block-end:0px;margin-inline-end:0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding-block-start:27px;padding-inline-start:50px;padding-block-end:259px;padding-inline-end:0px;}.elementor-6281 .elementor-element.elementor-element-191ca4a7{text-align:center;}.elementor-6281 .elementor-element.elementor-element-191ca4a7 .elementor-heading-title{color:#174675;}.elementor-6281 .elementor-element.elementor-element-1df63aef > .elementor-widget-container{margin:25px 0px 0px 0px;}.elementor-6281 .elementor-element.elementor-element-04b17f7 > .elementor-widget-container{padding:62px 62px 62px 62px;}.elementor-6281 .elementor-element.elementor-element-04b17f7 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-6281 .elementor-element.elementor-element-9b48f66{--display:flex;}.elementor-6281 .elementor-element.elementor-element-e9098e3{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;--margin-top:12px;--margin-bottom:12px;--margin-left:12px;--margin-right:12px;}.elementor-6281 .elementor-element.elementor-element-d58971f{padding:56px 56px 56px 56px;}.elementor-6281 .elementor-element.elementor-element-389f98a > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-block-start:0px;margin-inline-start:0px;margin-block-end:0px;margin-inline-end:0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding-block-start:0px;padding-inline-start:0px;padding-block-end:0px;padding-inline-end:0px;}.elementor-6281 .elementor-element.elementor-element-389f98a > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-6281 .elementor-element.elementor-element-c43b028 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:55px;font-weight:300;line-height:1.1em;color:var( --e-global-color-vamtam_accent_4 );}.elementor-6281 .elementor-element.elementor-element-1d6ed1c .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:18px;font-weight:500;text-transform:none;line-height:1.3em;color:#FAFAFA;}.elementor-6281 .elementor-element.elementor-element-92905e9 > .elementor-widget-container{border-radius:050px 050px 050px 050px;}.elementor-6281 .elementor-element.elementor-element-92905e9 .elementor-widget-container{text-align:center;}.elementor-6281 .elementor-element.elementor-element-92905e9 .king-addons-creative-btn{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:500;text-transform:none;line-height:1.3em;letter-spacing:-0.9px;border-radius:31px 31px 31px 31px;padding:5px 20px 5px 25px;}.elementor-6281 .elementor-element.elementor-element-92905e9 .king-addons-creative-btn.king-addons-creative-btn-style-london.king-addons-creative-btn-effect-flourish div{border-radius:31px 31px 31px 31px;}.elementor-6281 .elementor-element.elementor-element-92905e9 .king-addons-creative-btn-wrap .king-addons-creative-btn{--king-addons-creative-btn-txt-color:#174675;--king-addons-creative-btn-bg-color:#EDC443;--king-addons-creative-btn-border-color:#EDC443;--king-addons-creative-btn-bg-hover-color:#0088FF;--king-addons-creative-btn-border-hover-color:#0088FF;}.elementor-6281 .elementor-element.elementor-element-92905e9 .king-addons-creative-btn.king-addons-creative-btn-style-icon-slide > span{padding:5px 20px 5px 25px;}.elementor-6281 .elementor-element.elementor-element-92905e9 .king-addons-creative-btn.king-addons-creative-btn-style-paris.king-addons-creative-btn-effect-serene > span{padding:5px 20px 5px 25px;}.elementor-6281 .elementor-element.elementor-element-92905e9 .king-addons-creative-btn.king-addons-creative-btn-style-paris.king-addons-creative-btn-effect-serene::after{padding:5px 20px 5px 25px;}.elementor-6281 .elementor-element.elementor-element-92905e9 .king-addons-creative-btn.king-addons-creative-btn-style-paris.king-addons-creative-btn-effect-zephyr > span{padding:5px 20px 5px 25px;}.elementor-6281 .elementor-element.elementor-element-92905e9 .king-addons-creative-btn.king-addons-creative-btn-style-paris.king-addons-creative-btn-effect-zephyr::before{padding:5px 20px 5px 25px;}.elementor-6281 .elementor-element.elementor-element-92905e9 .king-addons-creative-btn.king-addons-creative-btn-style-paris.king-addons-creative-btn-effect-apex{padding:5px 20px 5px 25px;}.elementor-6281 .elementor-element.elementor-element-92905e9 .king-addons-creative-btn.king-addons-creative-btn-style-paris.king-addons-creative-btn-effect-apex::before{padding:5px 20px 5px 25px;}.elementor-6281 .elementor-element.elementor-element-92905e9 .king-addons-creative-btn.king-addons-creative-btn-style-london.king-addons-creative-btn-effect-flourish span{padding:5px 20px 5px 25px;}.elementor-6281 .elementor-element.elementor-element-2d2973d{--display:flex;}.elementor-6281 .elementor-element.elementor-element-d1f69f2{--spacer-size:50px;}.elementor-6281 .elementor-element.elementor-element-a6ad197{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-6281 .elementor-element.elementor-element-3c40c12 > .elementor-container{min-height:55vh;}.elementor-6281 .elementor-element.elementor-element-3c40c12{margin-top:-90px;margin-bottom:100px;}.elementor-6281 .elementor-element.elementor-element-38fedf7{margin-top:100px;margin-bottom:0px;padding:0px 30px 0px 30px;}.elementor-6281 .elementor-element.elementor-element-2a83438{--grid-auto-flow:row;}.elementor-6281 .elementor-element.elementor-element-4e99783{--grid-auto-flow:row;}.elementor-6281 .elementor-element.elementor-element-4d8671d{--grid-auto-flow:row;}.elementor-6281 .elementor-element.elementor-element-a12dcad{margin-top:-55px;margin-bottom:0px;padding:0px 30px 80px 30px;}.elementor-6281 .elementor-element.elementor-element-64cc9e7c > .elementor-container{min-height:50vh;}.elementor-6281 .elementor-element.elementor-element-64cc9e7c{margin-top:0px;margin-bottom:0px;padding:100px 30px 100px 30px;}.elementor-bc-flex-widget .elementor-6281 .elementor-element.elementor-element-2f8e61c5.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-6281 .elementor-element.elementor-element-2f8e61c5.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-6281 .elementor-element.elementor-element-2f8e61c5 > .elementor-element-populated{margin-block-start:50px;margin-inline-start:50px;margin-block-end:50px;margin-inline-end:0px;--e-column-margin-right:0px;--e-column-margin-left:50px;padding-block-start:0px;padding-inline-start:0px;padding-block-end:0px;padding-inline-end:0px;}.elementor-6281 .elementor-element.elementor-element-e9098e3{--grid-auto-flow:row;}.elementor-6281 .elementor-element.elementor-element-389f98a > .elementor-element-populated{padding-block-start:0px;padding-inline-start:30px;padding-block-end:120px;padding-inline-end:30px;}.elementor-6281 .elementor-element.elementor-element-c43b028 .elementor-heading-title{font-size:55px;}}@media(max-width:767px){.elementor-6281 .elementor-element.elementor-element-3c40c12 > .elementor-container{max-width:500px;min-height:300px;}.elementor-6281 .elementor-element.elementor-element-3c40c12{margin-top:-94px;margin-bottom:-71px;padding:0px 0px 0px 0px;}.elementor-6281 .elementor-element.elementor-element-3f75f38 > .elementor-element-populated{margin-block-start:-56px;margin-inline-start:-56px;margin-block-end:-56px;margin-inline-end:-56px;--e-column-margin-right:-56px;--e-column-margin-left:-56px;}.elementor-6281 .elementor-element.elementor-element-e9b2aa7{--width:323px;}.elementor-6281 .elementor-element.elementor-element-7bc98bf{--spacer-size:0px;}.elementor-6281 .elementor-element.elementor-element-fa5dd8f{width:var( --container-widget-width, 717px );max-width:717px;--container-widget-width:717px;--container-widget-flex-grow:0;}.elementor-6281 .elementor-element.elementor-element-fa5dd8f > .elementor-widget-container{margin:40px 40px 40px 40px;}.elementor-6281 .elementor-element.elementor-element-38fedf7{margin-top:50px;margin-bottom:0px;padding:0px 20px 0px 20px;}.elementor-6281 .elementor-element.elementor-element-23db0c6 > .elementor-element-populated{padding-block-start:0px;padding-inline-start:0px;padding-block-end:0px;padding-inline-end:0px;}.elementor-6281 .elementor-element.elementor-element-a25a9b7{font-size:16px;line-height:1.4em;}.elementor-6281 .elementor-element.elementor-element-a25a9b7 a{font-size:16px;line-height:1.4em;}.elementor-6281 .elementor-element.elementor-element-2a83438{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-6281 .elementor-element.elementor-element-4e99783{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-6281 .elementor-element.elementor-element-4d8671d{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-6281 .elementor-element.elementor-element-7504e11 > .elementor-widget-container{margin:-100px -100px -100px -100px;}.elementor-6281 .elementor-element.elementor-element-ee98810 > .elementor-widget-container{margin:-11px -11px -11px -11px;}.elementor-6281 .elementor-element.elementor-element-ee98810 img{border-radius:15px 15px 15px 15px;}.elementor-6281 .elementor-element.elementor-element-364d188 > .elementor-widget-container{margin:-100px -100px -100px -100px;}.elementor-6281 .elementor-element.elementor-element-a12dcad{margin-top:-33px;margin-bottom:0px;padding:50px 20px 50px 20px;}.elementor-6281 .elementor-element.elementor-element-64cc9e7c{margin-top:0px;margin-bottom:0px;padding:50px 20px 50px 20px;}.elementor-6281 .elementor-element.elementor-element-2f8e61c5 > .elementor-element-populated{margin-block-start:0px;margin-inline-start:0px;margin-block-end:0px;margin-inline-end:0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding-block-start:0px;padding-inline-start:0px;padding-block-end:0px;padding-inline-end:0px;}.elementor-6281 .elementor-element.elementor-element-191ca4a7 > .elementor-widget-container{padding:20px 0px 0px 0px;}.elementor-6281 .elementor-element.elementor-element-1df63aef > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-6281 .elementor-element.elementor-element-04b17f7 > .elementor-widget-container{padding:10px 10px 10px 10px;}.elementor-6281 .elementor-element.elementor-element-e9098e3{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-6281 .elementor-element.elementor-element-f67c6b7 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-6281 .elementor-element.elementor-element-f67c6b7.elementor-element{--align-self:center;}.elementor-6281 .elementor-element.elementor-element-389f98a > .elementor-element-populated{margin-block-start:0px;margin-inline-start:0px;margin-block-end:0px;margin-inline-end:0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding-block-start:51px;padding-inline-start:20px;padding-block-end:80px;padding-inline-end:20px;}.elementor-6281 .elementor-element.elementor-element-c43b028 .elementor-heading-title{font-size:34px;line-height:1.1em;}}@media(min-width:768px){.elementor-6281 .elementor-element.elementor-element-2a83438{--width:101.887%;}}@media(max-width:1024px) and (min-width:768px){.elementor-6281 .elementor-element.elementor-element-389f98a{width:100%;}}/* Start custom CSS for html, class: .elementor-element-fa5dd8f *//* ======================================= */ /* ANIMACIÓN MODERNA PARA EL TEXTO */ /* ======================================= */ .quienes-somos-texto { opacity: 0; transform: translateY(30px); animation: fadeUp 1.2s ease-out forwards; animation-delay: 0.3s; } @keyframes fadeUp { 0% { opacity: 0; transform: translateY(30px); } 100% { opacity: 1; transform: translateY(0); } } /* ======================================= */ /* CONTENEDOR PRINCIPAL */ /* ======================================= */ .quienes-somos-container { display: flex; align-items: center; justify-content: space-between; gap: 40px; max-width: 1200px; margin: 40px auto; padding: 0px; flex-wrap: wrap; position: relative !important; z-index: 50 !important; } /* BAJA LA SIGUIENTE SECCIÓN */ .quienes-somos-container + section { position: relative !important; z-index: 1 !important; } /* ======================================= */ /* COLUMNA TEXTO */ /* ======================================= */ .quienes-somos-texto { flex: 1 1 450px; } .qs-titulo { font-family: 'Poppins', sans-serif !important; font-weight: 500 !important; font-size: 72px !important; color: #174675 !important; margin-bottom: 50px !important; margin-right: 10px !important; } .qs-descripcion { font-family: 'Roboto', sans-serif !important; font-weight: 300 !important; font-size: 22px !important; color: #333 !important; line-height: 1.6 !important; } .qs-indent { display: inline-block; padding-left: 100px; } .qs-indent-parrafo { display: inline-block; padding-left: 140px; } /* ======================================= */ /* COLUMNA IMAGEN */ /* ======================================= */ .quienes-somos-imagen { flex: 1 1 450px; display: flex; justify-content: center; position: relative !important; z-index: 100 !important; } .quienes-somos-imagen img { width: var(--img-width, 120%) !important; max-width: none !important; position: relative !important; top: var(--img-top, 162px) !important; left: var(--img-left, 120px) !important; transition: 0.3s ease-in-out; z-index: 100 !important; } /* ======================================= */ /* RESPONSIVE */ /* ======================================= */ @media (max-width: 800px) { .quienes-somos-container { flex-direction: column !important; text-align: center !important; gap: 0px !important; margin-top: 150px !important; } .qs-titulo { font-size: 34px !important; margin-bottom: 30px !important; /* ↓ menos espacio */ } .qs-indent, .qs-indent-parrafo { padding-left: 0 !important; display: block !important; } /* TEXTO DESCRIPCIÓN */ .quienes-somos-texto h4 { font-size: 1.0rem !important; line-height: 1.4 !important; margin-top: 5px !important; /* ↓ antes 58px */ margin-bottom: 10px !important; /* ↓ acerca a la imagen */ padding-left: 24px !important; /* ↓ reduce sangría */ max-width: 85% !important; text-align: center !important; } /* Línea dorada */ .quienes-somos-texto h4 > span { top: 6px !important; width: px !important; height: calc(100% - 12px) !important; } /* IMAGEN */ .quienes-somos-imagen { margin-top: -295px !important; /* evita separación extra */ } .quienes-somos-imagen img { width: var(--img-width-mobile, 400px) !important; top: 110px !important; /* ↓ antes 90px */ left: var(--img-left-mobile, 0px) !important; } }/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-3c40c12 */html, body {
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Fondo institucional con círculos y anillos a la derecha */
.elementor-6281 .elementor-element.elementor-element-3c40c12 {
  position: relative;
  z-index: 1;
  min-height: 420px; /* altura mínima de la sección */
}

.elementor-6281 .elementor-element.elementor-element-3c40c12::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;

  /* Fondo base */
  background-color: #F4EEE6 !important;
  background-repeat: no-repeat;

  /* Tamaño de las figuras */
  background-size:
    220px 220px,
    120px 120px,
    0px 180px,
    0px 140px,
    0px 300px,
    160px 160px;

  /* Posición de las figuras */
  background-position:
    60% 15%,
    45% 25%,
    100% 40%,
    100% 100%,
    80% 50%,
    70% 100%;

  /* Formas geométricas */
  background-image:
    radial-gradient(circle, #EDC443 60%, transparent 61%),
    radial-gradient(circle, #EDC443 60%, transparent 61%),
    radial-gradient(circle, transparent 40%, #174675 41% 55%, transparent 6%),
    radial-gradient(circle at bottom, #FFFFFF 60%, transparent 61%),
    radial-gradient(circle, #FFFFFF 60%, transparent 61%),
    radial-gradient(circle, #174675 0%, transparent 0%);
}

/* =============================
   OCULTAR SOLO LAS FIGURAS
   (mantiene el color de fondo)
============================= */
@media (max-width: 1024px) {
  .elementor-6281 .elementor-element.elementor-element-3c40c12::before {
    background-image: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2a83438 *//* Contenedor principal */
.mi-grid {
  display: grid;
  grid-template-columns: 1fr 1fr; /* Dos columnas iguales */
  gap: 30px; /* Espacio entre columnas */
  align-items: stretch; /* Hace que ambas columnas tengan la misma altura */
}

/* Columna izquierda (título + texto) */
.mi-grid .col-izquierda {
  display: flex;
  flex-direction: column;
  justify-content: center; /* Centra verticalmente el texto */
}

/* Columna derecha (video) */
.mi-grid .col-derecha iframe,
.mi-grid .col-derecha video {
  width: 100%;
  height: 100%; /* Ajusta la altura al contenedor */
  object-fit: cover; /* Mantiene proporciones dentro del contenedor */
  border-radius: 8px; /* Opcional: esquinas redondeadas */
}

/* Responsive: en móviles, una sola columna */
@media (max-width: 768px) {
  .mi-grid {
    grid-template-columns: 1fr;
  }

  .mi-grid .col-derecha iframe,
  .mi-grid .col-derecha video {
    height: auto; /* Que el video no se deforme en móvil */
  }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-38fedf7 *//* Fondo institucional con círculos, semicírculos y anillos (más dispersos) */
.elementor-6281 .elementor-element.elementor-element-38fedf7 {
  position: relative;
  min-height: 420px; /* Ajusta según la altura de tu sección */
}

.elementor-6281 .elementor-element.elementor-element-38fedf7::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-color: #ffffff;
  background-repeat: no-repeat;

  /* Figuras principales */
  background-image:
    /* 1) Círculo grande lateral izquierda */
    radial-gradient(circle at 0% 0%, #f4eee6 0px, transparent 0px),

    /* 2) Trío de círculos pequeños arriba derecha */
    radial-gradient(circle, #f4eee6 60%, transparent 51%),
    radial-gradient(circle, #f4eee6 50%, transparent 51%),
    radial-gradient(circle, #f4eee6 50%, transparent 51%),

    /* 3) Anillo lateral izquierda media */
    radial-gradient(circle, transparent 34%, #f4eee6 8% 76%, transparent 10%),

    /* 4) Anillo grande derecha media-baja */
    radial-gradient(circle, transparent 34%, #f4eee6 35% 56%, transparent 57%),

    /* 5) Círculo inferior centro */
    radial-gradient(circle at 50% 100%, #f4eee6 80px, transparent 81px),

    /* 6) Círculo inferior izquierda */
    radial-gradient(circle, transparent 34%, #f4eee6 35% 56%, transparent 57%),

    /* 7) Círculo pequeño centro-derecha */
    radial-gradient(circle, #f4eee6 45px, transparent 46px),

    /* 8) Círculo pequeño esquina inferior derecha */
    radial-gradient(circle, #f4eee6 55px, transparent 56px),

    /* 9) Círculo superior izquierda adicional */
    radial-gradient(circle, #f4eee6 0px, transparent 0px),

    /* 10) Círculo pequeño medio-superior */
    radial-gradient(circle, #f4eee6 35px, transparent 36px),

    /* 11) Círculo mediano medio-inferior */
    radial-gradient(circle, #f4eee6 65px, transparent 66px),

    /* 12) Círculo pequeño esquina inferior izquierda */
    radial-gradient(circle, #f4eee6 30px, transparent 31px);

  /* Tamaños (alineados con proporciones reales del diseño) */
  background-size:
    /* 1 */ 270px 175px,
    /* 2 trío */ 100px 80px, 100px 80px, 100px 80px,
    /* 3 */ 210px 185px,
    /* 4 */ 200px 200px,
    /* 5 */ 160px 80px,
    /* 6 */ 160px 120px,
    /* 7 */ 90px 90px,
    /* 8 */ 120px 120px,
    /* 9 */ 80px 80px,
    /* 10 */ 70px 70px,
    /* 11 */ 130px 130px,
    /* 12 */ 60px 60px;

  /* Posiciones según la referencia visual */
  background-position:
    /* 1 */ 15% 10%,     /* círculo grande izquierda */
    /* 2 */ 92% 4%, 97% 18%, 88% 18%, /* trío superior derecho */
    /* 3 */ 7% -3%,     /* anillo izquierda media */
    /* 4 */ 87% 60%,     /* anillo derecha media-baja */
    /* 5 */ 60% 100%,    /* círculo inferior centro */
    /* 6 */ 15% 120%,    /* círculo inferior izquierda */
    /* 7 */ 70% 45%,     /* pequeño medio-derecha */
    /* 8 */ 90% 95%,     /* esquina inferior derecha */
    /* 9 */ 8% 25%,      /* superior izquierda extra */
    /* 10 */ 55% 25%,    /* medio-superior pequeño */
    /* 11 */ 5% 85%,    /* medio-inferior */
    /* 12 */ 5% 95%;     /* esquina inferior izquierda */
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-a12dcad */.franja-logo {
    width: 100%;
    min-height: 120px;
    background-color: #ffffff;

    /* Logo repetido horizontalmente */
    background-image: url("https://uinl.edu.pa/wp-content/uploads/2025/11/Logo-Horizontal-Blanco-1.png");
    background-repeat: repeat-x;
    background-size: 280px auto; /* 120px logo + 20px espacio horizontal */
    background-position: 0 center;

    /* Animación scroll infinito */
    animation: marquee 10s linear infinite;
}

/* Animación del background */
@keyframes marquee {
    0% {
        background-position: 0 center;
    }
    100% {
        background-position: 140px center; /* mover exactamente el ancho de cada logo + espacio */
    }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-64cc9e7c */@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@700&display=swap');

.fondo-u {
  position: relative;
  overflow: hidden;
  background: #F4EEE6; /* color de fondo */
  font-family: 'Poppins', sans-serif;
  isolation: isolate;
  z-index: 0;

  /* Capa adicional: U invertida como SVG embebido (data URI).
     - background-position coloca la U centrada y un poco por debajo del contenedor (120%).
     - background-size usa vw para escalar con la ventana.
  */
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text x='50' y='60' font-family='Poppins, sans-serif' font-size='90' font-weight='700' fill='rgba(255,255,255,0.9)' transform='rotate(180 50 50)' text-anchor='middle'>U</text></svg>");
  background-repeat: no-repeat;
  background-position: 50% 120%;
  background-size: 60vw auto;
}

/* Letras "U" decorativas usando pseudo-elementos + box-shadow para multiplicar */
.fondo-u::before,
.fondo-u::after {
  content: "U";
  position: absolute;
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  line-height: 1;
  color: rgba(255, 255, 255, 0.9); /* blanco translúcido */
  z-index: -1;
  user-select: none;
  pointer-events: none;
}

/* U izquierda principal */
.fondo-u::before {
  left: 0%;
  top: 10%;
  font-size: 40vw;
  transform: rotate(-45deg);
  text-shadow:
    45vw 5vh rgba(255,255,255,0.9);
}

/* U derecha principal */
.fondo-u::after {
  right: -15%;
  top: 65%;
  font-size: 40vw;
  transform: rotate(90deg);
  text-shadow:
    -40vw 15vh rgba(255,255,255,0.9),
    -60vw 25vh rgba(255,255,255,0.9);
}

/* Adaptación responsive */
@media (max-width: 1024px) {
  .fondo-u::before {
    left: 5%;
    top: 5%;
    font-size: 35vw;
    text-shadow:
      20vw 12vh rgba(255,255,255,0.15),
      35vw 3vh rgba(255,255,255,0.15),
      60vw 18vh rgba(255,255,255,0.15);
  }
  .fondo-u::after {
    right: -5%;
    top: 15%;
    font-size: 45vw;
    text-shadow:
      -15vw 25vh rgba(255,255,255,0.15),
      -35vw 12vh rgba(255,255,255,0.15),
      -50vw 20vh rgba(255,255,255,0.15);
  }

  /* ajustar la U de fondo */
  .fondo-u {
    background-position: 50% 115%;
    background-size: 70vw auto;
  }
}

@media (max-width: 768px) {
  .fondo-u::before {
    left: -5%;
    top: -5%;
    font-size: 50vw;
    text-shadow:
      15vw 10vh rgba(255,255,255,0.15),
      30vw 2vh rgba(255,255,255,0.15),
      50vw 15vh rgba(255,255,255,0.15);
  }
  .fondo-u::after {
    right: -10%;
    top: 5%;
    font-size: 60vw;
    text-shadow:
      -10vw 20vh rgba(255,255,255,0.15),
      -25vw 10vh rgba(255,255,255,0.15),
      -40vw 15vh rgba(255,255,255,0.15);
  }

  /* ajustar la U de fondo para móvil */
  .fondo-u {
    background-position: 50% 130%;
    background-size: 90vw auto;
  }
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-389f98a */.elementor-6281 .elementor-element.elementor-element-389f98a {
  --bg: #1b67e0;
  --ink: rgba(255,255,255,0.16);

  /* ======================
     CONTROLES (DESKTOP)
  ====================== */
  --bg-x: 210%;
  --bg-y: 0%;

  --ui-x: -42%;
  --ui-y: 0%;          /* ✅ NUEVO: eje Y de UI */

  --n-x: 57%;
  --n-y: 46%;

  --ui-size: clamp(320px, 55vw, 760px);
  --n-size: clamp(260px, 45vw, 760px);
  --spacing: clamp(-60px, -6vw, -20px);

  background-color: var(--bg);
  border-radius: 12px;
  position: relative;
  overflow: hidden;
  color: #fff;
  text-align: center;
  padding: 80px 20px;

  background-image:
    url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1000'>\
  <defs>\
    <clipPath id='half-left'>\
      <rect x='0' y='0' width='500' height='1000'/>\
    </clipPath>\
    <filter id='thicken' color-interpolation-filters='sRGB'>\
      <feMorphology in='SourceGraphic' operator='dilate' radius='8' result='thick'/>\
      <feGaussianBlur in='thick' stdDeviation='0.25' result='smooth'/>\
      <feMerge><feMergeNode in='smooth'/></feMerge>\
    </filter>\
  </defs>\
  <text x='470' y='820' text-anchor='middle' font-family='Poppins, Arial, sans-serif'\
        font-weight='600' font-size='1200' fill='%23ffffff' fill-opacity='0.18'\
        clip-path='url(%23half-left)' filter='url(%23thicken)'>U</text>\
</svg>");
  background-repeat: no-repeat;

  /* Usa variables */
  background-position: var(--bg-x) var(--bg-y);
  background-size: clamp(200px, 80vw, 760px) auto;
}

/* ======================
   Letras grandes base: U, I
====================== */
.elementor-6281 .elementor-element.elementor-element-389f98a::before {
  content: "U   I";
  position: absolute;
  inset: 0;
  display: flex;
  justify-content: space-around;
  align-items: center;
  font-family: 'Poppins', sans-serif;
  font-weight: 900;

  font-size: var(--ui-size);
  color: var(--ink);
  letter-spacing: var(--spacing);
  line-height: 1;

  user-select: none;
  pointer-events: none;
  z-index: 0;

  /* ✅ ahora X + Y */
  transform: translate(var(--ui-x), var(--ui-y));
}

/* ======================
   “N” = U invertida
====================== */
.elementor-6281 .elementor-element.elementor-element-389f98a::after {
  content: "U";
  position: absolute;

  top: var(--n-y);
  left: var(--n-x);

  transform: translate(-25%, -50%) scaleY(-1);
  font-family: 'Poppins', sans-serif;
  font-weight: 900;

  font-size: var(--n-size);
  color: var(--ink);
  line-height: 1;

  user-select: none;
  pointer-events: none;
  z-index: 0;
}

/* Contenido encima */
.elementor-6281 .elementor-element.elementor-element-389f98a > * {
  position: relative;
  z-index: 1;
}

/* =========================
   TABLET
========================= */
@media (max-width: 1024px) {
  .elementor-6281 .elementor-element.elementor-element-389f98a {
    --bg-x: 150%;
    --bg-y: 10%;

    --ui-x: -18%;
    --ui-y: -4%;      /* ajuste leve */

    --n-x: 56%;
    --n-y: 46%;

    --ui-size: clamp(300px, 58vw, 680px);
    --n-size: clamp(250px, 48vw, 680px);
    --spacing: clamp(-55px, -6vw, -18px);
  }
}

/* =========================
   MÓVIL (AJUSTA A TU GUSTO)
========================= */
@media (max-width: 767px) {
  .elementor-6281 .elementor-element.elementor-element-389f98a {
    /* 👇 SOLO CAMBIA ESTOS VALORES */
    --bg-x: -320%;
    --bg-y: 145%;

    --ui-x: -6%;
    --ui-y: -45%;    /* 🔼 sube UI | usa +% para bajarlo */

    --n-x: 13%;
    --n-y: 90%;

    --ui-size: clamp(240px, 72vw, 520px);
    --n-size: clamp(210px, 62vw, 520px);
    --spacing: clamp(-38px, -7vw, -12px);
  }
}/* End custom CSS */