:root {
    --orange:#f27830;
    --dark-blue:#1f3b4d;
    /* --light:#f4f5f7; */
    --light:#f4f4f4;
    --green:#a3c47c;
	--primary-font:'Geist', sans-serif;
    --secondary-font:"Bricolage Grotesque", sans-serif;
}
.imgfluid {
	max-width:100%;
	height:auto;
}
.noscroll {
	overflow:hidden;
}
::-webkit-selection{color:var(--light);background:var(--green);}
::-moz-selection{color:var(--light);background:var(--green);}
::-ms-selection{color:var(--light);background:var(--green);}
::selection{color:var(--light);background:var(--green);}
html, body {
    scroll-behavior:smooth;
	font-family:var(--primary-font);
	background:#fff;
	overflow-x:hidden;
    color:var(--dark-blue);
    scroll-padding-top:108px;
}
body.blog,
body.page-id-40 {
	padding-top:150px;
}
a {
	text-decoration:none;
	transition:all .3s ease;
}
h1, h2, h3, h4, h5, h6 {
    margin-top:0;
    font-family:var(--secondary-font);
}
p,
.fullwrap ul li {
	font-family:var(--primary-font);
	font-size:20px;
	color:var(--dark-blue);
    margin-bottom:30px;
    line-height:1.12;
    margin-top:0;
}
p strong {
    font-weight:700;
}
h2 {
    font-size:60px;
    font-weight:300;
    line-height:1.12;
}
h2 strong {
    font-weight:500;
}
.nmb {
    margin-bottom:0;
}
.imground {
    border-radius:30px;
}
/* GENERALES */
.main {
    padding-top:100px;
}
.wrap {
    width:100%;
    max-width:1220px;
    margin:0 auto;
    padding:0 20px;
}
.fullwrap {
	font-size:0;
	position:relative;
	z-index:1;
}
.fullwrap.to-front {
    z-index:2;
}
.fullwrap.spacing-small {
	padding-top:45px;
	padding-bottom:45px;
}
.fullwrap.spacing-small-top {
	padding-top:45px;
}
.fullwrap.spacing-small-bottom {
	padding-bottom:45px;
}
.fullwrap.spacing {
	padding-top:90px;
	padding-bottom:90px;
}
.fullwrap.spacing-top {
	padding-top:90px;
}
.fullwrap.spacing-bottom {
	padding-bottom:90px;
}
.fullwrap.spacing-big {
	padding-top:120px;
	padding-bottom:120px;
}
.fullwrap.spacing-big-top {
	padding-top:120px;
}
.fullwrap.spacing-big-bottom {
	padding-bottom:120px;
}
.fullwrap.extra-spacing {
	padding-top:180px;
	padding-bottom:180px;
}
.fullwrap.extra-spacing-top {
	padding-top:180px;
}
.fullwrap.extra-spacing-bottom {
	padding-bottom:180px;
}
.fullwrap.no-bottom {
	padding-bottom:0!important;
}
.fullwrap.no-top {
	padding-top:0!important;
}
.fullscreen {
	height:100vh;
}
.main-grid {
    display:grid;
    grid-template-columns:minmax(0, 1fr) repeat(12, minmax(0, 80px)) minmax(0, 1fr);
    grid-gap:20px;
    max-width:1440px;
    margin:auto;
}
.main-grid.main-grid-hero {
    display:grid;
    grid-template-columns:minmax(0, 1fr) repeat(12, minmax(0, 80px)) minmax(0, 1fr);
    grid-gap:20px;
}
.main-grid.grid-center {
    align-items:center;
}
.main-grid .grid-wrap {
    grid-column-start:2;
    grid-column-end:14;
}
.main-grid .grid-wrap-full {
    grid-column-start:1;
    grid-column-end:15;
}

.grid-half {
	display:grid;
	grid-template-columns:1fr 1fr;
	grid-gap:30px;
}
.grid-half.image-first > :first-child {
	grid-column-start:2;
	grid-column-end:3;
	grid-row-start:1;
}
.grid-half.image-first > :last-child {
	grid-column-start:1;
	grid-column-end:2;
	grid-row-start:1;
}
.grid-half.grid-center {
	align-items:center;
}
.grid-half.grid-bottom {
	align-items:end;
}

/* HIGHLIGHTS & BGS */
.highlight-orange {
	color:var(--orange);
}
.highlight-light {
	color:var(--light);
}
.highlight-green {
	color:var(--green);
}
.highlight-dark-blue {
	color:var(--dark-blue);
}
.bg-light {
	background:var(--light);
}
.bg-orange {
	background:var(--orange);
}
.bg-green {
	background:var(--green);
}
.bg-dark-blue {
	background:var(--dark-blue);
}

/* BTNS */
a:visited {
    color:unset;
}
.btn-primary {
	outline:0;
	border:0;
	display:inline-block;
	border-radius:100px;
	padding:10px 28px;
	background:var(--green);
	color:var(--dark-blue);
	font-family:var(--primary-font);
	font-size:14px;
	line-height:18px;
	text-align:center;
	cursor:pointer;
}
.btn-primary.btn-orange:not(:hover) {
    background:var(--orange);
}
.btn-primary.btn-light:not(:hover) {
    background:var(--light);
}
.btn-black {
	font-weight:900;
}
.btn-primary:hover,
.btn-send:hover {
	background:var(--dark-blue);
	color:var(--light);
}
.btn-primary.btn-light2:not(:hover) {
	background:var(--light2);
	color:var(--dark-brown);
}
.btn-primary.btn-brown:not(:hover) {
	background:var(--brown);
	color:var(--light);
}
.btn-primary.has-icon {
	position:relative;
	padding-left:72px;
	padding-right:28px;
}
.btn-primary.has-icon svg {
	position:absolute;
	top:50%;
	left:28px;
	transform:translateY(-50%);
}
.btn-send {
	outline:0;
	border:0;
	display:inline-block;
	border-radius:90px;
	padding:0 16px;
	background:var(--gold);
	color:var(--light2);
	font-family:var(--primary-font);
	font-size:20px;
	font-weight:900;
	line-height:42px;
	text-align:center;
	width:100%;
	cursor:pointer;
	transition:all .3s ease;
}
/* HEADER */
.header {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	/* background:#000; */
	height:148px;
	padding:30px 0;
	transition:all .3s ease;
	z-index:999;
}
.header.header-fixed {
	background:var(--light);
	padding:10px 0;
	height:108px;
}
.header .header-wrap {
	max-width:1210px;
	margin:0 auto;
	display:grid;
	grid-template-columns:273px 1fr;
	grid-gap:15px;
	align-items:center;
	height:100%;
	transition:all .3s ease;
	padding:0 15px;
}
.header .header-logo .custom-logo {
	max-width:100%;
    width:auto;
	height:88px;
	transition:all .3s ease;
}
/* .header.header-fixed .header-logo .custom-logo,
body.blog .header .header-logo .custom-logo  {
	filter:invert(1);
	max-width:100px;
} */
.header .main-nav {
	text-align:right;
}
.header .main-nav .main-menu {
	list-style:none;
	margin:0;
	background:var(--orange);
	display:inline-flex;
	border-radius:100px;
	padding:4px 4px 4px 35px;
    text-align:center;
}
.header .main-nav .main-menu li {
	display:inline-block;
	padding:0 20px;
}
.header .main-nav .main-menu li.header-contacto {
    padding-right:0;
}
.header .main-nav .main-menu li.header-contacto .menu-link {
	padding:0 26px;
    background:var(--light);
    border-radius:100px;
    text-align:center;
    color:var(--dark-blue);
}
.header .main-nav .main-menu li.header-contacto .menu-link:hover {
    background:var(--dark-blue);
    color:var(--light);
}
.header .main-nav .main-menu li .menu-link {
	display:block;
	font-size:14px;
	color:var(--dark-blue);
	text-decoration:none;
	line-height:38px;
    background:none;
    border:0;
    outline:0;
    cursor:pointer;
    padding:0;
}
.header .main-nav .main-menu li .menu-link:not(.menu-active):hover,
.header .main-nav .main-menu li.has-submenu.opened > .menu-link {
	color:var(--light);
}
.header .main-nav .main-menu li .menu-link.menu-active {
	background:var(--light);
	padding:0 16px;
	border-radius:100px;
}
.header .main-nav .main-menu li .menu-link.menu-active:hover {
	color:var(--light);
	background:var(--dark-brown);
}
.header .main-nav .main-menu li.header-lang img {
    height:20px;
    width:20px;
    object-fit:cover;
    object-position:center;
    vertical-align:middle;
    margin-left:3px;
    margin-top:-3px;
    border-radius:50%;
}
.main-menu {

}
.header .main-nav .main-menu li.header-hidden {
	display:none;
}
.header .header-btn .btn-menu {
    display:none;
    width:40px;
    height:56px;
    border:0;
    background:0;
    outline:0;
	padding:0;
}
.header .header-btn .btn-menu .bar {
    display:block;
    width:100%;
    height:2px;
    background:var(--dark-blue);
    border-radius:4px;
}
.header .header-btn .btn-menu .bar:nth-child(2) {
    margin:3px 0;
}
.has-submenu {
    position:relative;
}
.has-submenu .submenu {
    display:none;
    position:absolute;
    top:38px;
    left:-15px;
    right:-15px;
    background:var(--orange);
    list-style:none;
    margin:0;
    padding:5px 10px 12px 10px;
    border-bottom-right-radius:30px;
    border-bottom-left-radius:30px;
    text-align:center;
}
.has-submenu.opened .submenu {
    display:block;
}
.header .main-nav .main-menu li.has-submenu .menu-link.open-submenu {
    position:relative;
    padding-right:15px;
}
.header .main-nav .main-menu li.has-submenu .submenu li {
    display:block;
    text-align:center;
    padding-left:0;
    padding-right:0;
}
.has-submenu .menu-link.open-submenu::after {
    content:'';
    width:0px;
    height:0px;
    border-style:solid;
    border-width:6.9px 4px 0 4px;
    border-color:var(--dark-blue) transparent transparent transparent;
    position:absolute;
    top:50%;
    right:0;
    transform:translateY(-50%);
    transition:all .3s ease;
}
.has-submenu .menu-link.open-submenu:hover::after {
    border-top-color:var(--light);
}
.has-submenu.opened .menu-link.open-submenu::after {
    border-width:0 4px 6.9px 4px;
    border-color:transparent transparent var(--light) transparent;
}
.has-submenu .submenu .menu-link {
    line-height:1.5;
    padding:5px 0;
}
.header .main-nav .main-menu li.hide-menu {
    display:none;
}
/* .site-main {
	padding-top:90px;
} */
.hero-main {
    padding-top:148px;
}
.hero {
	aspect-ratio: 2.17 / 1;
	/* background:url(../img/bg-hero.jpg) center / cover; */
    background:url(../videos/hero.png) center / cover;
	position:relative;
    border-radius:30px;
    position:relative;
    overflow:hidden;
    display:flex;
}
.hero .hero-video {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    position:absolute;
    z-index:1;
    pointer-events:none;
}
.hero .hero-video video {
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
}
.hero::before {
    content:'';
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    background:rgba(14, 26, 31, .3);
    z-index:2;
}
.hero .main-grid {
    position:relative;
    z-index:10;
    width:100%;
    margin:auto;
}
.hero-txt {
    position:relative;
    z-index:10;
    margin:auto;
    text-align:center;
}
.hero-txt h1 {
    font-size:120px;
    font-weight:800;
    list-style-position:1.12;
    color:var(--light);
    margin:0;
}
.hero-txt p {
    font-size:35px;
    font-weight:500;
    list-style-position:1.12;
    color:var(--light);
    margin:0;
}
.home-nosotros-txt .inner-wrap {
    max-width:515px;
    margin-left:auto;

}
.home-nosotros-btn {
    text-align:right;
}
.home-valores-img img {
    width:100%;
}
.home-valores-main {
    position:relative;
    z-index:10;
    margin-top:-60px;
}
.home-valores {
    background:var(--green);
    border-radius:30px;
    box-shadow:-4px 4px 4px 0 rgba(0, 0, 0, .25);
    max-width:980px;
    margin:0 auto;
    padding:0 70px 23px 70px;
}
.home-valores h2 {
    color:var(--dark-blue);
    font-weight:500;
    margin:0;
    text-align:center;
    line-height:1;
    transform:translateY(-55%);
}
.valores {
    display:flex;
    justify-content:space-between;
    gap:27px;
    align-items:center;
    text-align:center;
}
.valor p {
    font-family:'Geist', sans-serif;
    font-size:20px;
    color:var(--dark-blue);
    font-weight:400;
    margin:0;
}
.home-productos-heading h2 {
    color:var(--dark-blue);
    margin-bottom:37px;
    text-align:center;
}
.home-productos-heading h2 strong {
    font-weight:500;
}
.home-productos {
    position:relative;
    background-size:cover;
    background-position:center;
    padding-top:66%;
    border-radius:30px;
    overflow:hidden;
}
.home-productos.hp-empaque {
    background-image:url(../img/home-empaque.jpg);
}
.home-productos.hp-construccion {
    background-image:url(../img/home-construccion.jpg);
}
.home-productos::before {
    content:'';
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:rgba(14, 26, 31, .2);
    z-index:1;
}
.home-productos .btn-primary {
    position:absolute;
    top:22px;
    right:22px;
    z-index:10;
}
.home-productos h3 {
    position:absolute;
    bottom:16px;
    left:47px;
    z-index:10;
    font-family:'Geist', sans-serif;
    font-size:35px;
    font-weight:600;
    color:var(--light);
    margin:0;
}
.bg-home-servicios {
    position:relative;
    background:url(../img/home-servicios.jpg) center / cover no-repeat;
    overflow:hidden;
}
.bg-home-servicios::before {
    content:'';
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:rgba(14, 26, 31, .6);
    z-index:1;
}
.bg-home-servicios .wrap,
.bg-home-eps .wrap {
    position:relative;
    z-index:10;
}
.home-servicios-heading {
    text-align:center;
    max-width:598px;
    margin:0 auto 60px auto;
}
.home-servicios-heading h2 {
    margin:0 0 18px 0;
}
.home-servicios-heading p {
    margin:0;
    font-weight:400;
}
.home-servicios {
    display:grid;
    grid-template-columns:repeat(4, minmax(0, 1fr));
    grid-gap:41px;
}
.home-servicio {
    border-radius:30px;
    padding:63px 10px 30px 10px;
    text-align:center;
}
.home-servicio:nth-child(1) {
    background:var(--dark-blue);
}
.home-servicio:nth-child(2) {
    background:var(--orange);
}
.home-servicio:nth-child(3) {
    background:var(--green);
}
.home-servicio:nth-child(4) {
    background:var(--light);
}
.home-servicio .home-servicio-icon {
    margin-bottom:46px;
}
.home-servicio p {
    margin:0;
    font-size:22px;
    color:var(--dark-blue);
}
.home-servicio:nth-child(1) p {
    color:var(--light);
}

.bg-home-eps {
    position:relative;
    background:url(../img/home-eps.jpg) center / cover no-repeat;
    overflow:hidden;
}
.bg-home-eps::before {
    content:'';
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:var(--dark-blue);
    mix-blend-mode:multiply;
    z-index:1;
}
.home-eps-heading h2 {
    margin:0 0 42px 0;
    text-align:center;
}
.home-eps-boxes {
    display:grid;
    grid-template-columns:repeat(5, minmax(0, 1fr));
    grid-gap:32px;
}
.home-eps-box .inner-wrap {
    position:relative;
    padding-top:100%;
    border-radius:30px;
    background:var(--green);
}
.home-eps-box .inner-wrap svg {
    position:absolute;
    top:17px;
    right:17px;
}
.home-eps-box .inner-wrap p {
    position:absolute;
    bottom:17px;
    left:22px;
    right:20px;
    margin:0;
    font-size:22px;
    line-height:normal;
}
.home-blog-top {
    margin-bottom:53px;
}
.home-blog-heading {
    max-width:450px;

}
.home-blog-heading h2 {
    margin:0;
}
.home-blog-txt p {
    margin:0 0 0 auto;
    max-width:451px;
}
.blog-wrap {
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    grid-gap:34px;
}
.post-box {
    box-shadow:-4px 4px 4px 0 rgba(0, 0, 0, .25);
    background-color:var(--light);
    transition:all .3s ease;
    border-radius:30px;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    width:100%;
    height:100%;
}
.post-box:hover {
    background:var(--green);
}
.post-box .inner-wrap {
    padding:28px 10px;
}
.post-box .post-box-heading {
    position:relative;
    padding-right:75px;
}
.post-box .post-box-heading h3 {
    font-family:var(--primary-font);
    font-size:30px;
    color:var(--dark-blue);
    margin:0 0 20px 0;
    line-height:1.1;
}
.post-box .post-box-heading h3 a {
    color:var(--dark-blue);
}
.post-box .post-box-heading .post-box-date {
    position:absolute;
    top:12px;
    right:0;
    font-family:var(--primary-font);
    font-size:14px;
    color:var(--dark-blue);
}
.post-box p {
    margin:0;
}
.post-box .post-box-img {
    padding-top:74.17%;
    position:relative;
}
.post-box .post-box-img img {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    border-radius:30px;
    z-index:1;
}
.post-box .post-box-img .post-box-btn {
    position:absolute;
    bottom:21px;
    right:21px;
    z-index:10;
}
/* NOSOTROS */
.main {
    padding-top:148px;
}
.hero-interior {
    height:469px;
    background-size:cover;
    background-position:center;
    position:relative;
    overflow:hidden;
    border-radius:30px;
    display:flex;
}
.hero-interior::before {
    content:'';
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    mix-blend-mode:multiply;
    background-color:rgba(31, 59, 77, 0.9);
}
.hero-interior.nosotros-hero {
    background:url(../img/nosotros-hero.jpg);
}
.hero-interior.empaque-hero {
    background:url(../img/empaque-hero.jpg);
}
.hero-interior.construccion-hero {
    background:url(../img/construccion-hero.jpg);
}
.hero-interior .wrap {
    position:relative;
    z-index:10;
    width:100%;
    margin:auto;
}
.hero-interior h1 {
    text-align:center;
    color:var(--light);
    font-size:120px;
    font-weight:300;
    line-height:.91;
    margin:0 auto;
}
.hero-interior h1 strong {
    font-weight:500;
}
.hero-interior.nosotros-hero h1 {
    max-width:840px;
}
.hero-interior p {
    font-size:35px;
    font-weight:500;
    color:var(--light);
    margin:0;
    text-align:center;
}
.nosotros-top {
    display:grid;
    grid-template-columns:7fr 5fr;
    grid-gap:55px 20px;
}
.nosotros-top-txt .inner-wrap {
    max-width:628px;
}
.nosotros-top-txt .inner-wrap h2 {
    margin:0 0 23px 0;
}
.nosotros-boxes {
    margin-top:70px;
}
.nosotros-box {
    box-shadow: -4px 4px 4px 0 rgba(0, 0, 0, 0.25);
    padding:44px 15px;
}
.nosotros-box .inner-wrap {
    max-width:488px;
    margin:auto;
}
.nosotros-box h3 {
    font-family:var(--primary-font);
    font-size:35px;
    font-weight:600;
    color:var(--dark-blue);
    margin-bottom:19px;
}

/* PRODUCTOS */
.productos-heading h2 {
    margin:0;
}
.productos-info {
    padding-left:379px;
}
.productos-info .inner-wrap {
    max-width:759px;
}
.productos-caracteristicas {
    max-width:1034px;
    margin:0 auto;
    display:flex;
    gap:20px;
    justify-content:space-between;
    margin-top:90px;
}
.caracteristica {
    text-align:center;
}
.productos {
    max-width:967px;
    margin:80px auto;
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    grid-gap:37px 67px;
}
.producto {
    background:var(--green);
    border-radius:30px;
    overflow:hidden;
    position:relative;
    box-shadow:-4px 4px 4px 0 rgba(0, 0, 0, .25);
    cursor:pointer;
    display:flex;
    width:100%;
    flex-direction:column;
    justify-content: space-between;
}
.producto .producto-icon {
    position:absolute;
    top:35px;
    right:23px;
}
.producto .producto-txt {
    padding:35px 28px;
}
.producto .producto-txt h3 {
    font-family:var(--primary-font);
    font-size:30px;
    font-weight:500;
    margin:0 0 20px 0;
    color:var(--dark-blue);
    padding-right:35px;
}
.producto .producto-txt p {
    max-width:358px;
}
.producto .producto-txt p:last-child {
    margin-bottom:0;
}
.producto .producto-img {
    border-radius:30px;
    padding-top:64.55%;
    background-size:cover;
    background-position:center;
}
.mercados-wrap {
    padding:40px 15px;
}
.mercados {
    display:flex;
    max-width:1033px;
    margin:0 auto;
    gap:20px;
    justify-content:space-between;
}
.mercados-heading h3 {
    text-align:center;
    font-family:var(--primary-font);
    font-size:30px;
    font-weight:500;
    line-height:1.12;
    color:var(--dark-blue);
    margin:0 0 30px 0;
}
.mercado {
    text-align:center;
}
.mercado .mercado-icon {
    width:75px;
    height:75px;
    margin:0 auto 22px auto;
    display:flex;
}
.mercado .mercado-icon svg {
    margin:auto;
}

/* MODALS */
.modals {
    display:none;
}
.modal {
    width:100%;
    max-width:1040px;
    background:var(--green);
    border-radius:30px;
    margin:auto;
    box-shadow:-4px 4px 4px 0 rgba(0, 0, 0, .25);
}
.modal .inner-wrap {
    max-width:810px;
    margin:0 auto;
    padding:60px 15px;
}
.modal .modal-heading.has-btns {
    display:flex;
    justify-content:space-between;
    gap:20px;
    align-items:center;
}
.modal .modal-heading .modal-btns .btn-primary {
    margin-right:16px;
}
.modal .modal-heading .modal-btns .btn-primary:last-child {
    margin-right:0;
}
.modal .modal-heading h2 {
    margin:0 0 28px 0;
}
.modal .modal-img {
    text-align:right;
}
.modal .modal-img img {
    box-shadow:-4px 4px 4px 0 rgba(0, 0, 0, .25);
}
.modal .modal-beneficios {
    margin-top:28px;
    display:flex;
    justify-content:space-between;
    gap:30px 15px;
    text-align:center;
}
.beneficio .beneficio-icon svg path {
    fill:var(--light);
}
.modal-beneficios-wrap.in-txt {
    margin-top:65px;
}
.modal-beneficios.two-cols {
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    grid-gap:30px;
}
.modal-beneficios.three-cols {
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    grid-gap:30px;
}
.modal-txt a {
    color:var(--dark-blue);
    text-decoration:underline;
}
.modal-txt a:hover {
    color:var(--light);
}
/* CONTACTO */
.footer-contacto {
    background:var(--dark-blue);
    padding:50px 0;
}
.footer-contacto-heading {
    max-width:900px;
}
.form-wrap {
    display:grid;
    grid-template-columns:1fr;
    grid-gap:33px;
}
.wpcf7 label,
.input-wrap label {
    display:block;
    font-family:var(--primary-font);
    color:var(--light);
    font-size:20px;
    font-weight:400;
}
.wpcf7 input:not([type="submit"]),
.wpcf7 select,
.input-wrap input,
.input-wrap select {
    display:block;
    border-radius:0;
    width:100%;
    border:0;
    outline:0;
    background:transparent;
    border-bottom:1px solid var(--light);
    font-family:var(--primary-font);
    color:var(--light);
    font-size:20px;
    line-height:30px;
}
.input-wrap input:focus,
.input-wrap input:active,
.input-wrap select:focus,
.input-wrap select:active,
.wpcf7 select:focus,
.wpcf7 select:active {
    color:var(--light);
}
.wpcf7 select,
.input-wrap select {
    appearance:none;
}
.wpcf7-response-output {
    color:var(--light);
}
.contacto-mapa {
    text-align:right;
}
.wpcf7 input[type="submit"] {
    border:0;
    border-radius:100px;
    padding:10px 28px;
    line-height:18px;
}
.btn-primary.btn-submit {
    background:var(--orange);
    color:var(--light);
    min-width:137px;
    transition:all .3s ease;
}
.btn-primary.btn-submit:hover {
    background:var(--green);
    color:var(--dark-blue);
}

/* FOOTER */
.footer {
    padding:55px 0;
}
.footer-logo {
    max-width:204px;
    margin-bottom:25px;
}
.footer-info {
    display:grid;
    grid-template-columns:4fr 5fr 3fr;
    grid-gap:55px 20px;
}
.footer-info-box ul {
    list-style:none;
    margin:0 auto;
    max-width:120px;
    padding:0;
}
.footer-info-box ul li a,
.footer-lugar p,
.footer-bottom p {
    font-family:var(--primary-font);
    font-size:14px;
    color:var(--dark-blue);
}
.footer-info-box ul li a:hover {
    color:var(--orange);
}
.footer-info-box ul li:not(:last-child) {
    margin-bottom:14px;
}
.footer-info h3 {
    font-family:var(--primary-font);
    font-size:20px;
    font-weight:500;
    color:var(--dark-blue);
    margin-bottom:12px;
}
.certificaciones img:first-child {
    margin-right:15px;
}
.footer-lugares {
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    grid-gap:45px;
}
.footer-lugar.xmb {
    margin-bottom:25px;
}
.footer-bottom {
    margin-top:70px;
    text-align:center;
}
.footer-bottom p {
    margin:0;
}


.hero-interior.blog-hero {
    padding:40px 20px;
}
.hero-interior.blog-hero::before {
    mix-blend-mode:normal;
    background:rgba(0,0,0,.4);
	z-index:2;
}
/* .post-hero {
	height:100vh;
	position:relative;
	display:flex;
	padding:40px 20px;
}
.post-hero::before {
	content:'';
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	background:rgba(0,0,0,.4);
	z-index:2;
} */
.blog-hero img,
.post-hero img {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center;
	z-index:1;
}
.blog-hero h2,
.post-hero h2 {
	margin:auto;
	text-align:center;
	color:var(--light);
	position:relative;
	z-index:10;
}
.post-main-wrap {
	max-width:860px;
	margin:0 auto;
}
.post-main-wrap .entry-meta {
	font-size:18px;
	color:var(--orange);
    margin-bottom:20px;
}
.post-main-wrap .entry-meta a {
	color:var(--orange);
	border-bottom:1px solid var(--orange);
}

@media screen and (max-width:1024px) {
    .hero-txt h1,
    .hero-interior h1 {
        font-size:90px;
    }
    .hero-interior h1  {
        margin-bottom:15px;
    }
    .hero-interior p,
    .hero-txt p {
        font-size:28px;
    }
}
@media screen and (max-width:900px) {
	.header .header-wrap {
		grid-template-columns:273px 1fr;
	}
	.header .header-menu,
    .header .header-btn .btn-header {
        display:none;
    }
    .header.opened {
        background:var(--light);
    }
	.header .header-btn {
		text-align:right;
	}
    .header.opened .header-menu {
        position:fixed;
        top:148px;
        left:0;
        width:100%;
        text-align:center;
        background:var(--orange);
        transition:all .3s ease;
        padding-top:20px;
        /* padding:10px 5px; */
    }
    .header.opened.header-fixed .header-menu {
        top:108px;
    }
    .header.opened .header-menu {
        display:block;
    }
    .header .main-nav .main-menu {
        padding-left:4px;
    }
    .header .header-btn .btn-menu {
        display:inline-block;
    }
	.header.header-fixed:not(.opened) .header-btn .btn-menu .bar,
	body.blog .header:not(.opened) .header-btn .btn-menu .bar,
    body.page-id-40 .header:not(.opened) .header-btn .btn-menu .bar {
		background:var(--dark-blue);
	}
	.header.opened .header-btn .btn-menu .bar {
		background:var(--orange);
	}
	.header .main-nav .main-menu {
		display:block;
		text-align:center;
        border-radius:0;
        padding-bottom:20px;
	}
	.header .main-nav .main-menu li.header-hidden,
	.header .main-nav .main-menu li {
		display:block;
	}
	.header .main-nav .main-menu li .menu-link {
		display:inline-block;
	}
	.header .main-nav .main-menu li.hide-menu {
        display:block;
    }
    .header .main-nav .main-menu li.has-submenu {
        display:none;
    }
    .header .main-nav .main-menu li.header-contacto {
        padding-left:0;
    }

    .hero-txt h1,
    .hero-interior h1 {
        font-size:78px;
    }
    .hero-interior p,
    .hero-txt p {
        font-size:24px;
    }
    h2 {
        font-size:48px;
    }
    .grid-half,
    .blog-wrap  {
        grid-template-columns:1fr;
    }
    .home-nosotros-txt .inner-wrap,
    .home-blog-txt p {
        margin-left:0;
    }
    .home-nosotros-btn,
    .contacto-mapa,
    .modal .modal-img {
        text-align:left;
    }
    .home-nosotros-heading h2 {
        margin-bottom:0;
    }
    .valores,
    .home-eps-boxes,
    .productos-caracteristicas,
    .mercados,
    .modal .modal-beneficios {
        display:grid;
        grid-template-columns:repeat(3, minmax(0, 1fr));
        grid-gap:27px;
    }
    .home-servicios {
        grid-template-columns:repeat(2, minmax(0, 1fr));
    }
    .footer-info,
    .nosotros-top {
        grid-template-columns:1fr;
    }
    .footer-info-box ul {
        margin-left:0;
    }
    .nosotros-top-txt p:last-child {
        margin-bottom:0;
    }
    .productos-info {
        padding-left:0;
        margin-top:30px;
    }
    .modal-beneficios-wrap {
        margin-top:30px;
    }
    .productos {
        grid-gap:37px 24px;
    }
    .home-valores {
        padding-left:35px;
        padding-right:35px;
    }

}
@media screen and (max-width:900px) {
    h2 {
        font-size:42px;
    }
    .hero-txt h1 {
        font-size:68px;
    }
    .hero-interior h1 {
        font-size:54px;
    }
    .hero-interior p {
        font-size:20px;
    }
    .hero-txt p {
        font-size:22px;
    }
    .valores,
    .productos-caracteristicas,
    .mercados,
    .modal .modal-beneficios {
        grid-template-columns:repeat(2, minmax(0, 1fr));
    }
    .home-eps-boxes,
    .home-servicios,
    .productos {
        grid-template-columns:1fr;
    }
    .home-eps-box .inner-wrap {
        padding-top:50%;
    }

}
@media screen and (max-width:640px) {
    .hero-txt h1 {
        font-size:60px;
    }
    .hero {
    	aspect-ratio: 2.17 / 3;
    }
    .modal .modal-heading.has-btns {
        display:block;
    }
    .modal .modal-heading .modal-btns {
        margin-bottom:30px;
    }
    .modal .modal-heading .modal-btns .btn-primary {
        margin-bottom:16px;
    }
}