/**
 * MÉXICO, FEBRERO DE 2021
 */

/** Preloader
-------------------------------------------------------------------------------------**/
#preloader {
	background: #fff;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2000;
}

#preloader i,
#preloader img {
	display: block;
	color: #546e7a;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	font-size: 30px;
}

#preloader img { width: 35px; height: 35px; }

#preloader i::before {
	display: block;
	-moz-animation: preloader 1s ease infinite;
	-webkit-animation: preloader 1s ease infinite;
	animation: preloader 1s ease infinite;
}

@-moz-keyframes preloader { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes preloader { 100% { -webkit-transform: rotate(360deg); } }
@keyframes preloader { 100% { transform: rotate(360deg); } }

/** Layout General
-------------------------------------------------------------------------------------**/
html, body {
	font-size: 100%;
	font-family: 'Montserrat', sans-serif;
	color: var(--color-oscuro);
}

/** Variables
-------------------------------------------------------------------------------------**/
:root {
	--color-blanco: #fff;
	--color-negro: #000;
	--color-azul-oscuro: #072f77;
	--color-azul-claro: #11b9c0ff;
	--color-claro: #caebec;
	--color-claro-2: #ebfeff;
}

/** Ajustes Generales
-------------------------------------------------------------------------------------**/
#wrapper {
	width: 100vw;
	overflow: hidden;
}

a:hover, a:focus { text-decoration: none; }
.no-padding { padding: 0 !important; }

.rte * { margin-bottom: 1rem;  line-height: 145%;}
.rte *:last-child { margin-bottom: 0; }

ul {
	list-style: none;
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
	-webkit-margin-start: 0;
	-webkit-margin-end: 0;
	-webkit-padding-start: 0;
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5 {
	padding: 0;
	margin: 0;
	font-weight: 700;
}

.img-bg {
	width: 100%;
	height: 100%;
	position: relative;
}

img.bg {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.heading {
	color: var(--color-azul-oscuro);
	position: relative;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

.heading::after {
	content: '';
	display: block;
	width: 150px;
	height: 10px;
	background-color: var(--color-azul-claro);
	position: absolute;
	bottom: 0;
	left: 0;
}

.heading::before {
	content: '';
	display: block;
	width: 100%;
	height: 2px;
	background-color: var(--color-azul-oscuro);
	position: absolute;
	bottom: 8px;
	left: 0;
}

.boton {
	display: inline-block;
	background-color: var(--color-azul-oscuro);
	color: var(--color-blanco);
	font-weight: 700;
	padding: 10px 20px;
	border-radius: 15px;
}

.boton:hover {
	background-color: var(--color-azul-claro);
	color: var(--color-blanco);
}

@media (max-width: 575px) { .img-bg { height: 50vh; } }

.font-size-18 { font-size: .8rem; }
@media (max-width: 1199px) { .font-size-20 { font-size: .8rem; } }
@media (max-width: 991px) { .font-size-20 { font-size: .75rem; } }

.font-size-20 { font-size: .9rem; }
@media (max-width: 1199px) { .font-size-20 { font-size: .8rem; } }
@media (max-width: 991px) { .font-size-20 { font-size: .75rem; } }

.font-size-24 { font-size: 1rem; line-height: 1.6rem; }
@media (max-width: 1199px) { .font-size-24 { font-size: .8rem; line-height: 1.4rem; } }
@media (max-width: 991px) { .font-size-24 { font-size: .8rem; line-height: 1.2rem; } }
@media (max-width: 500px) { .font-size-24 { font-size: .8rem; } }

.font-size-28 { font-size: 1.1rem; line-height: 1.8rem; }
@media (max-width: 1199px) { .font-size-28 { font-size: 1rem; line-height: 1.7rem; } }
@media (max-width: 991px) { .font-size-28 { font-size: .9rem; line-height: 1.6rem; } }
@media (max-width: 500px) { .font-size-28 { font-size: .8rem; line-height: 1.3rem; } }

.font-size-30 { font-size: 1.2rem; }
@media (max-width: 1199px) { .font-size-30 { font-size: 1.1rem; } }
@media (max-width: 991px) { .font-size-30 { font-size: 1rem; } }
@media (max-width: 500px) { .font-size-30 { font-size: .9rem; } }

.font-size-32 { font-size: 1.3rem; line-height: 2.2rem; }
@media (max-width: 1199px) { .font-size-32 { font-size: 1.2rem; line-height: 2rem; } }
@media (max-width: 991px) { .font-size-32 { font-size: 1rem; line-height: 1.7rem; } }
@media (max-width: 500px) { .font-size-32 { font-size: 1rem; } }

.font-size-36 { font-size: 1.5rem; }
@media (max-width: 1199px) { .font-size-36 { font-size: 1.35rem; } }
@media (max-width: 991px) { .font-size-36 { font-size: 1.2rem; } }
@media (max-width: 500px) { .font-size-36 { font-size: 1.1rem; } }

.font-size-40 { font-size: 1.8rem; }
@media (max-width: 1199px) { .font-size-40 { font-size: 1.6rem; } }
@media (max-width: 991px) { .font-size-40 { font-size: 1.4rem; } }
@media (max-width: 500px) { .font-size-40 { font-size: 1.25rem; } }

.font-size-48 { font-size: 2rem; }
@media (max-width: 1199px) { .font-size-48 { font-size: 1.8rem; } }
@media (max-width: 991px) { .font-size-48 { font-size: 1.6rem; } }
@media (max-width: 500px) { .font-size-48 { font-size: 1.5rem; } }

.font-size-56 { font-size: 2.3rem; }
@media (max-width: 1199px) { .font-size-56 { font-size: 2.1rem; } }
@media (max-width: 991px) { .font-size-56 { font-size: 1.9rem; } }
@media (max-width: 500px) { .font-size-56 { font-size: 1.6rem; } }

.font-size-64 { font-size: 2.6rem; line-height: 3.4rem; }
@media (max-width: 1199px) { .font-size-64 { font-size: 2.35rem; line-height: 3rem; } }
@media (max-width: 991px) { .font-size-64 { font-size: 2.1rem; line-height: 2.7rem; } }
@media (max-width: 500px) { .font-size-64 { font-size: 1.8rem; line-height: 2.3rem; } }

.font-size-72 { font-size: 3rem; line-height: 3.6rem; }
@media (max-width: 1199px) { .font-size-72 { font-size: 2.35rem; line-height: 3rem; } }
@media (max-width: 991px) { .font-size-72 { font-size: 2.1rem; line-height: 2.7rem; } }
@media (max-width: 500px) { .font-size-72 { font-size: 1.8rem; line-height: 2.3rem; } }

.font-size-96 { font-size: 4rem; }
@media (max-width: 1199px) { .font-size-96 { font-size: 3.6rem; } }
@media (max-width: 991px) { .font-size-96 { font-size: 3.2rem; } }
@media (max-width: 500px) { .font-size-96 { font-size: 3rem; } }

.font-size-128 { font-size: 5.5rem; }
@media (max-width: 1199px) { .font-size-128 { font-size: 5rem; } }
@media (max-width: 991px) { .font-size-128 { font-size: 4rem; } }
@media (max-width: 500px) { .font-size-128 { font-size: 3rem; } }

/** Padding general
-------------------------------------------------------------------------------------**/
.padding-top-120 { padding-top: 120px !important; }
.padding-top-60 { padding-top: 60px !important; }
.padding-top-40 { padding-top: 40px !important; }
.padding-top-30 { padding-top: 30px !important; }
.padding-top-15 { padding-top: 15px !important; }
.padding-bottom-120 { padding-bottom: 120px !important; }
.padding-bottom-60 { padding-bottom: 60px !important; }
.padding-bottom-40 { padding-bottom: 40px !important; }
.padding-bottom-30 { padding-bottom: 30px !important; }
.padding-bottom-15 { padding-bottom: 15px !important; }

/* 80% */
@media (max-width: 1199px) {
	.padding-top-120 { padding-top: 96px !important; }
	.padding-top-60 { padding-top: 48px !important; }
	.padding-top-40 { padding-top: 32px !important; }
	.padding-top-30 { padding-top: 24px !important; }
	.padding-top-15 { padding-top: 12px !important; }
	.padding-bottom-120 { padding-bottom: 96px !important; }
	.padding-bottom-60 { padding-bottom: 48px !important; }
	.padding-bottom-40 { padding-bottom: 32px !important; }
	.padding-bottom-30 { padding-bottom: 24px !important; }
	.padding-bottom-15 { padding-bottom: 12px !important; }
}

/* 60% */
@media (max-width: 991px) {
	.padding-top-120 { padding-top: 72px !important; }
	.padding-top-60 { padding-top: 36px !important; }
	.padding-top-40 { padding-top: 24px !important; }
	.padding-top-30 { padding-top: 18px !important; }
	.padding-top-15 { padding-top: 9px !important; }
	.padding-bottom-120 { padding-bottom: 72px !important; }
	.padding-bottom-60 { padding-bottom: 36px !important; }
	.padding-bottom-40 { padding-bottom: 24px !important; }
	.padding-bottom-30 { padding-bottom: 18px !important; }
	.padding-bottom-15 { padding-bottom: 9px !important; }
}

/* 40% */
@media (max-width: 767px) {
	.padding-top-120 { padding-top: 48px !important; }
	.padding-top-60 { padding-top: 24px !important; }
	.padding-top-40 { padding-top: 16px !important; }
	.padding-top-30 { padding-top: 12px !important; }
	.padding-top-15 { padding-top: 6px !important; }
	.padding-bottom-120 { padding-bottom: 48px !important; }
	.padding-bottom-60 { padding-bottom: 24px !important; }
	.padding-bottom-40 { padding-bottom: 16px !important; }
	.padding-bottom-30 { padding-bottom: 12px !important; }
	.padding-bottom-15 { padding-bottom: 6px !important; }
}

/** TOP
-------------------------------------------------------------------------------------**/
#top {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 120px;
	background: var(--color-blanco);
	z-index: 100;
	transition: height .3s ease;
}

#top::before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background: var(--color-blanco);
	position: absolute;
	top: 0;
	left: 0;
	transition: all .4s ease;
	box-shadow: 0 0 10px rgba(0,0,0,.3);
}

#top.activo::before {
	height: 100vh;
	background-color: var(--color-azul-oscuro);
	top: 120px;
}

#top div.container,
#top div.row,
#top div.col-12 { height: 100%; }

#top a.logo {
	display: inline-block;
	height: calc(100% - 30px);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

#top a.logo img {
	display: block;
	height: 100%;
}

#top a.menu-trigger {
	display: block;
	width: 60px;
	height: 60px;
	background: var(--color-azul-oscuro);
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 15px;
	border-radius: 3px;
	transition: all .3s ease;
}

#top a.menu-trigger:hover { background: var(--color-azul-claro); }

#top a.menu-trigger span {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	background: var(--color-blanco);
	height: 4px;
	width: 75%;
	border-radius: 3px;
	transition-duration: .3s;
}

#top a.menu-trigger span::after,
#top a.menu-trigger span::before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background: var(--color-blanco);
	position: absolute;
	top: -10px;
	left: 0;
	border-radius: 3px;
	transition-duration: .3s;
	transform-origin: center center;
}

#top a.menu-trigger span::before {
	top: auto;
	top: initial;
	bottom: -10px;
	transition-duration: .3s;
}

#top a.menu-trigger.activo { background: var(--color-azul-claro); }
#top a.menu-trigger.activo span { background: transparent; }
#top a.menu-trigger.activo span::after { top: 0; transform: rotate(45deg); transition-property: transform, top; }
#top a.menu-trigger.activo span::before { bottom: 0; transform: rotate(-45deg); transition-property: transform, bottom; }

#top a.boton {
	display: block;
	padding: 8px 16px;
	background: var(--color-azul-claro);
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 15px;
	border-radius: 3px;
	transition: all .3s ease;
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
	transition: all .3s ease;
}

#top a.boton:hover { background: var(--color-azul-oscuro); }

#top ul.contacto {
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 0;
}

#top ul.contacto li {
	display: inline-block;
	vertical-align: top;
}

#top ul.contacto li a {
	display: block;
	font-size: 40px;
	transition: all .3s ease;
}

#top ul.contacto li a.fb { color: #0084ff; }
#top ul.contacto li a.wa { color: #4fce5d; }
#top ul.contacto li a:hover { transform: scale(1.2); }

#top ul.menu {
	position: absolute;
	top: 100%;
	height: calc(100vh - 120px);
	max-height: 0;
	width: 100%;
	transition: all .4s ease;
	overflow: auto;
	padding-top: 15px;
}

#top.activo ul.menu { max-height: 100vh; }

#top ul.menu li {
	position: relative;
	padding-top: 10px;
}

#top ul.menu li:last-child { padding-bottom: 75px; }

#top ul.menu li a {
	display: inline-block;
	font-weight: 700;
	color: var(--color-blanco);
	transition: all .2s linear;
}

#top ul.menu li a:hover { color: var(--color-azul-claro); }

#top ul.menu li div.submenu {
	max-height: 0;
	transition: all .5s linear;
	overflow: hidden;
}

#top ul.menu li div.submenu.activo { max-height: 100vh; }

#top ul.menu li div.submenu a {
	display: inline-block;
	padding: 5px;
	margin-top: 5px;
	position: relative;
}

#top ul.menu li div.submenu a::before {
	content: '»';
	display: inline-block;
	margin-right: 5px;
}

#top ul.menu li.redes a {
	color: var(--color-azul-claro);
	font-size: 35px;
	margin-right: 15px;
}

#top ul.menu li.redes a:hover { color: var(--color-blanco); }

#top ul.menu li.contacto a {
	color: var(--color-azul-claro);
	margin-right: 30px;
	text-transform: uppercase;
	font-weight: 400;
}

#top ul.menu li.contacto a::first-line {
	color: var(--color-blanco);
	font-weight: 700;
}

#top ul.menu li.contacto a:hover,
#top ul.menu li.contacto a:hover::first-line { color: var(--color-azul-claro); }

#top.corto { height: 60px; }
#top.corto a.logo { height: calc(100% - 20px); }
#top.corto a.menu-trigger { width: 40px; height: 40px; }
#top.corto ul.menu { height: calc(100vh - 60px); }

body { padding-top: 120px; }

@media (max-width: 1199px) {
	#top { height: 96px; }
	#top.activo::before { top: 96px; }
	body { padding-top: 96px; }
	#top a.logo { height: calc(100% - 30px); }
	#top a.menu-trigger { width: 50px; height: 50px; }
	#top ul.menu { height: calc(100vh - 96px); }
	#top ul.menu li.redes a { font-size: 40px; }
}

@media (max-width: 991px) {
	#top { height: 72px; }
	#top.activo::before { top: 72px; }
	body { padding-top: 72px; }
	#top a.logo { height: calc(100% - 20px); }
	#top a.menu-trigger { width: 40px; height: 40px; }
	#top ul.menu { height: calc(100vh - 72px); }
	#top ul.menu li.redes a { font-size: 30px; }
}

@media (max-width: 767px) {
	#top { height: 60px; }
	#top.activo::before { top: 60px; }
	body { padding-top: 60px; }
	#top a.logo { height: calc(100% - 10px); }
	#top a.menu-trigger { width: 40px; height: 40px; left: auto; left: initial; right: 15px; }
	#top a.boton { display: none; }
	#top ul.menu { height: calc(100vh - 60px); }
	#top ul.menu li.redes a { font-size: 30px; }
	#top ul.contacto { position: fixed; top: auto; top: initial; right: auto; right: initial; left: 15px; bottom: 15px; transform: none; }
	#top ul.contacto li a { background: #fff; border-radius: 50%; width: 45px; height: 45px; text-align: center; line-height: 45px; margin-right: 5px; box-shadow: 0 0 10px rgba(0,0,0,.3); }
}

/** Footer
-------------------------------------------------------------------------------------**/
#footer {
	position: relative;
	background: var(--color-azul-oscuro);
	color: var(--color-blanco);
}

#footer div.formulario {
	color: var(--color-blanco);
	width: 75%;
	min-width: 290px;
}

#footer div.formulario label {
	display: block;
	margin-top: 10px;
	margin-bottom: 5px;
}

#footer div.formulario input,
#footer div.formulario textarea {
	display: block;
	width: 100%;
	background: var(--color-blanco);
	border: none;
	border-radius: 15px;
	color: var(--color-negro);
	padding: 5px 15px;
	margin-top: 10px;
}

#footer div.formulario input[type=submit] {
	display: inline-block;
	width: auto;
	background: var(--color-azul-claro);
	border: none;
	border-radius: 15px;
	color: var(--color-blanco);
	padding: 8px 32px;
	text-transform: uppercase;
	font-weight: 700;
	margin-top: 10px;
}

#footer div.txt { padding-left: 30px; }
#footer div.txt a { color: var(--color-azul-claro); }
#footer div.txt a:hover { color: var(--color-blanco); }
#footer div.txt p:last-child { margin: 0; }

#footer div.logo {
	position: relative;
	padding-left: 30px;
}

#footer div.logo img {
	display: block;
	width: 100%;
	max-width: 200px;
}

#footer div.redes { padding-left: 30px; }

#footer div.redes a {
	display: inline-block;
	font-size: 35px;
	color: var(--color-azul-claro);
	margin-right: 10px;
	transition: all .3s ease;
}

#footer div.redes a:hover { color: var(--color-blanco); }

@media (max-width: 767px) { 
	#footer div.fondo-azul,
	#footer div.fondo-gris { position: relative; }
	#footer div.formulario { width: 100%; position: relative; }
	#footer div.txt { padding-left: 0; position: relative; text-align: center; }
	#footer div.logo { padding-left: 0; }
	#footer div.logo img { margin: 0 auto; max-width: 200px; }
	#footer div.redes { padding-left: 0; position: relative; text-align: center; }
	#footer div.redes a { font-size: 35px; }
	#footer div.redes a:last-child { margin-right: 0; }
}

/** Hero Slider
-------------------------------------------------------------------------------------**/
div.hero-slider {
	position: relative;
	border-bottom: 10px solid var(--color-azul-oscuro);
}

div.hero-slider::after {
	content: '';
	display: block;
	width: 25vw;
	max-width: 150px;
	position: absolute;
	bottom: -20px;
	right: 50px;
	height: 20px;
	background-color: var(--color-azul-claro);
}

div.hero-slider div.tiny-slider div.item {
	height: 500px;
	position: relative;
	background-color: var(--color-azul-oscuro);
}

div.hero-slider div.tiny-slider div.item img.bg { opacity: .7; }

div.hero-slider div.tiny-slider div.item div.overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(0deg, #000000ff 50%, #00000088);
	opacity: .5;
}

div.hero-slider div.tiny-slider div.item div.txt {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	text-align: center;
	color: var(--color-blanco);
}

div.hero-slider div.tiny-slider div.item div.txt h1 {
	color: var(--color-azul-claro);
	position: relative;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

div.hero-slider div.tiny-slider div.item div.txt h1::after {
	content: '';
	display: block;
	width: 200px;
	height: 3px;
	background-color: var(--color-azul-claro);
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}

div.hero-slider div.tiny-slider div.item div.txt div.rte {
	max-width: 600px;
	margin: 0 auto;
}

div.hero-slider .tns-controls { display: none; }

div.hero-slider .tns-nav {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 15px 0;
	text-align: center;
	font-size: 0;
}
div.hero-slider .tns-nav button {
	display: inline-block;
	padding: 0;
	margin: 0 10px;
	width: 15px;
	height: 15px;
	border: 2px solid var(--color-blanco);
	background-color: transparent;
	border-radius: 50%;
}

div.hero-slider .tns-nav button.tns-nav-active {
	border-color: var(--color-azul-claro);
	background-color: var(--color-azul-claro);
}

/** Simple text w/img
-------------------------------------------------------------------------------------**/
div.simple-txt-img div.pod {
	display: grid;
	grid-template-columns: 2fr 1fr;
	grid-gap: 30px;
	grid-template-areas: 'txt img';
}

div.simple-txt-img.alt div.pod {
	grid-template-columns: 1fr 2fr;
	grid-template-areas: 'img txt'; 
}

div.simple-txt-img div.pod div.img {
	position: relative;
	border-radius: 15px;
	overflow: hidden;
	grid-area: img;
	height: 100%;
}

div.simple-txt-img div.pod div.txt { grid-area: txt; }

@media (max-width: 767px) {
	div.simple-txt-img div.pod { grid-template-columns: 1fr !important; grid-template-areas: 'txt' 'img' !important; }
	div.simple-txt-img div.pod div.img {  padding-top: 50%; }
	div.simple-txt-img div.pod div.txt { grid-area: txt; }
}

/** Simple Header
-------------------------------------------------------------------------------------**/
div.simple-header {
	position: relative;
	background: var(--color-negro);
	border-bottom: 5px solid var(--color-azul-oscuro);
}

div.simple-header img.bg { opacity: .7; }

div.simple-header div.overlay { 
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: var(--color-azul-oscuro);
	mix-blend-mode: multiply;
	opacity: .5;
}

div.simple-header h1 { text-align: center; }

div.simple-header h1 span {
	display: inline-block;
	position: relative;
	padding-bottom: 15px;
	margin-bottom: 15px;
	color: var(--color-blanco);
}

div.simple-header h1 span::before {
	content: '';
	display: block;
	height: 5px;
	width: 100%;
	background-color: var(--color-azul-claro);
	position: absolute;
	bottom: 0;
}

div.simple-header h1 span::after {
	content: '';
	display: block;
	height: 10px;
	width: 150px;
	background-color: var(--color-azul-oscuro);
	position: absolute;
	bottom: -5px;
	left: 50%;
	transform: translateX(-50%);
}

/** Simple Text
-------------------------------------------------------------------------------------**/
div.simple-txt { position: relative; }
div.simple-txt img.bg { opacity: .3; }

div.simple-txt div.rte {
	max-width: 700px;
	margin: 0 auto;
	text-align: center;
}

div.simple-txt.serio div.rte {
	max-width: 800px;
	margin: 0 auto;
	text-align: justify;
}

/** Two cols
-------------------------------------------------------------------------------------**/
div.two-cols { background: var(--color-claro); }

div.two-cols div.pod {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 60px;
}

@media (max-width: 991px) { div.two-cols div.pod { grid-gap: 30px; } }
@media (max-width: 767px) { div.two-cols div.pod { grid-template-columns: 1fr; } }

/** Iconos
-------------------------------------------------------------------------------------**/
div.iconos {
	background: linear-gradient(0deg, var(--color-blanco), var(--color-claro-2));
}

div.iconos ul {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 30px;
	text-align: center;
}

div.iconos ul h5 {
	color: var(--color-azul-oscuro);
	line-height: 125%;
}

div.iconos ul div.icono {
	font-size: 50px;
	color: var(--color-azul-claro);
}

div.iconos ul div.icono img {
	display: block;
	max-height: 60px;
	margin: 15px auto;
}

@media (max-width: 767px) { div.iconos ul { grid-template-columns: 1fr 1fr; } }

/** Formulario de contacto
-------------------------------------------------------------------------------------**/
div.formulario-de-contacto div.pod {
	max-width: 800px;
	margin: 0 auto;
	font-size: 0;
}

div.formulario-de-contacto div.pod div.mitades {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 15px;
	margin-bottom: 15px;
}

div.formulario-de-contacto div.pod label {
	display: block;
	font-weight: 700;
	color: var(--color-azul-oscuro);
	margin: 0;
}

div.formulario-de-contacto div.pod input,
div.formulario-de-contacto div.pod textarea {
	display: block;
	width: 100%;
	background: var(--color-claro-2);
	border: 1px solid var(--color-claro);
	border-radius: 15px;
	padding: 5px 15px;
}

div.formulario-de-contacto div.pod button {
	border: none;
	margin: 0 auto;
	margin-top: 15px;
	display: block;
	text-transform: uppercase;
	padding: 10px 45px;
}