#somos { padding: 0; } #somos .ctn-somos { padding: 35px 15px; } @media (max-width: 767px) { #somos .ctn-somos { padding: 0; } } #somos .ctn-somos .ctn-items { padding: 0; } #somos .ctn-somos .ctn-items .ctn-left { width: 408px; padding: 0; transition: 0.3s; background-color: #fff; } #somos .ctn-somos .ctn-items .ctn-left.fixed { position: fixed; top: 0; z-index: 100; } @media (max-width: 767px) { #somos .ctn-somos .ctn-items .ctn-left.fixed { top: 50px !important; left: 0; } } @media (max-width: 1400px) { #somos .ctn-somos .ctn-items .ctn-left { width: 300px; } } @media (max-width: 1200px) { #somos .ctn-somos .ctn-items .ctn-left { width: 250px; } } @media (max-width: 992px) { #somos .ctn-somos .ctn-items .ctn-left { width: 200px; } } @media (max-width: 767px) { #somos .ctn-somos .ctn-items .ctn-left { padding: 0; width: 100%; } } #somos .ctn-somos .ctn-items .ctn-left .ctn-title-list { padding: 0; } #somos .ctn-somos .ctn-items .ctn-left .ctn-title-list .title-list { padding: 5px 15px; width: 100%; background-color: #183559; color: #fff; font-family: semi; font-size: 16px; border-radius: 0; text-transform: uppercase; } #somos .ctn-somos .ctn-items .ctn-left .ctn-list { padding: 30px; background-color: #183559; border-radius: 34px; } @media (max-width: 1400px) { #somos .ctn-somos .ctn-items .ctn-left .ctn-list { padding: 15px; } } @media (max-width: 992px) { #somos .ctn-somos .ctn-items .ctn-left .ctn-list { padding: 15px 5px; } } @media (min-width: 768px) { #somos .ctn-somos .ctn-items .ctn-left .ctn-list { display: block !important; } } @media (max-width: 767px) { #somos .ctn-somos .ctn-items .ctn-left .ctn-list { border-radius: 0; padding: 5px 15px; display: none; } } #somos .ctn-somos .ctn-items .ctn-left .ctn-list ul { float: left; position: relative; width: 100%; list-style: none; padding: 0; margin: 0 0 2px; } @media (max-width: 479px) { #somos .ctn-somos .ctn-items .ctn-left .ctn-list ul { width: max-content; } } #somos .ctn-somos .ctn-items .ctn-left .ctn-list ul li { float: left; position: relative; width: 100%; } #somos .ctn-somos .ctn-items .ctn-left .ctn-list ul li:first-child a::before { height: 50%; top: inherit; } #somos .ctn-somos .ctn-items .ctn-left .ctn-list ul li:last-child a::before { height: 50%; bottom: inherit; } #somos .ctn-somos .ctn-items .ctn-left .ctn-list ul li a { padding: 10px 5px 10px 40px; font-family: light; font-size: 25px; display: flex; flex-wrap: wrap; align-items: center; width: 100%; text-decoration: none; color: #26538c; line-height: 1; transition: 0.3s; } @media (max-width: 1400px) { #somos .ctn-somos .ctn-items .ctn-left .ctn-list ul li a { font-size: 22px; } } @media (max-width: 1200px) { #somos .ctn-somos .ctn-items .ctn-left .ctn-list ul li a { padding: 5px; font-size: 18px; } } @media (max-width: 992px) { #somos .ctn-somos .ctn-items .ctn-left .ctn-list ul li a { padding: 5px; font-size: 17px; } } #somos .ctn-somos .ctn-items .ctn-left .ctn-list ul li a::after { content: ""; transition: 0.3s; position: absolute; z-index: 1; top: 0; bottom: 0; left: 0; margin-top: auto; margin-bottom: auto; width: 21px; height: 21px; background-color: #26538c; border-radius: 50%; } @media (max-width: 1200px) { #somos .ctn-somos .ctn-items .ctn-left .ctn-list ul li a::after { display: none; } } #somos .ctn-somos .ctn-items .ctn-left .ctn-list ul li a::before { content: ""; position: absolute; top: 0; bottom: 0; left: 8px; width: 5px; height: 100%; z-index: 1; background-color: #26538c; transition: 0.3s; } @media (max-width: 1200px) { #somos .ctn-somos .ctn-items .ctn-left .ctn-list ul li a::before { display: none; } } #somos .ctn-somos .ctn-items .ctn-left .ctn-list ul li a .ctn-icon { width: 39px; height: 39px; display: inline-flex; align-items: center; justify-content: center; line-height: 1; border: solid 1px #fff; border-radius: 50%; overflow: hidden; } #somos .ctn-somos .ctn-items .ctn-left .ctn-list ul li a .ctn-icon i { font-size: 19px; } @media (max-width: 992px) { #somos .ctn-somos .ctn-items .ctn-left .ctn-list ul li a .ctn-icon { height: 30px; width: 30px; } } #somos .ctn-somos .ctn-items .ctn-left .ctn-list ul li a .txt { width: calc(100% - 39px); padding-left: 10px; } #somos .ctn-somos .ctn-items .ctn-left .ctn-list ul li a.active, #somos .ctn-somos .ctn-items .ctn-left .ctn-list ul li a:hover { color: #fff; } #somos .ctn-somos .ctn-items .ctn-left .ctn-list ul li a.active::after, #somos .ctn-somos .ctn-items .ctn-left .ctn-list ul li a:hover::after { background-color: #fff; } #somos .ctn-somos .ctn-items .ctn-right { padding: 0 0 0 40px; width: calc(100% - 408px); float: right; } @media (max-width: 1400px) { #somos .ctn-somos .ctn-items .ctn-right { width: calc(100% - 300px); padding-left: 25px; } } @media (max-width: 1200px) { #somos .ctn-somos .ctn-items .ctn-right { width: calc(100% - 250px); } } @media (max-width: 992px) { #somos .ctn-somos .ctn-items .ctn-right { width: calc(100% - 200px); } } @media (max-width: 767px) { #somos .ctn-somos .ctn-items .ctn-right { padding: 25px 15px; width: 100%; } } #somos .ctn-somos .ctn-items .ctn-right section { padding: 0; margin-bottom: 30px; } @media (max-width: 479px) { #somos .ctn-somos .ctn-items .ctn-right section { padding: 0; } } #somos .ctn-somos .ctn-items .ctn-right section .ctn-title-sec { padding: 0; margin-bottom: 20px; } @media (max-width: 767px) { #somos .ctn-somos .ctn-items .ctn-right section .ctn-title-sec { text-align: center; justify-content: center; } } #somos .ctn-somos .ctn-items .ctn-right section .ctn-title-sec .title-sec { display: inline-block; margin: 0; font-family: light; font-size: 50px; color: #333333; } @media (max-width: 1400px) { #somos .ctn-somos .ctn-items .ctn-right section .ctn-title-sec .title-sec { font-size: 40px; } } @media (max-width: 1200px) { #somos .ctn-somos .ctn-items .ctn-right section .ctn-title-sec .title-sec { font-size: 30px; } } @media (max-width: 992px) { #somos .ctn-somos .ctn-items .ctn-right section .ctn-title-sec .title-sec { font-size: 25px; } } #somos .ctn-somos .ctn-items .ctn-right section .ctn-title-sec .title-sec .dest { display: block; line-height: 1; font-family: light; font-size: 21px; color: #183559; } @media (max-width: 1400px) { #somos .ctn-somos .ctn-items .ctn-right section .ctn-title-sec .title-sec .dest { font-size: 14px; } } #somos .ctn-somos .ctn-items .ctn-right section .ctn-articles { padding: 0; display: flex; align-items: flex-start; flex-flow: wrap; } #somos .ctn-somos .ctn-items .ctn-right section .ctn-articles article { padding: 10px; margin-bottom: 10px; } @media (max-width: 767px) { #somos .ctn-somos .ctn-items .ctn-right section .ctn-articles article { padding: 0; text-align: center; } } #somos .ctn-somos .ctn-items .ctn-right section .ctn-articles article img { display: inline-block; margin-bottom: 20px; height: auto; } #somos .ctn-somos .ctn-items .ctn-right section .ctn-articles article .title-article { margin: 0 0 15px; font-family: regular; font-size: 23px; color: #333333; text-transform: uppercase; } #somos .ctn-somos .ctn-items .ctn-right section .ctn-articles article p { font-family: light; font-size: 18px; color: #333333; } #somos .ctn-somos .ctn-items .ctn-right section .ctn-articles article p b { font-family: bold; } @media (max-width: 1400px) { #somos .ctn-somos .ctn-items .ctn-right section .ctn-articles article p { font-size: 16px; } } @media (max-width: 767px) { #somos .ctn-somos .ctn-items .ctn-right section .ctn-articles article p { font-size: 14px !important; } } #somos .ctn-somos .ctn-items .ctn-right section .ctn-carousel { padding: 0; margin-top: 15px; } #somos .ctn-somos .ctn-items .ctn-right section .ctn-carousel .owl-carousel { padding: 0 50px; } #somos .ctn-somos .ctn-items .ctn-right section .ctn-carousel .owl-carousel img { width: auto; max-width: 100%; display: block; margin: 0 auto; } #somos .ctn-somos .ctn-items .ctn-right section.title-ppal { margin: 0; } #somos .ctn-somos .ctn-items .ctn-right section.video-ppal { padding: 0; } #somos .ctn-somos .ctn-items .ctn-right section.video-ppal iframe { width: 100%; height: 480px; } @media (max-width: 1200px) { #somos .ctn-somos .ctn-items .ctn-right section.video-ppal iframe { height: 300px; } } @media (max-width: 992px) { #somos .ctn-somos .ctn-items .ctn-right section.video-ppal iframe { height: 250px; } } @media (max-width: 767px) { #somos .ctn-somos .ctn-items .ctn-right section.video-ppal iframe { height: 210px; } } #somos .ctn-somos .ctn-items .ctn-right section.ctn-mision-vision .item { padding: 0; } #somos .ctn-somos .ctn-items .ctn-right section.ctn-mision-vision .item .ctn-title-sec::before { content: ""; display: inline-block; position: relative; height: 65px; width: 14px; background-color: #183559; margin-right: 10px; } @media (max-width: 992px) { #somos .ctn-somos .ctn-items .ctn-right section.ctn-mision-vision .item .ctn-title-sec::before { height: 20px; } } #somos .ctn-somos .ctn-items .ctn-right section.ctn-mision-vision .item:last-child .ctn-title-sec .dest { color: #BD037B; } #somos .ctn-somos .ctn-items .ctn-right section.ctn-mision-vision .item:last-child .ctn-title-sec::before { background-color: #BD037B; } #somos .ctn-somos .ctn-items .ctn-right section.ctn-valores { padding: 35px; border-radius: 38px; background-color: rgba(6, 120, 242, 0.03); } #somos .ctn-somos .ctn-items .ctn-right section.ctn-valores::before { content: ""; background-image: url("../Imagenes/Sistema/bg-valores.jpg"); background-size: cover; background-position: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } #somos .ctn-somos .ctn-items .ctn-right section.ctn-valores .ctn-articles { margin-top: 10px; } #somos .ctn-somos .ctn-items .ctn-right section.ctn-valores .ctn-articles .title-article { font-size: 23px; } @media (max-width: 1400px) { #somos .ctn-somos .ctn-items .ctn-right section.ctn-valores .ctn-articles .title-article { font-size: 18px; } } #somos .ctn-somos .ctn-items .ctn-right section.ctn-valores .ctn-articles article { text-align: center; } @media (max-width: 1400px) { #somos .ctn-somos .ctn-items .ctn-right section.ctn-valores .ctn-articles article img { max-width: 100px; } } #somos .ctn-somos .ctn-items .ctn-right section.ctn-valores .ctn-articles article p { font-size: 14px; } #somos .ctn-somos .ctn-items .ctn-right section.ctn-historia .ctn-articles article { padding: 0; } #somos .ctn-somos .ctn-items .ctn-right section.ctn-historia .ctn-articles article .txt-ppal, #somos .ctn-somos .ctn-items .ctn-right section.ctn-historia .ctn-articles article .txt { padding: 0; } #somos .ctn-somos .ctn-items .ctn-right section.ctn-historia .ctn-articles article .ctn-img { padding: 10px 10px 10px 20px; } #somos .ctn-somos .ctn-items .ctn-right section.ctn-politica .ctn-title-sec { padding: 0 25px; border-radius: 41px; height: 170px; display: flex; align-items: center; background-image: url("../Imagenes/Sistema/BORRAR-somos13.png"); } @media (max-width: 767px) { #somos .ctn-somos .ctn-items .ctn-right section.ctn-politica .ctn-title-sec { height: 100px; } } #somos .ctn-somos .ctn-items .ctn-right section.ctn-politica .ctn-title-sec .title-sec { color: #BD037B; } /*# sourceMappingURL=estilos-somos.css.map */