/*
    =================================================================
    =================== T R I S A . C O M . M X =====================
    =================================================================
    ============== Sitio desarrollado por LuisRojas.MX ==============
    =================================================================
    */

@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;900&display=swap");
/* ======================================== */
/* =========== GLOBALES GENERALES ========= */
/* ======================================== */
body { font-family: "Open Sans", sans-serif; padding: 0; }
header, .header, footer, .footer, .content, section { width: 100%; float: left; }
.wrap { width: 100%; max-width: 1180px; margin: auto; }
h1, h2, h3 { color: rgb(0 0 0 / 70%); margin: 20px 0; }
p { font-size: 14px; margin: 0 0 20px 0; }
li { font-size: 14px; line-height: 160%; }
a, a:hover { color: black; text-decoration: none; }
.col-l { float: left; }
.col-r { float: right; }
/* ======================================== */
/* ================= HEADER =============== */
/* ======================================== */
.header { padding: 19px 0; }
.header .logo { float: left; max-width: 170px; margin: 0 0 0 40px; }
.header .logo img { width: 100%; }
.header .logo a { display: block; }
/* ======================================== */
/* ================== MENU ================ */
/* ======================================== */

.menu-principal { float: right; margin: 25px 0 0 0; }
.menu-principal ul { margin: 0; padding: 0; }
.menu-principal li { float: left; list-style-type: none; margin: 0 13px; display: table; padding: 0; }
header .menu-principal a { border-bottom: 4px solid rgb(255 255 255 / 0%); padding: 20px 5px 5px 5px; font-size: 16px; display: block; color: rgb(0 0 0 / 90%); text-align: center; font-weight: 600; }
header .menu-principal .current_page_item a, header .current_page_ancestor a, header .menu-principal a:hover { color: #008265; background-image: url(../img/icon-menu-hover.svg?a=new); background-position: center top; background-repeat: no-repeat; border-bottom: 4px solid #008265; }
/* ------------------------------------- */
/*                submenu                */
/* ------------------------------------- */
.menu-principal ul ul, .menu-principal ul li:hover ul ul { display: none; }
.menu-principal ul li:hover ul { box-shadow: 0 0 20px rgb(0 0 0 / 40%); display: block; }
.menu-principal ul ul { background-color: rgb(255 255 255 / 85%); float: left; position: absolute; width: 200px; z-index: 4000; }
.menu-principal ul ul li { width: 100%; float: left; margin: 0; min-height: auto; height: auto; border-bottom: 1px dotted rgb(0 0 0 / 30%); }
.menu-principal ul ul li:last-child { border: 0; }
.menu-principal ul ul li a { text-transform: none; border: 0 !important; background-image: none !important; text-align: left; color: rgb(0 0 0 / 70%) !important; width: 100%; font-size: 16px; min-height: auto; display: block; padding: 10px; }
.menu-principal ul ul li a:hover { background-color: rgb(0 0 0 / 40%); background-image: none; color: white; }
/* ------------------------------------- */
/*              submenu 2                */
/* ------------------------------------- */
.menu-principal ul li:hover ul ul { display: none; }
.menu-principal ul ul li:hover ul { display: block; margin: -44px 0 0 200px; }
/* ------------------------------------- */
/*             MENU MOVIL                */
/* ------------------------------------- */
.menu-movil { float: right; height: auto; width: 100%; top: 0; z-index: 20000000000; left: -100%; position: absolute; background-color: rgb(0 0 0 / 90%); }
.menu-movil-activar { width: 70px; height: 70px; padding: 20px; /* background-image: url(../img/icon-menu-ham.png); */ background-position: center; background-repeat: no-repeat; float: right; text-align: center; display: none; position: absolute; right: 0; z-index: 5000; cursor: pointer; top: 0; }
.menu-movil-activar:before { color: rgb(0 121 83); content: "\f0c9"; font-family: "Font Awesome 5 Pro"; line-height: 100%; font-size: 36px; display: block; margin: 0; -webkit-font-smoothing: antialiased; }
.menu-movil ul { padding: 0; margin: 0; }
.menu-movil li { width: 100%; margin: 0; }
.menu-movil a { color: white !important; font-size: 20px; padding: 20px 0; }
.menu-movil ul ul { display: none; }
.menu-movil ul li:hover ul { display: block; }
.menu-movil ul li:hover ul ul { display: none; }
.menu-movil ul ul li:hover ul { display: block; }
.menu-movil ul ul { background-color: rgb(255 255 255 / 20%); margin: 0px 0 0 0; width: 100% !important; position: inherit; float: left; width: 100%; }
.menu-movil ul ul li { width: 100% !important; margin: 0; }
.menu-movil a { width: 100%; text-align: center; }
.menu-movil li { list-style-type: none; padding: 0px; margin: 0; width: 100%; }
.menu-movil li a { padding: 30px; display: block; }
.menu-movil-cerrar { /* background-image: url(../img/icon-menu-cerrar.png); */ background-repeat: no-repeat; background-position: center; display: block; position: absolute; z-index: 10000; cursor: pointer; width: 60px; text-align: center; height: 60px; padding: 7px; right: 0; top: 0; }
.menu-movil-cerrar:before { color: rgb(255 255 255 / 80%); content: "\f00d"; font-family: "Font Awesome 5 Pro"; line-height: 100%; font-weight: 100; font-size: 46px; display: block; margin: 0; -webkit-font-smoothing: antialiased; }
/* ======================================== */
/* ================== HOME ================ */
/* ======================================== */

.slide { float: left; width: 100%; position: relative; margin: 0; background-color: white; }
.carousel-item { height: calc(100vh); max-height: 500px; width: 100%; }
.carousel-item video { margin-top: -100px; width: 100%; height: auto; }
.carousel-item .topcolor {position: absolute;right: 0;bottom: 0;min-width: 100%;min-height: 100%;z-index: 2;background-color: #000000;opacity: 0.2;}
.carousel-indicators, .carousel-control-next, .carousel-control-prev { z-index: 20; margin: 170px 0 0 0; }
.carousel-indicators [data-bs-target] { height: 5px; }
.carousel-caption { width: 29%; right: 10%; left: auto; top: 22%; }
.carousel-caption.text-end { top: 20%; }
.carousel-caption h1 { color: white; font-size: 28px; text-align: left; font-weight: bold; }
.carousel-caption p { color: white; font-size: 17px; text-align: left; }
.carousel-caption a { background-color: #e6fcb3; color: #008264; padding: 12px 22px; text-align: center; font-weight: 500; border-radius: 30px; display: block; float: left; }
.slide img { min-height: 500px; height: auto; /* opacity: 0.5; */ }
.content.home { float: left; width: 100%; }
.home1 .wrap { max-width: 1030px; padding: 0 20px; }
.home1 { float: left; background-color: #008265; width: 100%; padding: 78px 0; }
.home1 .col-l { width: 26%; padding: 0; text-align: center; }
.home1 .col-l img { width: 100%; }
.home1 .col-r { padding: 10px 0 0 0; width: 66%; }
.home1 h1 { font-size: 26px; line-height: 110%; margin: 0 0 20px 0; padding: 0; color: white; font-weight: bold; }
.home1 h2 { font-size: 18px; color: white; padding: 0; margin: 0; line-height: 140%; }
.home-nuestro-enfoque { padding: 86px 0; float: left; width: 100%; background-color: white; }
.home-nuestro-enfoque .wrap { padding: 0 20px; max-width: 1080px; }
.home-nuestro-enfoque .col-l { width: 60%; padding: 0 30px 0 0; }
.home-nuestro-enfoque h1 { font-size: 28px; margin: 0 0 17px 0; letter-spacing: -1px; padding: 0; font-weight: 700; color: rgb(0 0 0 / 80%); }
.home-nuestro-enfoque h1:after { content: ""; width: 60px; margin: 20px 0 0 0; height: 3px; display: block; background-color: #008265; }
.home-nuestro-enfoque h2 { font-size: 20px; margin: 0 0 17px 0; letter-spacing: -1px; line-height: 120%; font-weight: 600; }
.home-nuestro-enfoque h2 b { font-weight: 700; }
.home-nuestro-enfoque p { font-size: 18px; letter-spacing: -1px; line-height: 132%; }
.cta-01 { background-color: #d06f19; color: white; padding: 12px 22px; text-align: center; font-weight: 500; border: 2px solid #d06f19; border-radius: 30px; display: block; float: left; }
.cta-01:hover { color: #d06f19; background-color: white; }
.home-nuestro-enfoque .col-r { width: 31.2%; text-align: center; padding: 15px 0 0 0; }
.home-nuestro-enfoque img { width: 100%; }
.home-soluciones { float: left; width: 100%; }
.home-soluciones { background-image: url(../img/fondo-soluciones.jpg); padding: 90px 0 80px 0; background-size: cover; color: white; }
.home-soluciones .wrap { max-width: 1000px; padding: 0 20px; }
.home-soluciones h1 { font-size: 28px; margin: 0 0 17px 0; letter-spacing: -1px; line-height: 100%; padding: 0; min-height: 136px; float: left; width: 50%; font-weight: 700; color: white; }
.home-soluciones h1:after { content: ""; width: 60px; margin: 24px 0 0 0; height: 3px; display: block; background-color: white; }
.home-soluciones h2 { font-size: 18px; float: right; padding: 0; width: 46%; color: white; margin: 0 0 17px 0; letter-spacing: -1px; line-height: 130%; font-weight: 600; }
.home-soluciones .soluciones-lista { float: left; margin: 0; width: 100%; padding: 0 50px; }
.home-soluciones .solucion { width: 17.5%; padding: 2.8%; color: white; text-align: center; height: 160px; margin: 0 10% 0 0; background-size: 100%; float: left; background-repeat: no-repeat; }
.home-soluciones .solucion h4 { font-size: 50px; margin: 0; font-weight: 700; }
.home-soluciones .solucion p { font-size: 14px; line-height: 100%; }
.home-soluciones .solucion:nth-child(1) { background-image: url(../img/fondo-solucion-1.svg); }
.home-soluciones .solucion:nth-child(2) { background-image: url(../img/fondo-solucion-2.svg); }
.home-soluciones .solucion:nth-child(3) { background-image: url(../img/fondo-solucion-3.svg); }
.home-soluciones .solucion:nth-child(4) { background-image: url(../img/fondo-solucion-4.svg); margin: 0; }
.home-soluciones img { width: 100%; }
.nuestra-metodologia { padding: 64px 0; float: left; width: 100%; background-color: white; }
.nuestra-metodologia .wrap { max-width: 1030px; padding: 0 20px; }
.nuestra-metodologia h1 { font-size: 28px; width: 50%; min-height: 134px; float: left; margin: 0 0 17px 0; letter-spacing: -1px; padding: 0; font-weight: 700; color: rgb(0 0 0 / 80%); }
.nuestra-metodologia h1:after { content: ""; width: 60px; margin: 20px 0 0 0; height: 3px; display: block; background-color: #008265; }
.nuestra-metodologia p { float: right; width: 50%; font-size: 18px; line-height: 120%; letter-spacing: -1px; }
.nuestra-metodologia .metodologia-textos { float: left; width: 100%; }
.nuestra-metodologia .col-1, .nuestra-metodologia .col-3 { width: 14%; padding: 10px 0 0 0; max-width: inherit; float: left; }
.nuestra-metodologia .col-2 { width: 70%; padding: 0; max-width: inherit; float: left; }
.nuestra-metodologia .col-1 img { width: 70%; margin: 10px 15%; float: left; }
.nuestra-metodologia .col-1 p { width: 100%; text-align: center; font-size: 14px; font-size: 16px; line-height: 100%; font-weight: bold; color: green; }
.nuestra-metodologia .texto { width: 26%; position: relative; text-align: center; margin: 1% -3% 1% 1%; float: left; min-height: 190px; padding: 13px 20px 0 25px; }
.nuestra-metodologia .texto:before { background-size: cover; content: " "; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; background-image: url(../img/fondo-verde-metodologias.svg); background-repeat: no-repeat; background-size: 100%; background-repeat: no-repeat; }
.nuestra-metodologia .texto:nth-child(1):before { opacity: 0.4; }
.nuestra-metodologia .texto:nth-child(2):before { opacity: 0.6; }
.nuestra-metodologia .texto:nth-child(3):before { opacity: 0.8; }
.nuestra-metodologia h4 { font-size: 10px; letter-spacing: -1px; margin: 0 0 5px -10px; /* padding: 0 10%; */ font-weight: bold; color: green; position: relative; z-index: 2; }
.nuestra-metodologia .texto p { width: 100%; position: relative; z-index: 2; font-size: 13px; }
.nuestra-metodologia .col-3 { padding: 30px 0 0 10px; }
.nuestra-metodologia .col-3 img { }
.nuestra-metodologia img { width: 100%; float: left; }
.home-servicios { padding: 90px 0; float: left; width: 100%; background-color: rgb(243 243 243); }
.home-servicios .wrap { max-width: 1030px; padding: 20px; }
.home-servicios h1 { font-size: 28px; width: 50%; min-height: 144px; float: left; margin: 0 0 17px 0; letter-spacing: -1px; padding: 0; font-weight: 700; color: rgb(0 0 0 / 80%); }
.home-servicios h1:after { content: ""; width: 60px; margin: 20px 0 0 0; height: 3px; display: block; background-color: #008265; }
.home-servicios p { float: right; width: 50%; font-size: 18px; line-height: 140%; letter-spacing: -1px; }
.home-servicios .lista-servicios { float: left; width: 100%; padding: 0; }
.home-servicios .servicio { float: left; text-align: center; background-color: rgb(0 130 101); width: 32.333%; margin: 0 1.5% 20px 0; border-radius: 10px; padding: 3%; min-height: 360px; }
.home-servicios .servicio p { width: 100%; text-align: left; }
.home-servicios .lista-servicios .servicio:nth-child(3n) { margin: 0 0 20px 0; }
.home-servicios img { margin: 0 0 10px 0; text-align: center; }
.home-servicios .servicio h3 { font-size: 18px; text-align: left; margin: 10px 0; min-height: 100px; padding: 0; color: white; }
.home-servicios .servicio a { text-align: center; width: 100%; display: block; color: rgb(243 243 243 / 1); }
.home .certificaciones { float: left; width: 100%; padding: 64px 0 85px 0; background-color: rgb(255 255 255); }
.home .certificaciones .cta-01 { display: inline-block; text-align: center; float: left; min-width: 25%; margin: 0 37.5%; }
.home .certificaciones .wrap { max-width: 1070px; padding: 0 20px; }
.home .certificaciones h1 { font-size: 28px; width: 50%; min-height: 144px; float: left; margin: 0 0 17px 0; letter-spacing: -1px; padding: 0; font-weight: 700; color: rgb(0 0 0 / 80%); }
.home .certificaciones h1:after { content: ""; width: 60px; margin: 20px 0 0 0; height: 3px; display: block; background-color: #008265; }
.home .certificaciones p { float: right; width: 50%; font-size: 18px; line-height: 140%; letter-spacing: -1px; }
.certificaciones .logos { width: 100%; margin: 0 0 0 0; text-align: center; float: left; }
.certificaciones .logos img { margin: 0 20px 20px 20px; }
.home .certificaciones h1 { font-size: 32px; /* margin: 0 0 95px 0; */ width: 50%; min-height: auto; }
.home .certificaciones h2 { float: right; width: 50%; margin: 0; font-size: 18px; line-height: 140%; letter-spacing: -1px; }
.logos-certificaciones { float: left; width: 100%; text-align: center; }
.logos-certificaciones img { margin: 2%; display: inline-block; }
.noticias-blog { float: left; padding: 83px 0; width: 100%; background-color: rgb(243 243 243); }
.noticias-blog .wrap { max-width: 1080px; padding: 0 20px; }
.noticias-blog h1 { font-size: 32px; margin: 0 0 27px 0; min-height: auto; letter-spacing: -1px; padding: 0; font-weight: 700; color: rgb(0 0 0 / 80%); }
.noticias-blog h1:after { content: ""; width: 60px; margin: 17px 0 0 0; height: 3px; display: block; background-color: #008265; }
.noticias-blog .noticias-lista { float: left; width: 100%; margin: 0 0 10px 0; }
.noticias-blog .noticia { float: left; width: 32.3333%; background-size: auto 110%; background-position: top center; margin: 0 1.5% 20px 0; }
.noticias-blog .noticia:hover { opacity: 0.7; }
.noticias-blog .noticia:nth-child(3n) { margin: 0; }
.noticias-blog img { width: 100%; z-index: 0; }
.noticias-blog h2 { margin: 160px 0 0; min-height: 110px; background-color: rgb(0 130 101 / 70%); position: inherit; z-index: 2000; padding: 24px 20px 15px 12px; font-size: 16px; line-height: 133%; color: white; }
.noticias-blog .noticia a { color: rgb(243 243 243); font-weight: bold; }
.noticias-blog .noticia a:hover { text-decoration: underline; }
.noticias-blog a.cta-01 { display: inline-block; text-align: center; float: left; min-width: 25%; margin: 0 37.5%; }
.formulario-area { float: left; width: 100%; padding: 30px 0; }
.formulario-area .wrap { max-width: 1070px; padding: 0 20px; }
.formulario { width: 100%; min-height: 350px; float: left; border-radius: 20px; background-color: #3f4b47; padding: 80px 85px; }
.formulario .col-l { width: 38%; padding: 20px 0 0 0; }
.formulario h3 { color: white !important; margin: 0 0 24px 0; padding: 0; font-size: 26px; }
.formulario p { color: white; font-size: 18px; line-height: 130%; }
.formulario .col-r { width: 59%; padding: 12px 0 0 0; }
.formulario textarea { padding: 12px; height: 80px; width: 100%; margin: 0 0 10px 0; }
.formulario input, .formulario select { background-color: white; padding: 10px; border: 0; float: left; z-index: 69; width: 100%; margin: 0 0 12px 0; }
.formulario .c50 { float: left; width: 47%; margin: 0 6% 15px 0; }
.formulario .c50:nth-child(2n + 3) { margin: 0 0 12px 0; }
.formulario input[type="submit"] { border: -198px solid #d06f19; background-color: #d06f19; color: white; padding: 12px 0; text-align: center; width: 180px; font-weight: 600; border-radius: 30px; display: block; float: left; }
.formulario input[type="submit"]:hover { color: #d06f19; background-color: #fff; border: 2px solid #d06f19; }
.formulario .wpcf7-not-valid-tip { float: left; }
.formulario .wpcf7 form.invalid .wpcf7-response-output, .formulario .wpcf7 form.unaccepted .wpcf7-response-output, .formulario .wpcf7 form.sent .wpcf7-response-output { color: white; }
/* ======================================== */
/* ================= FOOTER =============== */
/* ======================================== */
footer { }
footer .pre-footer { background-color: #116c58; float: left; width: 100%; }
footer .pre-footer .wrap { padding: 0 20px; height: 110px; max-width: 1060px; }
footer .telefono { float: left; width: 25%; margin: 37px 0 0 5%; }
footer .telefono h4 { font-size: 16px; color: white; margin: 0; font-weight: 400; }
footer .telefono p { font-size: 26px; font-weight: 600; margin: 0; line-height: 100%; color: rgb(243 243 243); }
footer .telefono a { color: white; }
footer .ver-directorio { float: left; width: 30%; padding: 60px 10px 10px 10px; color: rgb(243 243 243); }
footer .ver-directorio a { color: white; }
footer .ver-directorio a:hover { text-decoration: underline; }
footer .ver-directorio:before { content: "\f879"; color: white; font-family: "Font Awesome 5 Pro"; padding: 0 10px 0 0; -webkit-font-smoothing: antialiased; }
footer .presencia { float: right; background-color: #0e5646; padding: 20px; height: 124px; width: 40%; }
footer .presencia p { float: left; width: 67%; margin: 20px 0 0 0; color: white; }
footer .presencia img { float: right; max-width: 30%; margin: 0 3% 0 0; }
footer .footer { background-color: #008266; padding: 52px 0 18px 0; }
footer .footer .wrap { padding: 0 20px; height: 150px; max-width: 1010px; }
footer .direccion, footer .menu-footer, footer .col, footer .redes { float: left; width: 23%; margin: 0 2% 40px 0; color: white; }
footer .redes { margin: 0; float: left; width: 25%; }
.col img { width: 100%; opacity: 0.5; }
footer .direccion h4, .menu-footer h4, footer .col h4, footer .redes h4 { font-size: 14px; color: #e6fcb3; letter-spacing: 1px; font-weight: 600; margin: 0 0 20px 0; line-height: 100%; }
footer .direccion p { font-size: 14px; line-height: 130%; margin: 0 0 20px 0; }
footer .direccion p.dir { font-size: 14px; font-weight: 600; }
footer .direccion p b { width: 100%; font-weight: 700; color: rgb(255 255 255 / 50%); }
footer .direccion p.dir:before { content: "\f015"; color: #e6fcb3; display: block; font-family: "Font Awesome 5 Pro"; float: left; margin: 0 10px 0 0; -webkit-font-smoothing: antialiased; }
footer .direccion p a:before { content: "\f879"; color: #e6fcb3; font-weight: 600; font-family: "Font Awesome 5 Pro"; float: left; margin: 0 10px 0 0; display: inline-block; -webkit-font-smoothing: antialiased; }
footer .direccion a { color: rgb(243 243 243); font-weight: 600; }
footer .col a { color: white; }
footer .redes a:before { color: #e6fcb3; font-family: "Font Awesome 5 Brands"; padding: 0 7px; font-size: 32px; float: left; -webkit-font-smoothing: antialiased; }
footer .redes a.fb:before { content: "\f082"; }
footer .redes a.tw:before { content: "\f099"; }
footer .redes a.in:before { content: "\f08c"; }
footer .redes a.ins:before { content: "\f16d"; }
.whats-fix a {background-color: white;-webkit-box-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.2);box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.2);border-radius: 100%;position: fixed;z-index: 300000000;bottom: 20px;border: 3px solid white;background-size: 100%;right: 20px;width: 60px;text-decoration: none;height: 60px;/* background-image: url(../img/whats-fix.gif); */background-position: center;}
.whats-fix a:hover { text-decoration: none; }
.whats-fix a:before { content: "\f232"; color: green; font-family: "Font Awesome 5 Brands"; font-size: 50px; text-align: center; padding: 5px 5px 5px 5px; line-height: 110%; font-weight: 500; -webkit-font-smoothing: antialiased; }
footer ul { margin: 0; padding: 0; }
footer li { margin: 0 0 10px 0; list-style-type: none; }
footer li li { display: none; }
footer li a, footer .direccion a { padding: 0; color: rgb(243 243 243); font-size: 14px; display: block; font-weight: 400; }
footer a:hover { color: white; text-decoration: underline; }
/* ======================================== */
/* ========== INTERIORES DEFAULT ========== */
/* ======================================== */

.interior { padding: 0; float: left; width: 100%; }
.interior .content { padding: 30px 0; }
.interior .content .wrap { padding: 0 20px; }
.lista-servicios-interior { padding: 0 0 80px 0; float: left; width: 100%; }
.lista-servicios-interior .servicio { padding: 40px 0; float: left; width: 100%; }
.lista-servicios-interior .servicio:nth-child(2n) .texto { float: right; width: 48.5%; }
.lista-servicios-interior .servicio:nth-child(2n) .imagen { float: left; }
.lista-servicios-interior .servicio .wrap { max-width: 1030px; height: 100px; padding: 0 20px 0 0; }
.lista-servicios-interior .texto { float: left; width: 50%; padding: 30px 0 0 0; }
.lista-servicios-interior .texto h2 { font-size: 28px; margin: 0 0 20px 0; letter-spacing: -1px; padding: 0; font-weight: 700; color: black; }
.lista-servicios-interior .servicio h2:after { content: ""; width: 60px; margin: 21px 0 0 0; height: 3px; display: block; background-color: #008265; }
.lista-servicios-interior h3 { margin: 0 0 20px 0; font-size: 20px; color: black; }
.lista-servicios-interior p { font-size: 17px; color: black; }
.lista-servicios-interior .imagen { float: right; width: 43%; padding: 0 20px 0 0; }
.lista-servicios-interior .imagen img { width: 100%; border-radius: 20px; -webkit-box-shadow: 20px 20px 0 0 #e6fcb3; box-shadow: 20px 20px 0 0 #e6fcb3; }
.header-interior { float: left; width: 100%; }
.header-interior .imagen { min-height: 180px; background-color: gray; float: left; width: 100%; background-image: url(../img/fondo-header-interior.jpg); }
.header-interior .texto { float: left; width: 100%; background-color: #008263; padding: 20px 0; }
.header-interior h1 { color: white; }
.header-interior .texto .wrap { max-width: 1035px; padding: 0 20px; }
.header-interior h1 { font-size: 22px; margin: 0; width: 50%; font-weight: 700; color: white; }
.header-interior h2 { font-size: 40px; width: 40%; float: left; margin: 0; letter-spacing: -1px; padding: 0; font-weight: 400; color: white; }
.header-interior h2:after { content: ""; width: 100px; margin: 10px 0 20px 0; height: 3px; display: block; background-color: white; }
.header-interior p { width: 50%; color: white; float: right; margin: 15px 0 0 0; font-size: 18px; font-weight: 200; line-height: 130%; }
.imagen-superior.presencia, .imagen-superior.unidades-y-equipos, .imagen-superior.contacto { background-image: url(../img/header-interior-presencia.jpg;); }
.imagen-superior.nuestra-empresa { background-image: url(../img/header-interior-nuestra-empresa.jpg?a=1); }
.titulo-seccion { background-color: #007952; color: white; padding: 17px; margin: 200px 0 0 0; font-size: 30px; font-weight: 700; text-transform: uppercase; }
.interior .content ul { list-style-type: none; padding: 0; margin: 0; }
.interior .content ul { list-style-type: none; padding: 0; margin: 0; }
.interior .content p { font-size: 17px; }
.interior .content li { list-style-type: none; padding: 0 0 5px 0; margin: 0 0 0 30px; font-size: 17px; }
.interior .content li:before { content: "\f00c"; margin: 0 10px 0 -30px; font-size: 20px; float: left; font-weight: 100; list-style-type: none; color: #007953; font-family: "Font Awesome 5 Pro"; }
/* HISTORIA */

.interior.historia { padding: 0; }
.nuestra-historia { float: left; }
.nuestra-historia .fecha { float: left; width: 100%; margin: 20px 0; }
.nuestra-historia .fecha:nth-child(2n) { background-color: rgb(128 128 128 / 17%); }
.nuestra-historia h3, .nuestra-historia p, .nuestra-historia .imagen { float: left; width: 33.333333%; text-align: left; }
.nuestra-historia .imagen img { max-width: 100%; }
.nuestra-historia h3 { text-align: center; font-size: 70px; padding: 20px; margin: 0; }
.nuestra-historia p { padding: 20px; margin: 0; }
/* PRESENCIA */

.presencia-ubicaciones { width: 100%; float: left; }
.ubicacion { width: 31.33333%; padding: 20px; min-height: 200px; margin: 1%; float: left; text-align: center; background-color: white; border: 1px solid black; }
.interior.presencia { }
.interior h3, .interior .content h2 { color: #008263; }
.interior .lista-direcciones { float: left; margin: 20px 0; }
.interior .direccion { float: left; width: 48%; border-radius: 8px; padding: 30px; background-color: rgb(125 150 142 / 22%); margin: 1%; }
.interior .direccion h3 { font-weight: 600; font-size: 22px; margin: 0 0 10px 0; line-height: 100%; color: rgb(8 8 8 / 70%); }
.interior .direccion a { color: #008263; font-size: 26px; margin: 0; }
.interior .direccion a.tel:before { content: "\f879"; color: #008263; font-weight: 600; font-family: "Font Awesome 5 Pro"; float: left; margin: 0 20px 0 0; display: inline-block; -webkit-font-smoothing: antialiased; }
.interior.presencia .mapa-presencia { width: 100%; }
.interior.presencia .mapa-presencia img { width: 100%; text-align: center; }
/* UNIDADES EQUIPOS */

.unidades-equipos { width: 100%; float: left; }
.interior.unidades-y-equipos .wrap { padding: 0 20px; max-width: 1070px; }
.interior.unidades-y-equipos:before { content: " "; display: block; position: absolute; width: 100%; /* height: 6000px; */ z-index: 1; opacity: 0.5; background-image: url(../img/TEMP-interior-2.jpg); background-repeat: no-repeat; background-position: 0px -624px; background-size: 1180px; }
.unidades-equipos-lista { float: left; width: 100%; padding: 94px 0 0 0; /* background-color: rgb(255 255 0 / 13%); */ }
.unidades-equipos-lista .unidad { float: left; width: 100%; border-radius: 15px; max-width: 1140px; padding: 20px; margin: 0 0 110px 0; background-color: #efefef; }
.unidades-equipos-lista .col-l { width: 30%; margin: 0 0 0 2%; }
.unidades-equipos-lista .col-r { width: 58%; padding: 0 0 20px 0; }
.unidades-equipos-lista .unidad img { position: absolute; max-width: 392px; margin: -95px 0 0 -28px; display: block; }
.unidades-equipos-lista .caracteristicas { float: left; width: 100%; margin: 94px 0 0 0; }
.unidades-equipos-lista .caracteristicas .texto { background-color: white; padding: 7px 10px; margin: 0 0 15px 0; width: 100%; }
.unidades-equipos-lista .caracteristicas .texto:nth-child(3) h5 { font-size: 20px; }
.unidades-equipos-lista .caracteristicas .texto:nth-child(3):before { background-image: url(../img/icono-peso.svg); }
.unidades-equipos-lista .caracteristicas .texto:before { background-size: 100%; width: 24px; height: 24px; background-image: url(../img/icono-capacidad.svg); margin: 10px 10px 20px 0; float: left; content: ""; display: block; }
.unidades-equipos-lista .caracteristicas h3 { font-size: 14px; margin: 0 0 15px 0; }
.unidades-equipos-lista h4 { font-size: 12px; line-height: 160%; margin: 0 0 0 0; }
.unidades-equipos-lista h5 { font-size: 22px; line-height: 90%; font-weight: bold; margin: 3px 0 10px 0; }
.unidades-equipos-lista .especificaciones { float: right; width: 100%; margin: 18px 0 0 0; }
.unidades-equipos-lista .especificaciones h3 { font-size: 20px; font-weight: 600; margin: 0 0 20px 0; }
.unidades-equipos-lista .especificaciones h2 { font-size: 28px; margin: 0 0 23px 0; padding: 0; font-weight: 700; color: black; }
.unidades-equipos-lista .especificaciones h2:after { content: ""; width: 60px; margin: 19px 0 0 0; height: 3px; display: block; background-color: #008263; }
.unidades-equipos-lista .especificaciones p { font-size: 18px; line-height: 130%; margin: 0 0 25px 0; }
.unidades-equipos-lista a { background-color: #d06f19; color: white; padding: 9px 28px; text-align: center; font-weight: 500; border: 2px solid #d06f19; border-radius: 30px; display: block; float: left; }
/* SERVICIOS */
.imagen-superior.servicios { margin: 0 0 20px 0; }
/* CONTACTO */
.interior.contacto .col-l { width: 45%; }
.interior.contacto .col-r { width: 55%; }
.interior.contacto .col-l .formulario { padding: 20px; }
.interior.contacto .col-l .formulario .col-l, .interior.contacto .col-l .formulario .col-r { width: 100%; padding: 0; }
.interior.contacto .col-r { padding: 0 0px 0 20px; }
.interior.contacto .col-r .lista-direcciones { margin: 0; }
.interior.contacto .col-r .lista-direcciones .direccion { padding: 20px; margin: 0; }
.interior.contacto .col-r .lista-direcciones .direccion:nth-child(2n + 3) { margin: 0 0 20px 4%; }
.interior.contacto .col-r .lista-direcciones .direccion h3 { font-size: 16px; }
.interior.contacto .col-r .lista-direcciones .direccion a { font-size: 16px; }
.interior.contacto input[type="submit"] { padding: 20px; display: block; }
/* CERTIFICACIONES */

.interior.certificaciones { text-align: inherit; }
.lista-certificaciones { float: left; width: 100%; }
.lista-certificaciones .certificacion { width: 98%; float: left; /* min-height: 230px; */ border-radius: 5px; margin: 1%; padding: 2%; border: 1px solid rgb(0 0 0 / 20%); }
.lista-certificaciones .certificacion img { float: right; margin: 0 0 0 2%; }
.lista-certificaciones .certificacion p { margin: 0; }
.interior-certificaciones { width: 100%; padding: 0 7%; float: left; }
.interior-certificaciones .col-l { width: 60%; }
.interior-certificaciones .col-r { width: 36%; }
.interior-certificaciones .col-l li, .interior-certificaciones .col-l b { color: #008263; }
.interior-certificaciones .col-r li, .interior-certificaciones .col-r b { color: #d06f19; }
.interior-certificaciones h2 { font-weight: 600; }
.interior-certificaciones ul { display: block; margin: 0 0 20px 0 !important; }
.interior.noticia .col-l { width: 70%; }
.interior.noticia .col-r { width: 25%; padding: 0 20px; min-height: 300px; border-left: 1px solid rgb(0 0 0 / 14%); }
.interior.noticia .col-r li { margin: 0 0 10px 30px; line-height: 110%; }
.interior.noticia .col-r li a { font-size: 14px; }
.interior.noticia .col-r li:before { font-size: 16px; }
.breadcrumb { padding: 20px; background-color: hsl(0deg 0% 0% / 10%); }
.breadcrumb a { padding: 0 20px; border-left: 1px solid rgb(0 0 0 / 26%); color: #008263; }
.breadcrumb span:nth-child(1) a { border: 0 !important; }

/* ======================================== */
/* =============== RESPONSIVE ============= */
/* ======================================== */

/* ------------------------------------- */
/*           2K 4K and beyond            */
/* ------------------------------------- */
@media (min-width: 1181px) {
.nuestra-metodologia .texto { padding: 20px 45px; }
}

/* ------------------------------------- */
/*               1180 MAX                */
/* ------------------------------------- */
@media (max-width: 1180px) {
.nuestra-metodologia .texto { padding: 20px 45px; }
}

/* ------------------------------------- */
/*                939 MAX                */
/* ------------------------------------- */
@media (max-width: 939px) {
.home1 { padding: 40px; }
.menu-principal { display: none; }
.menu-movil-activar { display: block; }
.header .logo { float: none; max-width: 170px; margin: 0 auto; }
.menu-principal { margin: 0; width: 100%; }
.menu-principal li { margin: 0; padding: 0; width: 100%; }
.menu-principal a { margin: 0; padding: 20px; font-size: 20px; }
.carousel-item { height: 300px; }
.carousel-item .carousel-caption { width: 100%; left: 0; top: 0; padding: 5%; }
.home-nuestro-enfoque, .nuestra-metodologia { padding: 40px 0; }
.nuestra-metodologia h1, .nuestra-metodologia p { width: 100%; min-height: auto; }
.nuestra-metodologia .texto p { font-size: 10px; }
.home-soluciones .soluciones-lista { padding: 0; }
.home-soluciones .solucion { /* padding: 1.5%; */ width: 22%; min-height: 210px; margin: 0 4% 0 0; }
.home-soluciones .solucion h4 { /* font-size: 45px; */ }
.unidades-equipos-lista .unidad img { max-width: 290px; margin: -40px 0 0 -25px; }
.formulario {
    padding: 20px 40px;
}
}

/* ------------------------------------- */
/*                768 MAX                */
/* ------------------------------------- */
@media (max-width: 768px) {
.interior.contacto .col-l { width: 100%; }
.interior.contacto .col-r { width: 100%; padding: 0; }
.interior.contacto .col-r .lista-direcciones .direccion:nth-child(2n + 3), .interior.contacto .col-r .lista-direcciones .direccion { margin: 0 0 30px 0; }
.home1 .col-l img { width: 100%; }
.home-servicios .servicio { width: 48%; min-height: 340px; margin: 0 4% 20px 0; }
.home-servicios .lista-servicios .servicio:nth-child(3n) { margin: 0 4% 20px 0; }
.home-servicios .lista-servicios .servicio:nth-child(2n) { margin: 0 0 20px 0; }
.noticias-blog .noticia { width: 100%; background-size: 100%; }
.noticias-blog a.cta-01, .home .certificaciones .cta-01 { width: 70%; margin: 0 15%; }
.home-soluciones .solucion h4 { font-size: 40px; }
.nuestra-metodologia { padding: 20px 0; }
.nuestra-metodologia h1, .nuestra-metodologia p { width: 100%; min-height: inherit; }
.nuestra-metodologia .col-1, .nuestra-metodologia .col-3 { width: 80%; margin: 0 10% 40px 10%; }
.nuestra-metodologia .col-2 { width: 100%; }
.nuestra-metodologia .col-2 .texto { width: 100%; height: 24px; margin: 70px 0 15% 0; padding: 10px 20%; }
.nuestra-metodologia .texto:before { transform: rotate(90deg); width: 140%; height: 190%; top: -50%; left: -20%; background-size: 100% 100%; background-position: center; }
.nuestra-metodologia h4, .nuestra-metodologia .col-1 p { font-size: 28px; }
.nuestra-metodologia .texto p { line-height: 100%; font-size: 22px; padding: 0 10%; }
.home-servicios { padding: 40px 0; }
.home-servicios h1, .home-servicios p, .home .certificaciones h1, .home .certificaciones p, .formulario .col-l, .formulario .col-r { width: 100%; min-height: inherit; }
.home-servicios .servicio h3, .home-servicios .servicio p { text-align: center; }
.formulario .c50 { width: 100%; }
.formulario { padding: 40px 40px; min-height: inherit; }
footer .pre-footer .wrap { padding: 0; }
footer .telefono { width: 100%; margin: 20px 0; padding: 20px; }
footer .ver-directorio, footer .presencia { padding: 10px; width: 100%; margin: 20px 0; }
footer .presencia { padding: 20px; margin: 0; }
footer .menu-footer { margin: 0 2% 40px 0; min-height: 330px; }
footer .menu-footer li { width: 100%; }
.header-interior .texto { padding: 20px 0; }
.header-interior h2, .header-interior p { width: 100%; min-height: auto; }
.unidades-equipos-lista .unidad img { width: 50%; margin: -50px 0 0 -20px; }
.unidades-equipos-lista .col-l { width: 45%; margin: 0; }
.unidades-equipos-lista .col-r { width: 45%; margin: 0; }
footer .direccion, footer .menu-footer, footer .col, footer .redes { width: 48%; min-height: 300px; }
.carousel-item video { height: 500px; }
.interior .direccion { width: 98%; }
.lista-servicios-interior .texto, .lista-servicios-interior .servicio:nth-child(2n) .texto { width: 28%; }
.lista-servicios-interior .imagen { width: 68%; }
.interior-certificaciones { padding: 0; }
.interior.noticia .col-l, .interior.noticia .col-r { width: 100%; min-height: auto; }
.interior.noticia .col-r { margin: 40px 0; }
}

/* ------------------------------------- */
/*                600 MAX                */
/* ------------------------------------- */
@media (max-width: 600px) {
footer .pre-footer { display: none; }
.formulario { padding: 20px 20px; min-height: inherit; }
.home1 .col-l img { width: 80%; }
.home1 .wrap { padding: 0 20px; }
.home1 .col-r, .home1 .col-l, .home-nuestro-enfoque .col-l, .home-nuestro-enfoque .col-r { width: 100%; padding: 0; margin: 0 0 20px 0; }
.home-nuestro-enfoque img { margin: 10%; width: 80%; }
.home-nuestro-enfoque .cta-01 { width: 100%; }
.home1, .home-nuestro-enfoque, .nuestra-metodologia, .home-servicios { padding: 20px 0; }
.home-nuestro-enfoque .wrap { padding: 0 20px; }
.home .certificaciones h1, .home .certificaciones p { width: 100%; margin: 0 0 30px 0; }
.home-soluciones { padding: 40px 20px; background-size: cover; }
.home-soluciones .wrap { padding: 0; }
.home-soluciones h1, .home-soluciones h2 { margin: 0 0 29px 0; width: 100%; min-height: inherit; }
.home-soluciones .soluciones-lista { padding: 0px; }
.home-soluciones .soluciones-lista .solucion { width: 46%; min-height: 257px; margin: 20px 2%; }
.home-soluciones .soluciones-lista .solucion h4 { font-size: 65px; }
.home-soluciones .soluciones-lista .solucion p { font-size: 18px; }
.unidades-equipos-lista .unidad img, .unidades-equipos-lista .col-l, .unidades-equipos-lista .col-r { width: 100%; }
.unidades-equipos-lista .unidad img { position: inherit; width: 100%; margin: -80px auto -80px auto; }
.carousel-item video { height: 500px; }
.interior .direccion a { font-size: 20px; }
.interior .direccion { padding: 20px; }
.interior .direccion h3 { font-size: 17px; }
.lista-servicios-interior .texto, .lista-servicios-interior .servicio:nth-child(2n) .texto, .lista-servicios-interior .imagen { width: 100%; }
}

/* ------------------------------------- */
/*                480 MAX                */
/* ------------------------------------- */
@media (max-width: 480px) {
.footer .col { display: none; }
.footer .col-l img { margin: 10px 20px 60px 0; }
.home-servicios .servicio { width: 100%; text-align: center; padding: 30px; min-height: auto; margin: 0 0 20px 0; }
.home-servicios .servicio h3 { min-height: auto; }
.home .certificaciones .cta-01 { width: 90%; margin: 0 5%; }
.home-soluciones h1 { font-size: 34px; }
.home-soluciones h2 { font-size: 24px; }
.home-soluciones .soluciones-lista .solucion { min-height: 206px; }
.home-soluciones .soluciones-lista .solucion p { font-size: 12px; }
.nuestra-metodologia .col-2 .texto { margin: 74px 0 32% 0; padding: 0; }
footer .direccion, footer .menu-footer, footer .col, footer .redes { width: 100%; }
footer .direccion h4, footer .menu-footer h4, footer .col h4, footer .redes h4 { font-size: 24px; }
footer .direccion p, footer .direccion p.dir, footer .menu-footer p, footer li a, footer .col p, footer .redes p { font-size: 16px; }
.carousel-item video { height: 344px; width: 175%; margin: 0 0 0 -40%; }
.interior-certificaciones .col-l, .interior-certificaciones .col-r { padding: 0; width: 100%; }
}

/* ------------------------------------- */
/*                380 MAX                */
/* ------------------------------------- */
@media (max-width: 380px) {
}
/* == WordPress WYSIWYG Editor Styles == */

.entry-content img { margin: 0 0 1.5em 0; }
.alignleft, img.alignleft { margin-right: 1.5em; display: inline; float: left; }
.alignright, img.alignright { margin-left: 1.5em; display: inline; float: right; }
.aligncenter, img.aligncenter { margin-right: auto; margin-left: auto; display: block; clear: both; }
.wp-caption { margin-bottom: 1.5em; text-align: center; padding-top: 5px; }
.wp-caption img { border: 0 none; padding: 0; margin: 0; }
.wp-caption p.wp-caption-text { line-height: 1.5; font-size: 10px; margin: 0; }
.wp-smiley { margin: 0 !important; max-height: 1em; }
blockquote.left { margin-right: 20px; text-align: right; margin-left: 0; width: 33%; float: left; }
blockquote.right { margin-left: 20px; text-align: left; margin-right: 0; width: 33%; float: right; }