/*
 Theme Name: Divi Child
 Theme URI: https://www.elegantthemes.com/gallery/divi/
 Description: Divi Child Theme
 Author: Elegant Themes
 Author URI: https://www.elegantthemes.com
 Template: Divi
 Version: 1.0.0
*/
 
/* =Theme customization starts here
------------------------------------------------------- */
/* -VARIABLES */
:root {
    --azullaia: #003DA6;
	--verdelaia: #b3ce21;
	--negro: #121213;
    --blanco: #FFFFFF;
    --area1violeta: #7f56c5;
    --area2verde: #00af41;
    --area3naranja: #f7a800;
    --area4verdeagua: #00adbb;
    --area5fucsia: #ed3d79;
    --area6amarillo: #ffdb00;
	--gray1: #3e3e3e;
    --gray2: #6a696a;
    --gray3: #959595;
    --gray4: #c1c0c1;
    --gray5: #edecec;
}
/* -fin de VARIABLES */

/* colores */
.blanco {
	color: var(--blanco);
}
.negro {
	color: var(--negro);
}
.violeta {
	color: var(--area1violeta);
}
.verde {
	color: var(--area2verde);
}
.naranja {
	color: var(--area3naranja);
}
.verdeagua {
	color: var(--area4verdeagua);
}
.fucsia {
	color: var(--area5fucsia);
}
.amarillo {
	color: var(--area6amarillo);
}
/* fin de colores */

/* menu header */
.dfh-14 .et-menu li.btn-areas li a {
    width: 410px;
}
.dfh-14.et_pb_menu .et-menu>li {
    padding-left: 20px;
    padding-right: 20px;
}
/* menu header */

/* areas home */
.content-cards-area {
    position: relative;
    padding: 32px 0 32px 80px;
	height: 450px;
    display: flex;
    align-items: center;
}
.content-cards-area-izq {
    position: relative;
    padding: 32px 80px 32px 0;
	height: 450px;
    display: flex;
    align-items: center;
}
.content-icono {
    position: absolute;
    background: #ffffff;
    border-radius: 100%;
    width: 100px;
    height: 100px;
    padding: 10px;
    top: calc(50% - 50px);
    left: -50px;
	z-index: 2;
	box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.24);
	-webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.24);
	-moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.24);
}
.content-icono-izq {
    position: absolute;
    background: #ffffff;
    border-radius: 100%;
    width: 100px;
    height: 100px;
    padding: 10px;
    top: calc(50% - 50px);
    right: -50px;
	z-index: 2;
	box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.24);
	-webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.24);
	-moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.24);
}
.tittle-area {
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 32px;
    margin: 0 0 16px;
	line-height: 1.2;
}
.bajada-area {
    font-weight: 300;
    font-size: 18px;
	line-height: 1.4;
}
.btn-content {
    margin: 20px 0 0;
}
.btn-violeta a {
    color: var(--blanco);
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    display: block;
    background: var(--area1violeta);
    width: fit-content;
    padding: 8px 24px;
    border-radius: 100px;
}
.btn-violeta a:hover {
    color: var(--area1violeta);
    background: var(--blanco);
}

.btn-verde a {
    color: var(--blanco);
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    display: block;
    background: var(--area2verde);
    width: fit-content;
    padding: 8px 24px;
    border-radius: 100px;
}
.btn-verde a:hover {
    color: var(--area2verde);
    background: var(--blanco);
}

.btn-naranja a {
    color: var(--blanco);
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    display: block;
    background: var(--area3naranja);
    width: fit-content;
    padding: 8px 24px;
    border-radius: 100px;
}
.btn-naranja a:hover {
    color: var(--area3naranja);
    background: var(--blanco);
}

.btn-verdeagua a {
    color: var(--blanco);
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    display: block;
    background: var(--area4verdeagua);
    width: fit-content;
    padding: 8px 24px;
    border-radius: 100px;
}
.btn-verdeagua a:hover {
    color: var(--area4verdeagua);
    background: var(--blanco);
}

.btn-fucsia a {
    color: var(--blanco);
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    display: block;
    background: var(--area5fucsia);
    width: fit-content;
    padding: 8px 24px;
    border-radius: 100px;
}
.btn-fucsia a:hover {
    color: var(--area5fucsia);
    background: var(--blanco);
}

.btn-amarillo a {
    color: var(--gray1);
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    display: block;
    background: var(--area6amarillo);
    width: fit-content;
    padding: 8px 24px;
    border-radius: 100px;
}
.btn-amarillo a:hover {
    color: var(--area6amarillo);
    background: var(--gray3);
}
/* fin de areas home */

/* areas menu interno */
.area-menu .et_pb_blurb_content {
    display: flex !important;
    /*align-items: center;*/
}
.area-menu .et_pb_main_blurb_image {
    margin-bottom: 10px;
}
.area-menu .et_pb_blurb_container {
    margin: 0 0 0 0 !important;
    padding: 0 0 0 10px !important;
}
/* fin de areas menu interno */

/* equipo de trabajo */
.content-grid-equipo-main {
    display: grid;
    grid-template-columns: 46% 46%;
    grid-column-gap: 8%;
}
.content-grid-equipo {
    display: grid;
    grid-template-columns: 30% 30% 30%;
    grid-gap: 5%;
    margin: 32px 0;
}
.img-persona {
    border-radius: 1000px;
    overflow: hidden;
    width: 150px;
    margin: 0 auto;
    height: 150px;
    border: solid 5px var(--blanco);
    position: relative;
}
.img-persona img {
    width: 100%;
}
.content-data-persona {
    background: var(--gray5);
    border-radius: 32px;
    padding: 91px 32px 32px;
    margin: -75px 0 0 0;
	height: calc(100% - 75px);
}
.content-data-persona-main {
	background: #cde0ff;
    border-radius: 32px;
    padding: 91px 32px 32px;
    margin: -75px 0 0 0;
	height: calc(100% - 75px);
}
.seccion-empresa {
    font-size: 14px;
    font-weight: 700;
    font-family: 'Montserrat';
    color: var(--azullaia);
    text-transform: uppercase;
    line-height: 1.7;
}
.nombre-persona {
    font-size: 16px;
    font-weight: 400;
    color: var(--negro);
    margin: 8px 0 0;
}
.cargo-persona {
    text-transform: uppercase;
    font-size: 14px;
    color: var(--gray1);
}
.descripcion-agente {
    font-size: 14px;
    color: var(--negro);
    margin: 16px 0 0;
    border-top: solid 1px var(--gray3);
    padding: 16px 0 0;
}
/* fin de equipo de trabajo */

/* certificaciones */
ol.lista-certificaciones {
    list-style-position: outside;
}
ol.lista-certificaciones li {
    margin: 8px 0;
}
.content-certificaciones {
    display: flex;
    flex-direction: row;
    font-size: 16px;
    font-weight: 400;
    color: var(--negro);
}
.icon-pdf {
    width: 16px;
    margin: 0 0 0 8px;
}
a.icon-pdf-link {
    filter: invert(13%) sepia(60%) saturate(5423%) hue-rotate(212deg) brightness(93%) contrast(104%);
}
a.icon-pdf-link:hover {
    filter: invert(83%) sepia(52%) saturate(677%) hue-rotate(14deg) brightness(89%) contrast(91%);
}
/* fin de certificaciones */

/* Responsive */
/* Mobile*/
@media (max-width: 480px) {
	.content-grid-equipo-main {
		grid-template-columns: 100%;
		grid-gap: 32px 0;
	}
	.content-grid-equipo {
		grid-template-columns: 100% !important;
		grid-gap: 32px 0 !important;
		padding-bottom: 0 !important;
	}

}
/* Tablet */
@media (max-width: 980px) {
		.content-icono-izq {
		display: none;
	}
	.content-icono {
		display: none;
	}
	.content-cards-area-izq {
    	padding: 32px 0;
    	height: auto;
    	margin: 32px 0 0 0;
	}
	.content-cards-area {
    	padding: 32px 0;
    	height: auto;
    	margin: 32px 0 0 0;
	}
	.content-grid-equipo {
    	grid-template-columns: 46% 46%;
    	grid-gap: 5% 8%;
		padding-bottom: 90px;
	}
}