@charset "UTF-8";
/*
	Theme Name: Gestay
	Theme URI: https://www.gestay.com
	Description: HTML5 Blank WordPress Theme
	Version: 1.0
	Author: Diego Besné
	Author URI: https://diegobesne.com
	Tags: Blank, HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/* ===========================================================
FONT-FACE 
============================================================== */
@font-face {
	font-family: 'Lyon';
	src: url('fonts/LyonDisplay-Light.eot');
	src: local('☺'), url('fonts/LyonDisplay-Light.woff') format('woff'), url('fonts/LyonDisplay-Light.ttf') format('truetype'), url('fonts/LyonDisplay-Light.svg') format('svg');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Lyon';
	src: url('fonts/LyonDisplay-LightItalic.eot');
	src: local('☺'), url('fonts/LyonDisplay-LightItalic.woff') format('woff'), url('fonts/LyonDisplay-LightItalic.ttf') format('truetype'), url('fonts/LyonDisplay-LightItalic.svg') format('svg');
	font-weight: 300;
	font-style: italic;
}

@font-face {
	font-family: 'Lyon';
	src: url('fonts/LyonDisplay-Regular.eot');
	src: local('☺'), url('fonts/LyonDisplay-Regular.woff') format('woff'), url('fonts/LyonDisplay-Regular.ttf') format('truetype'), url('fonts/LyonDisplay-Regular.svg') format('svg');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'Lyon';
	src: url('fonts/LyonDisplay-RegularItalic.eot');
	src: local('☺'), url('fonts/LyonDisplay-RegularItalic.woff') format('woff'), url('fonts/LyonDisplay-RegularItalic.ttf') format('truetype'), url('fonts/LyonDisplay-RegularItalic.svg') format('svg');
	font-weight: 400;
	font-style: italic;
}

@font-face {
	font-family: 'Lyon';
	src: url('fonts/LyonDisplay-Black.eot');
	src: local('☺'), url('fonts/LyonDisplay-Black.woff') format('woff'), url('fonts/LyonDisplay-Black.ttf') format('truetype'), url('fonts/LyonDisplay-Black.svg') format('svg');
	font-weight: 900;
	font-style: normal;
}

@font-face {
	font-family: 'Lyon';
	src: url('fonts/LyonDisplay-BlackItalic.eot');
	src: local('☺'), url('fonts/LyonDisplay-BlackItalic.woff') format('woff'), url('fonts/LyonDisplay-BlackItalic.ttf') format('truetype'), url('fonts/LyonDisplay-BlackItalic.svg') format('svg');
	font-weight: 900;
	font-style: italic;
}


/* ===========================================================
RESET 
============================================================== */
*{ box-sizing: border-box;}
html, body{ height:100%;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; vertical-align:baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}
body { line-height:1;}
ol, ul { list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none;}
table { border-collapse: collapse; border-spacing: 0;}

img, a img, embed, iframe{ border:none; vertical-align:bottom;}
a, button{ color:#000000; outline:none; text-decoration:none; -webkit-transition:ease-in-out .2s; -moz-transition:ease-in-out .2s; -o-transition:ease-in-out .2s; -ms-transition:ease-in-out .2s; transition:ease-in-out .2s;}
a:hover{ color:#0061A1; outline:none;}
form, fieldset{ border:none;}
ol, ul{ list-style:none;}
abbr{ border:none;}
hr{ display:none;}
h1, h2, h3, h4, h5, h6{ color: #002855; font-size: 1em; font-weight: 300; font-family: 'Lyon', serif;}

::selection { background:#002855; color:#fff; text-shadow:none;}
::-webkit-selection { background:#002855; color:#fff; text-shadow:none;}
::-moz-selection { background:#002855; color:#fff; text-shadow:none;}


/* ===========================================================
GENERICS 
============================================================== */
body{ background:#fff; color:#000; font-family:'Manrope', sans-serif; font-size: 1em; font-weight: 400; line-height: 1.5em; text-align:center; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing:grayscale;}

@media only screen and (min-width:0) and (max-width:1279px) {

}
@media only screen and (min-width:0) and (max-width:1023px) {

}

/* ===========================================================
GESTAY.COM
============================================================== */

/* CONTENIDO -------------------------------------------------------- */

/* Ajustes generales -------------------------------------------------------- */
.content{ padding-top: calc(80px + (160 - 80) * (100vw - 375px) / (1920 - 375));}

.row{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: stretch; align-content: stretch; width: 100%;}

.row.page_description{ align-items: flex-end;}

.width_full{ padding: 0;}
.width_12col{ padding: 0 3%;}

@media only screen and (min-width:0) and (max-width:1023px) {
.width_12col{ padding: 0 5%;}
}

.width_1col{ text-align: left; width: 6.5%; margin-right: 2%;}
.width_2col{ text-align: left; width: 15%; margin-right: 2%;}
.width_3col{ text-align: left; width: 23.5%; margin-right: 2%;}
.width_4col{ text-align: left; width: 32%; margin-right: 2%;}
.width_5col{ text-align: left; width: 40.5%; margin-right: 2%;}
.width_6col{ text-align: left; width: 49%; margin-right: 2%;}
.width_7col{ text-align: left; width: 57.5%; margin-right: 2%;}
.width_8col{ text-align: left; width: 66%; margin-right: 2%;}
.width_9col{ text-align: left; width: 74.5%; margin-right: 2%;}
.width_10col{ text-align: left; width: 83%; margin-right: 2%;}

@media only screen and (min-width:0) and (max-width:1023px) {
.width_1col,
.width_2col,
.width_3col,
.width_4col,
.width_5col,
.width_6col,
.width_7col,
.width_8col,
.width_9col,
.width_10col{ text-align: left; width: 100%; margin-right: 0;}
}

.margin_top_20{ margin-top: calc(10px + (20 - 10) * (100vw - 375px) / (1920 - 375));}
.margin_top_60{ margin-top: calc(30px + (60 - 30) * (100vw - 375px) / (1920 - 375));}
.margin_top_80{ margin-top: calc(40px + (80 - 40) * (100vw - 375px) / (1920 - 375));}
.margin_top_120{ margin-top: calc(60px + (120 - 60) * (100vw - 375px) / (1920 - 375));}
.margin_top_160{ margin-top: calc(80px + (160 - 80) * (100vw - 375px) / (1920 - 375));}

.no_margin_right{ margin-right: 0;}
.margin_right_1col{ margin-right: 8.5%;}
.margin_right_2col{ margin-right: 17%;}
.margin_right_4col{ margin-right: 34%;}

@media only screen and (min-width:0) and (max-width:1023px) {
.no_margin_right,
.margin_right_1col,
.margin_right_2col,
.margin_right_4col{ margin-right: 0;}
}

.margin_bottom_120{ margin-bottom: calc(60px + (120 - 60) * (100vw - 375px) / (1920 - 375));}
.margin_bottom_160{ margin-bottom: calc(80px + (160 - 80) * (100vw - 375px) / (1920 - 375));}

.no_margin_left{ margin-left: 0;}
.margin_left_1col{ margin-left: 8.5%;}
.margin_left_3col{ margin-left: 25.5%;}

@media only screen and (min-width:0) and (max-width:1023px) {
.no_margin_left,
.margin_left_1col,
.margin_left_3col{ margin-left: 0;}
}

.padding_top_60{ padding-top: calc(30px + (60 - 30) * (100vw - 375px) / (1920 - 375));}
.padding_top_80{ padding-top: calc(40px + (80 - 40) * (100vw - 375px) / (1920 - 375));}

h1{ font-size: calc(48px + (96 - 48) * (100vw - 375px) / (1920 - 375)); line-height: 1em; letter-spacing: -.00625em;}
h2{ font-size: calc(36px + (72 - 36) * (100vw - 375px) / (1920 - 375)); line-height: 1.125em; letter-spacing: -.00625em;}
h3{ font-size: calc(32px + (64 - 32) * (100vw - 375px) / (1920 - 375)); line-height: 1.125em; letter-spacing: -.00625em;}
h4{ font-size: calc(24px + (48 - 24) * (100vw - 375px) / (1920 - 375)); line-height: 1.125em; letter-spacing: -.00625em;}
h5{ font-size: calc(18px + (24 - 18) * (100vw - 375px) / (1920 - 375)); line-height: 1.25em;}
h6{ font-size: calc(16px + (18 - 16) * (100vw - 375px) / (1920 - 375)); line-height: 1.375em;}

p{ color: #4C4C4C; font-size: calc(16px + (18 - 16) * (100vw - 375px) / (1920 - 375)); line-height: 1.375em; margin: 1em 0 0;}

/* Cabecera -------------------------------------------------------- */
header{ position: relative; width: 100%; z-index: 1000; padding: 30px 3%; text-align: left; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; align-content: flex-start; -webkit-transition:ease-in-out .3s; -moz-transition:ease-in-out .3s; -o-transition:ease-in-out .3s; -ms-transition:ease-in-out .3s; transition:ease-in-out .3s;}

header .menu{ width: 23.5%;}
header .menu ul{ font-size: calc(16px + (18 - 16) * (100vw - 375px) / (1920 - 375)); line-height: 1.375em;}
header .menu ul li{ font-size: .875em; line-height: 1.375em; margin: .25em 0 0;}
header .menu ul li:first-child{ margin: 0;}
header .menu ul li a{ color: #000;}
header .menu ul li a:before{ color: #fff; content: "●"; padding: 0 .5em 0 0; font-size: .875em; vertical-align: top;}
header .menu ul li.current_page_item a{ color: #7F7F7F;}
header .menu ul li.current_page_item a:before{ color: #0061A1;}

@media only screen and (min-width:0) and (max-width:1023px) {
header{ padding: 30px 5%;}
}
@media only screen and (min-width:0) and (max-width:767px) {
header .menu{ display: none;}
}

.boton{ cursor:pointer !important; position:fixed; top:1.125em; right:3%; margin:0 auto; padding: 0; z-index: 100000; mix-blend-mode: difference; width: auto;}
.boton img{ padding: 1em;}

.navegacion{ background: #0061A1; position: fixed; top: 0; right: -27%; bottom: 0; width:27%; z-index: 100000; -webkit-transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s; -ms-transition:all .3s; transition:all .3s; text-align: left;}

.navegacion.open{ color: #fff; right: 0;}

.navegacion .cerrar{ margin: 1em 2.5em 0; text-align: right;}
.navegacion .cerrar p{ cursor: pointer; color: #fff; display: inline-block; font-size: 1rem; line-height: 1.5em; font-weight: 500; border-radius: 1.8125em; background: #002855 url("img/icon-cerrar.svg") no-repeat center right; padding: 1em 4em 1.125em 2em; -webkit-transition:ease-in-out .2s; -moz-transition:ease-in-out .2s; -o-transition:ease-in-out .2s; -ms-transition:ease-in-out .2s; transition:ease-in-out .2s;}
.navegacion .cerrar p:hover{ color: #fff; background: #002855 url("img/icon-cerrar.svg") no-repeat center right; padding: 1em 4em 1.125em 2em;}

.navegacion nav{ margin-top: calc(30px + (60 - 30) * (100vw - 375px) / (1920 - 375)); padding: 0 2.5em;}
.navegacion nav ul{}
.navegacion nav ul li{ color: rgba(256,256,256,1); font-family:'Manrope', sans-serif; font-size: 2em; line-height: 1.5em; font-weight: 400;}
.navegacion nav ul li a{ color: #fff;}
.navegacion nav ul li a:before{ color: #0061A1; content: "●"; padding: 0 .5em 0 0; font-size: .75em; vertical-align: top;}
.navegacion nav ul li.current_page_item a:before{ color: #fff;}

.navegacion .redes{ position: absolute; bottom: 2.5em; left: 5em;}
.navegacion .redes ul li a{ font-weight: 500; color: #fff;}
.navegacion .redes ul li a .las{ font-size: 1.125em; margin: 0 0 0 .125em; -webkit-transition:ease-in-out .2s; -moz-transition:ease-in-out .2s; -o-transition:ease-in-out .2s; -ms-transition:ease-in-out .2s; transition:ease-in-out .2s;}
.navegacion .redes ul li a:hover .las{ margin: 0 0 0 .375em;}
.navegacion .redes ul li a:hover{ color: #fff;}

.bg_header{ background: rgba(0,0,0,0); position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 10000; pointer-events: none; -webkit-transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s; -ms-transition:all .3s; transition:all .3s;}
.bg_header.open{ background: rgba(0,0,0,.3); pointer-events: all;}

@media only screen and (min-width:0) and (max-width:1279px) {
.navegacion{ right: -33%; width:33%;}
}
@media only screen and (min-width:0) and (max-width:1023px) {
.navegacion{ right: -100%; width:100%;}
}

/* Pie -------------------------------------------------------- */
footer{ background: rgb(0,40,85); background: -moz-linear-gradient(45deg, rgba(0,40,85,1) 0%, rgba(0,97,161,1) 100%); background: -webkit-linear-gradient(45deg, rgba(0,40,85,1) 0%, rgba(0,97,161,1) 100%); background: linear-gradient(45deg, rgba(0,40,85,1) 0%, rgba(0,97,161,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#002855",endColorstr="#0061a1",GradientType=1); color: #fff; margin-top: calc(30px + (60 - 30) * (100vw - 375px) / (1920 - 375)); padding: 0 3%; padding-bottom: calc(60px + (120 - 60) * (100vw - 375px) / (1920 - 375));}

footer .copyright{ border-top: thin solid rgba(255,255,255,.2);}

footer h4{ color: #fff; font-size: calc(28px + (56 - 28) * (100vw - 375px) / (1920 - 375)); line-height: 1.125em; letter-spacing: -.00625em;}
footer h6{ color: #fff !important; font-family: 'Manrope', sans-serif; font-size: 1rem; font-weight: 500; line-height: 1.375em;}
footer p{ color: #fff; font-size: 1rem; line-height: 1.375em; margin: 0;}
footer address{ color: #fff; font-size: 1rem; font-style: normal; line-height: 1.375em; margin: 1em 0 0;}
footer ul{ font-size: 1rem; line-height: 1.375em; margin: 1em 0 0;}
footer ul li a{ color: #fff; opacity: .5;}
footer ul li a:hover{ color: #fff; opacity: 1;}

footer .copyright p{ opacity: .5;}

footer .direcciones{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: stretch; align-content: stretch;}
footer .direcciones div{ width: 48%;}
footer .direcciones a{ color: #fff; opacity: .5;}
footer .direcciones a:hover{ color: #fff; opacity: 1;}

footer p a{ color: #fff; display: inline-block; font-size: 1rem; line-height: 1.5em; font-weight: 500; padding: 1em 2em 1.125em 4em; border-radius: 1.8125em; background: #0061A1 url("img/icon-flecha-azul-oscuro.svg") no-repeat center left; margin: 1.5em 0 0;}
footer p a:hover{ color: #002855; background: #F0F1F3 url("img/icon-flecha-azul-oscuro.svg") no-repeat center right; padding: 1em 4em 1.125em 2em;}

@media only screen and (min-width:0) and (max-width:1023px) {
footer{ padding-right: 5%; padding-left: 5%;}
}

/* Ajustes específicos -------------------------------------------------------- */
.page_title_video{}

.page_title_video .page_title{ text-align: left;}
.page_title_video .page_title h1{ color: #002855; width: 76.1%;}
.page_title_video .page_title h2{ color: #0061A1; font-size: calc(48px + (96 - 48) * (100vw - 375px) / (1920 - 375)); line-height: 1em; width: 76.1%;}

@media only screen and (min-width:0) and (max-width:1023px) {
.page_title_video .page_title h1,
.page_title_video .page_title h2{ width: 100%;}
}

.page_title_video.interior .page_title h2{ color: #002855;}
.page_title_video.interior .page_title h2 em{ color: #0061A1;}

.page_title_video .page_video{ margin-top: calc(30px + (60 - 30) * (100vw - 375px) / (1920 - 375));}
.page_title_video .page_video video{ height: auto; width: 100%; margin: 0 0 -10px;}

.page_title_video .page_video.interior{ padding: 0 3%;}
.page_title_video .page_video.interior video{ margin: 0; border-radius: 1em;}

@media only screen and (min-width:0) and (max-width:1023px) {
.page_title_video .page_video.interior{ padding: 0 5%;}
}

.sobre_gestay{ background: #F0F1F3; padding-top: calc(60px + (120 - 60) * (100vw - 375px) / (1920 - 375)) !important; padding-bottom: calc(60px + (120 - 60) * (100vw - 375px) / (1920 - 375)) !important;}
.sobre_gestay h3{ font-family:'Manrope', sans-serif; font-size: 1rem; font-weight: 400; line-height: 1.25em; text-transform: uppercase; margin: .625em 0 0; letter-spacing: 0;}
.sobre_gestay h3 span{ color: #0061A1;}

.sobre_gestay p a{ color: #fff; display: inline-block; font-size: 1rem; line-height: 1.5em; font-weight: 500; padding: 1em 2em 1.125em 4em; border-radius: 1.8125em; background: #0061A1 url("img/icon-mas.svg") no-repeat center left; margin: .5em 0 0;}
.sobre_gestay p a:hover{ color: #fff; background: #002855 url("img/icon-mas.svg") no-repeat center right; padding: 1em 4em 1.125em 2em;}

@media only screen and (min-width:0) and (max-width:1023px) {
.sobre_gestay h2{ margin: .5em 0 0;}
}

.consultoria_portada{ padding-top: calc(60px + (120 - 60) * (100vw - 375px) / (1920 - 375)) !important; padding-bottom: calc(60px + (120 - 60) * (100vw - 375px) / (1920 - 375)) !important;}
.consultoria_portada h3{ font-family:'Manrope', sans-serif; font-size: 1rem; font-weight: 400; line-height: 1.25em; text-transform: uppercase; margin: .625em 0 0; letter-spacing: 0;}
.consultoria_portada h3 span{ color: #0061A1;}
.consultoria_portada h4{ font-family:'Manrope', sans-serif; font-weight: 500;}
.consultoria_portada h6{ color: #000; font-family:'Manrope', sans-serif; font-weight: 500;}
.consultoria_portada img{ height: auto; width: 100%; border-radius: 1em;}

.consultoria_portada p a{ color: #002855; display: inline-block; font-size: 1rem; line-height: 1.5em; font-weight: 500; padding: 1em 2em 1.125em 4em; border-radius: 1.8125em; background: #F0F1F3 url("img/icon-mas-azul-oscuro.svg") no-repeat center left; margin: 1.5em 0 0;}
.consultoria_portada p a:hover{ color: #fff; background: #0061A1 url("img/icon-mas-azul-oscuro.svg") no-repeat center right; padding: 1em 4em 1.125em 2em;}

.consultoria_portada .video_vertical{}
.consultoria_portada .video_vertical video{ width: 100%; height: 100%; object-fit: cover; border-radius: 1em;}

@media only screen and (min-width:0) and (max-width:1023px) {
.consultoria_portada h4{ margin: .5em 0 0;}
.consultoria_portada .video_vertical{ display: none;}
}

.metodologia_portada{ background: #F0F1F3; margin: 0 3%; width: 94%; padding: 0; padding-top: calc(40px + (80 - 40) * (100vw - 375px) / (1920 - 375)) !important; padding-bottom: calc(40px + (80 - 40) * (100vw - 375px) / (1920 - 375)) !important; border-radius: calc(12px + (24 - 12) * (100vw - 375px) / (1920 - 375));}
.metodologia_portada h3{ font-family:'Manrope', sans-serif; font-size: 1rem; font-weight: 400; line-height: 1.25em; text-transform: uppercase; letter-spacing: 0;}
.metodologia_portada h3 span{ color: #0061A1;}
.metodologia_portada h6{ color: #4C4C4C; font-family:'Manrope', sans-serif; font-weight: 400; font-size: 14px; line-height: 1.25em;}
.metodologia_portada ul{ color: #002855; font-family:'Manrope', sans-serif; font-weight: 500; font-size: calc(18px + (24 - 18) * (100vw - 375px) / (1920 - 375)); line-height: 1.25em; margin: 1.5em 0 0;}
.metodologia_portada ul li{ margin: 1em 0 0;}

.metodologia_portada p a{ border: thin solid #D1D2D6; color: #002855; display: inline-block; font-size: 1rem; line-height: 1.5em; font-weight: 500; padding: 1em 2em 1.125em 4em; border-radius: 1.8125em; background: #FFFFFF url("img/icon-mas-azul-oscuro.svg") no-repeat center left; margin: 1.5em 0 0;}
.metodologia_portada p a:hover{ border-color: #0061A1; color: #fff; background: #0061A1 url("img/icon-mas-azul-oscuro.svg") no-repeat center right; padding: 1em 4em 1.125em 2em;}

.metodologia_portada video{ height: auto; width: 100%; border-radius: 1em;}

@media only screen and (min-width:0) and (max-width:1023px) {
.metodologia_portada{ padding-right: 5%; padding-left: 5%;}
}

.page_description h1{ font-family:'Manrope', sans-serif; font-size: 1rem; font-weight: 400; line-height: 1.25em; text-transform: uppercase; letter-spacing: 0;}
.page_description h1:before{ color: #0061A1; content: "●"; padding: 0 0.375em 0 0;}
.page_description .descripcion p{ color: #000;}

.nuestra_historia{ padding-top: calc(60px + (120 - 60) * (100vw - 375px) / (1920 - 375)) !important; padding-bottom: calc(60px + (120 - 60) * (100vw - 375px) / (1920 - 375)) !important;}
.nuestra_historia h3{ font-family:'Manrope', sans-serif; font-size: 1rem; font-weight: 400; line-height: 1.25em; text-transform: uppercase; margin: .25em 0 0; letter-spacing: 0;}
.nuestra_historia h3 span{ color: #0061A1;}
.nuestra_historia h5{ font-family:'Manrope', sans-serif; font-weight: 500;}

.nuestra_historia .width_7col h4{ text-indent: 3.2em;}
.nuestra_historia .width_7col p{ width: 85%;}

@media only screen and (min-width:0) and (max-width:1023px) {
.nuestra_historia .width_7col h4{ text-indent: 0; margin: .5em 0 0;}
.nuestra_historia .width_7col p{ width: 100%;}
}

.nuestra_historia ul{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: stretch; align-content: stretch; width: 100%;}
.nuestra_historia ul li{ text-align: left; width: 31.8%;}
.nuestra_historia ul li img{ height: auto; width: 100%; border-radius: calc(8px + (16 - 8) * (100vw - 375px) / (1920 - 375)); margin: 1.25em 0 0;}
.nuestra_historia ul li p{ margin: 1.25em 0 0;}

@media only screen and (min-width:0) and (max-width:1023px) {
.nuestra_historia ul li{ text-align: left; width: 100%;}
}

.equipo{ border-top: thin solid #F0F1F3; padding-top: calc(60px + (120 - 60) * (100vw - 375px) / (1920 - 375)) !important; padding-bottom: calc(60px + (120 - 60) * (100vw - 375px) / (1920 - 375)) !important;}
.equipo h3{ font-family:'Manrope', sans-serif; font-size: 1rem; font-weight: 400; line-height: 1.25em; text-transform: uppercase; letter-spacing: 0;}
.equipo h3 span{ color: #0061A1;}

@media only screen and (min-width:0) and (max-width:1023px) {
.equipo h3{ margin: .25em 0 0;}
}

.equipo ul{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; align-content: stretch; width: 100%;}
.equipo ul li:nth-child(4n){ margin-right: 0;}
.equipo ul li img{ height: auto; width: 100%; border-radius: 1em;}
.equipo ul li h5{ font-family:'Manrope', sans-serif; font-size: calc(18px + (20 - 18) * (100vw - 375px) / (1920 - 375)); font-weight: 500; line-height: 1.25em; margin: 1em 0 0;}
.equipo ul li h6{ color: #7F7F7F; font-family:'Manrope', sans-serif; font-weight: 400;}

.equipo .talento.row{ justify-content: left; display: block; text-align: left;}
.equipo .talento h4{ font-family:'Manrope', sans-serif; font-weight: 500; font-size: calc(20px + (36 - 20) * (100vw - 375px) / (1920 - 375)); line-height: 1.25em;}

.equipo .talento p a{ color: #002855; display: inline-block; font-size: 1rem; line-height: 1.5em; font-weight: 500; padding: 1em 2em 1.125em 4em; border-radius: 1.8125em; background: #F0F1F3 url("img/icon-flecha-azul-oscuro.svg") no-repeat center left; margin: 1.5em 0 0;}
.equipo .talento p a:hover{ color: #fff; background: #0061A1 url("img/icon-flecha-azul-oscuro.svg") no-repeat center right; padding: 1em 4em 1.125em 2em;}

.datos div{ text-align: center;}
.datos div:last-child{ margin-right: 0;}
.datos div h2{ font-family:'Manrope', sans-serif; font-weight: 300; letter-spacing: -.025em;}
.datos div p{ margin: .5em auto 0; padding: 0 17%;}

@media only screen and (min-width:0) and (max-width:1023px) {
.datos div{ text-align: left;}
.datos div p{ padding: 0;}
}

.nuestros_servicios{ background: #F0F1F3; margin-right:3%; margin-left: 3%; width: 94%; padding: 0; padding-top: calc(40px + (80 - 40) * (100vw - 375px) / (1920 - 375)) !important; padding-bottom: calc(40px + (80 - 40) * (100vw - 375px) / (1920 - 375)) !important; border-radius: calc(12px + (24 - 12) * (100vw - 375px) / (1920 - 375));}
.nuestros_servicios h3{ font-family:'Manrope', sans-serif; font-size: 1rem; font-weight: 400; line-height: 1.25em; text-transform: uppercase; letter-spacing: 0;}
.nuestros_servicios h3 span{ color: #0061A1;}
.nuestros_servicios .width_7col h4{ font-weight: 300; font-family: 'Lyon', serif; text-indent: 3.2em;}
.nuestros_servicios img{ height: auto; width: 100%; border-radius: 1em;}

.nuestros_servicios .video_vertical{}
.nuestros_servicios .video_vertical video{ width: 100%; height: 100%; object-fit: cover; border-radius: 1em;}

@media only screen and (min-width:0) and (max-width:1023px) {
.nuestros_servicios{ padding-right: 5%; padding-left: 5%;}
.nuestros_servicios h3{ margin: .25em 0 0;}
.nuestros_servicios .width_7col h4{ text-indent: 0;}
.nuestros_servicios h4{ margin: .5em 0 0;}
.nuestros_servicios .video_vertical{ display: none;}
}

.nuestros_servicios .lista_servicios .servicio{ border-top: thin solid #D1D2D6;}
.nuestros_servicios .lista_servicios .servicio h5{ font-family:'Manrope', sans-serif; font-weight: 500;}
.nuestros_servicios .lista_servicios .servicio .descripcion_servicio h5{ color: #4C4C4C; font-family:'Manrope', sans-serif; font-weight: 400;}
.nuestros_servicios .lista_servicios .servicio .descripcion_servicio h6{ color: #000; font-family:'Manrope', sans-serif; font-weight: 500; margin: 2em 0 -.625em;}

@media only screen and (min-width:0) and (max-width:1023px) {
.nuestros_servicios .lista_servicios .servicio .descripcion_servicio h5{ margin: 1em 0 0;}
}

.nuestra_estrategia h3{ font-family:'Manrope', sans-serif; font-size: 1rem; font-weight: 400; line-height: 1.25em; text-transform: uppercase; letter-spacing: 0;}
.nuestra_estrategia h3 span{ color: #0061A1;}
.nuestra_estrategia h6{ color: #4C4C4C; font-family:'Manrope', sans-serif; font-weight: 400; font-size: 14px; line-height: 1.25em;}

@media only screen and (min-width:0) and (max-width:1023px) {
.nuestra_estrategia h3{ margin: .25em 0 0;}
}

.nuestra_estrategia .listado_estrategia{ border-top: thin solid #F0F1F3;}
.nuestra_estrategia .listado_estrategia h3{ font-size: calc(32px + (64 - 32) * (100vw - 375px) / (1920 - 375)); line-height: 1.125em; letter-spacing: -.00625em; text-transform: none;}
.nuestra_estrategia .listado_estrategia ul{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content:space-between; align-items: stretch; align-content: stretch; font-size: calc(16px + (18 - 16) * (100vw - 375px) / (1920 - 375)); line-height: 1.375em; color: #4C4C4C; opacity: .5; margin: 1em 0 0; text-align: left;}
.nuestra_estrategia .listado_estrategia ul li{ font-size: .875em; margin: .25em 0 0; width: 48%;}

.bloque_contacto h3{ font-family:'Manrope', sans-serif; font-size: 1rem; font-weight: 400; line-height: 1.25em; text-transform: uppercase; letter-spacing: 0;}
.bloque_contacto h3 span{ color: #0061A1;}
.bloque_contacto h6{ color: #4C4C4C; font-family:'Manrope', sans-serif; font-weight: 400; font-size: 14px; line-height: 1.25em;}
.bloque_contacto p:first-of-type{ margin-top: 0;}
.bloque_contacto p a{ font-weight: 500; display: inline-block;}

.bloque_contacto.formulario p{ font-weight: 500; color: #000;}

@media only screen and (min-width:0) and (max-width:1023px) {
.bloque_contacto h3{ margin: .25em 0 0;}
.bloque_contacto p:first-of-type{ margin: 1em 0 0;}
}

.bloque_contacto .direcciones{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; align-content: stretch;}
.bloque_contacto .direcciones div{ width: 50%; padding: 0 2% 0 0;}
.bloque_contacto .direcciones div h6{ color: #000; font-family: 'Manrope', sans-serif; font-size: calc(16px + (18 - 16) * (100vw - 375px) / (1920 - 375)); font-weight: 500; line-height: 1.375em;}
.bloque_contacto .direcciones div address{ color: #4C4C4C; font-size: calc(16px + (18 - 16) * (100vw - 375px) / (1920 - 375)); font-style: normal; line-height: 1.375em; margin: .5em 0 0;}
.bloque_contacto .direcciones div address a{ color: #4C4C4C;}

@media only screen and (min-width:0) and (max-width:1023px) {
.bloque_contacto .direcciones div{ width: 100%; padding: 0; margin: 1.5em 0 0;}
}

.bloque_contacto .direcciones div p{ font-size: 1rem; color: #4C4C4C; margin: 1em 0 0;}
.bloque_contacto .direcciones div p a{ color: #000;}
.bloque_contacto .direcciones div p a .las{ font-size: 1.125em; margin: 0 0 0 .125em; -webkit-transition:ease-in-out .2s; -moz-transition:ease-in-out .2s; -o-transition:ease-in-out .2s; -ms-transition:ease-in-out .2s; transition:ease-in-out .2s;}
.bloque_contacto .direcciones div p a:hover .las{ margin: 0 0 0 .375em;}
.bloque_contacto .direcciones div p a:hover{ color: #0061A1;}

.bloque_contacto ul li a{ font-weight: 500; color: #000;}
.bloque_contacto ul li a .las{ font-size: 1.125em; margin: 0 0 0 .125em; -webkit-transition:ease-in-out .2s; -moz-transition:ease-in-out .2s; -o-transition:ease-in-out .2s; -ms-transition:ease-in-out .2s; transition:ease-in-out .2s;}
.bloque_contacto ul li a:hover .las{ margin: 0 0 0 .375em;}
.bloque_contacto ul li a:hover{ color: #0061A1;}

@media only screen and (min-width:0) and (max-width:1023px) {
.bloque_contacto ul{ margin: 1em 0 0;}
}

.wpcf7{ margin-top: calc(20px + (40 - 20) * (100vw - 375px) / (1920 - 375)); width: 100%;}
.wpcf7 p{}
.wpcf7 p:first-of-type{ margin-top: 0;}
.wpcf7 label{}
.wpcf7 input,
.wpcf7 textarea{ background: transparent; color: #4c4c4c; font-family: "Manrope", sans-serif; font-size: 1rem; line-height: 1.375em; padding: .875em 0; margin: 10px 0 0; width: 100%; border: none; border-bottom: thin solid #D1D2D6; -webkit-transition:ease-out .25s; -moz-transition:ease-out .25s; -o-transition:ease-out .25s; -ms-transition:ease-out .25s; transition:ease-out .25s;}
.wpcf7 textarea{ height: 250px;}
.wpcf7 input:hover, .explicacion_empresa .datos_formulario .formulario .wpcf7 input:focus, .explicacion_empresa .datos_formulario .formulario .wpcf7 input:active,
.wpcf7 textarea:hover, .explicacion_empresa .datos_formulario .formulario .wpcf7 textarea:focus, .explicacion_empresa .datos_formulario .formulario .wpcf7 textarea:active { border: none; border-bottom: thin solid #0061A1; outline: none;}
.wpcf7 .wpcf7-list-item { margin: 0;}
.wpcf7 .wpcf7-list-item label { font-size: 14px; line-height: 1.5em; color: #4c4c4c;}
.wpcf7 .wpcf7-list-item label a { display: inline-block; border-bottom: thin solid #000;}
.wpcf7 .wpcf7-list-item label a:hover { border-color: #0061A1;}
.wpcf7 .wpcf7-list-item input { display: inline-block; width: auto; margin: 0 .25em 0 0;}

.wpcf7 input.wpcf7-submit { cursor: pointer; color: #fff; display: inline-block; font-size: 1rem; line-height: 1.5em; font-weight: 500; padding: 1em 2em 1.125em 4em; border-radius: 1.8125em; background: #0061A1 url("img/icon-flecha-azul-oscuro.svg") no-repeat center left; margin: .5em 0 0; width: auto;}
.wpcf7 input.wpcf7-submit:hover { color: #fff; background: #002855 url("img/icon-flecha-azul-oscuro.svg") no-repeat center right; padding: 1em 4em 1.125em 2em;}
.wpcf7 input.wpcf7-submit:disabled { cursor: not-allowed; opacity: .3;}

.wpcf7 input.wpcf7-not-valid,
.wpcf7 textarea.wpcf7-not-valid{ border-color:#D63D3D;}
.wpcf7 .wpcf7-not-valid-tip { color: #D63D3D; font-size: 14px; line-height: 1.5em; margin: .5em 0 0;}
.wpcf7 .wpcf7-response-output { color: #000; font-size: 14px; line-height: 1.5em; margin: 0; padding: 0; text-align: center;}
.wpcf7 .ajax-loader { margin-top: 10px;}

.legal{ text-align: left;}

.legal h2,
.legal h3{ font-size: calc(24px + (48 - 24) * (100vw - 375px) / (1920 - 375)); line-height: 1.125em; letter-spacing: -.00625em; margin: 1em 0 0;}
.legal ul li{ color: #4C4C4C !important; font-size: calc(16px + (18 - 16) * (100vw - 375px) / (1920 - 375)); line-height: 1.375em; list-style-type: disc; list-style-position: inside;}
.legal button{ font-size: .875em; border-radius: 1.65em; height: auto; width: auto; padding: .75em 1.5em; margin: 1em .25em 0; background: #002855; color: #fff;}

.legal .width_12col{ padding: 0 3%; margin: 0 auto; width: 100%; max-width: 1000px;}

#custom-cookies-eu-label{ color: #4C4C4C; font-size: calc(16px + (18 - 16) * (100vw - 375px) / (1920 - 375)); line-height: 1.375em; margin: 1em 0 0;}

@media only screen and (min-width:0) and (max-width:1023px) {
.width_12col{ padding: 0 5%;}
}

/* Cookies -------------------------------------------------------- */

#cookies-eu-wrapper{ position: fixed; z-index: 1000000;}
#cookies-eu-wrapper a{ color: #ffffff; font-weight: 400; display: inline-block; border-bottom: thin solid #ffffff; padding: 0; opacity: .5;}
#cookies-eu-wrapper a:hover{ color: #ffffff; border-color:#ffffff; opacity: 1;}
#cookies-eu-wrapper #cookies-eu-banner{ background: rgba(0,40,85,.9); color: #fff !important; min-height: auto; padding:1em 3%; font-size:.875em; line-height: 1.5em; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; align-content: center;}
#cookies-eu-wrapper #cookies-eu-banner #cookies-eu-label{ text-align: left; width: 80%;}
#cookies-eu-wrapper #cookies-eu-banner #cookies-eu-buttons{ padding: 0; text-align: right; width: 20%;}

#cookies-eu-wrapper button{ font-size: .875em; border-radius: 1.65em; height: auto; width: auto; padding: .75em 1.5em;}
#cookies-eu-wrapper button#cookies-eu-reject{ background: transparent; border: thin solid rgba(256,256,256,.5); color: rgba(256,256,256,.5);}
#cookies-eu-wrapper button#cookies-eu-reject:hover{ background: transparent; border: thin solid rgba(256,256,256,1); color: rgba(256,256,256,1);}
#cookies-eu-wrapper button#cookies-eu-accept{ background: #ffffff; border-color: #ffffff; color: #002855;}
#cookies-eu-wrapper button#cookies-eu-accept:hover{ background: #ffffff; border-color: #ffffff;}

@media only screen and (min-width:0) and (max-width:1279px) {
#cookies-eu-wrapper #cookies-eu-banner #cookies-eu-label,
#cookies-eu-wrapper #cookies-eu-banner #cookies-eu-buttons{ padding: .5em 0; text-align: center; width: 100%;}
}