body{
    font-size: 1.25em;
    font-family: Archivo, sans-serif;
}
.w3-right.w3-hide-small a {
	font-size: .9em !important;
}
.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 0,
  'opsz' 24
}
h1, h2, h3, h4, h5, h6 {
	font-family: Archivo, sans-serif;
	line-height: normal;
}
img{
	max-width: 100%;
}
b{
	color: #063346;
}
h1{
	margin-bottom: 30px;
}
a {
	text-decoration: none;
}
#navegador a{
	font-family: Lato, sans-serif;
	font-weight: 700;
	letter-spacing: 0;
}
.w3-right.w3-hide-small {
	margin-top: 30px;
}
#navegador.w3-black, .w3-top {
	background-color: #063346 !important;
}
#navegador {
	max-width: 1370px;
	margin-left: auto;
	margin-right: auto;
}
.sub-menu.nav-dropdown.nav-dropdown-default a {
	border-bottom: 1px solid #ececec;
	color: hsla(0,0%,40%,.85);
	text-decoration: none;
	margin: 0 10px;
}
.sub-menu.nav-dropdown.nav-dropdown-default li:hover{
	background-color: transparent!important;
}
.brand img{
	width: 90px;
	max-height: 100px;
}
.space{
	content: "";
	margin-bottom: 50px;
	clear: both;
}
.w3-background{
	background-image: url(images/bg-empresa.png);
	background-repeat: no-repeat;
	background-size: cover;
}
.w3-celestito{
	color: #8bb5db;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	font-weight: 700;
	line-height: 1.2;
}
.w3-flex{
    align-items: center;
}
.w3-scroll {
	background-color: #063346 !important;
	padding: 30px 0;
	margin-bottom: 0px;
}
.clip{
	width: 50px;
	background-color: #063346;
	padding: 15px;
	clip-path: polygon(0% 0%, 100% 0%, 50% 50%);
	margin-right: auto;
	margin-left: auto;

}
#hero h1{
    line-height: normal;
}
.w3-container.w3-quarter {
	text-align: center;
	position: relative;
}
.w3-container.w3-quarter span {
	vertical-align: middle;
}
.w3-btn.w3-black {
	width: 40%;
	box-shadow: 5px 5px 15px 1px #000;
	background-color: #063346 !important;
	font-size: 90%;
}
.w3-button.w3-block {
	background-color: #063346;
	color: #fff;
	text-transform: uppercase;
	padding: 16px 0;
	font-weight: bold;
	font-size: 80%;
}
.w3-button:hover {
	background-color: #8bb5db !important;
}
.w3-btn.w3-black.w3-hover-light-blue:hover {
	color: #000 !important;
	background-color: #8bb5db !important;
}
.txt-icon{
	font-size: 1.4rem;
	margin-left: 10px;
	line-height: normal;
}
.material-symbols-outlined{
	color: #063346;
}
.w3-badge {
	border-radius: 50%;
	padding: 6px 30px;
	background-color: #063346;
	margin-right: 30px;
	float: left;
}
.p-badge{
	margin-bottom: 50px;
}
.w3-col.l3.m6.w3-margin-bottom {
	background-color: #063346;
	color: #fff;
	padding: 32px;
}
.w3-invierte {
	background-image: url(images/background-pagan.jpg);
	background-repeat: no-repeat;
	padding: 150px;
	background-position: center;
	margin-bottom: 50px;
}
.w3-half.w3-display-container.w3-invierte{
    margin-bottom: 0;
}
#diagnostico .w3-flex.w3-stretch {
	margin-bottom: 50px;
}
.w3-backgroundlight {
	background-image: url(images/bg-proyectos.png);
	background-repeat: no-repeat;
	background-position: cover;
}
.w3-display-topleft, .w3-display-left {
	padding: 16px;
	color: #fff;
	margin-left: 16px;
}
.w3-display-left {
	font-size: 1.1rem;
}
.check {
	list-style: none;
	text-align: center;
	line-height: 2em;
	padding-left: 0;
}
.w3-stretch {
	margin-left: 0;
}
.w3-border-bottom.w3-border-light-grey.w3-display-middle {
	text-shadow: 8px 8px 8px #fff;
	font-weight: bold;
	margin-top: -30px;
	line-height: normal;
}
.w3-display-topmiddle {
	background-color: #000;
	color: #fff;
	padding: 4px 16px;
}
.w3-background-color{
	background-color: #063346;
	padding: 16px;
}
.w3-button.w3-black.w3-section {
	background-color: #063346 !important;
}
.w3-button.w3-black.w3-section:hover {
	background-color: #8bb5db !important;
}
.w3-casos{
    background-size: cover;
    border-radius: 0 0 60px 0;
    filter: drop-shadow(5px 5px 5px black);
}
#pagan p{
	font-size: 1.2rem;
	line-height: 1.6;
	color: #063346;
}
.list-check {
	content: "";
	padding: 0 15px 5px;
	background-image: url(images/check_24dp_063346_FILL0_wght400_GRAD0_opsz24.svg);
}
.no-check{
    content: "";
    padding: 0 15px 5px;
    background-image: url(images/close_24dp_063346_FILL0_wght400_GRAD0_opsz24.svg);
}
#final h3{
    animation: mymove 3s infinite;;
}
@keyframes mymove {
  50% {text-shadow: 6px 6px 12px #fff;}
}
@media screen and (max-width: 992px){
	#navegador{display: none;}
	#navmobile{display: block;}
	body {
	font-size: 1em;
    }
	.w3-celestito {
	font-size: 30px;
	line-height: normal;
    }
    .w3-display-bottommiddle.w3-large.w3-container.w3-padding-16 {
	width: 100% !important;
    }
}
@media screen and (min-width: 993px){
	#navegador{display: block;}
	#navmobile{display: none;}
}
@media screen and (max-width: 1215px){
    .p-badge {
    	clear: both;
    }
    #pagan p {
	font-size: 1em;;
    }
    #display h1{
    padding: 50px!important;
    }
    .w3-button.w3-block {
	font-size: 100%;
    }
    h2 {
	font-size: 26px;
    }
    #pagan .w3-half.w3-container:nth-of-type(1) {
	padding: 0 !important;
    }
    .w3-col.m6, .w3-half {
	width: 49.99999%;
    }
}
@media screen and (max-width: 998px){
    .w3-display-middle {
	left: 0;
	transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
    }
    #final a{
	white-space: break-spaces;
    }
    footer {
	padding-left: 15px;
	padding-right: 15px;
    }
}
@media screen and (max-width: 576px){
    #hero {
	background-image: url(images/portada-locales-xs.jpg);
	content: "";
	padding-top: 150px;
	padding-bottom: 150px;
	background-size: 100% auto;
	background-position-x: center;
	background-repeat: no-repeat;
	background-position-y: bottom;
    }
    #hero a{
    font-size: 16px!important;
    width: 45%;
    letter-spacing: -0.5;
    margin-right: 0 !important;
    margin-bottom: 10px;
    width: calc(60% + 40px);
    }
    #hero h1 {
	font-size: 1.6em;
	padding: 0 20px;
    }
    #hero .w3-display-middle{
	top: 25%;
    }
    .w3-display-bottommiddle.w3-large.w3-container.w3-padding-16 {
	display: flex;
	flex-direction: column;
	align-items: center;
    }
    #display {
	font-size: 24px;
    }
    .w3-flex{
        flex-direction: column;
        margin-right: 0;
    }
    .w3-half{
        width: 100%;
        padding-left: 0!important;
    }
    .w3-col.m6{
	width: 100%;
    }
    h1 {
	font-size: 26px !important;
    }
    h3 {
	font-size: 1.6em !important;
    }
    .check {
	padding-left: 0;
    }
    .w3-celestito, #pagan h1 {
	text-align: center;
    }
    .w3-border-bottom.w3-border-light-grey.w3-display-middle {
	font-size: 1.6em;
	left: 50%;
	transform: translateX(-50%);
    }
    #diagnostico .w3-display-left {
	top: 65%;
    }
    ul {
	padding-left: 0;
    }
}
@media screen and (min-width: 856px){
    footer p {
	display: inline;
    }
}
@media screen and (max-width: 387px){
    .diag-txt {
	max-width: 50%;
	display: block;
	float: left;
	margin-bottom: 30px;
    }
    .w3-display-topleft{
	line-height: normal;
	font-size: 24px;
    }
}
@media screen and (max-width: 845px){
    #hero{
        padding-top: 0;
    }
}
@media screen and (max-width: 460px){
    #hero h1{
        font-size: 22px;
    }
}
/* NAVEGADOR MOBILES */
#home {
	background-color: #063346;
	height: 100px;
}
.w3-display-middle.w3-margin-top.w3-center {
	margin-top: 0 !important;
}
.w3-xxlarge.w3-text-white img {
	width: 90px;
	padding: 10px;
}
#navmobile {
	width: 100%;
	background: #0b0b0b;
	opacity: .85;
	color: #fff;
	padding: 25% 0;
}
#navmobile a {
	text-align: center;
}
#navmobile a {
	text-align: center;
	font-size: 1.5em;
	padding: 15px 0;
	font-weight: 700;
}
.w3-red {
	background-color: transparent !important;
}
.w3-red a {
	background-color: transparent !important;
	font-size: 48px;
	margin-right: 20px;
}
.w3-bar-item.w3-button.w3-xxxlarge.w3-hover-theme {
	color: #fff;
	font-size: 24px !important;
	margin-top: 20px;
	float: right;
}
footer{
	background-image: url(images/background-footer.jpg);
	background-repeat: no-repeat;
	font-size: 1.4rem;
}

/* CONTACT 1 */
#contact1, #contact2 {
	margin-left: auto;
	margin-right: auto;
	float: none;
	margin-bottom: 50px;
}
#contact1 .w3-container, #contact2 .w3-container {
	margin-top: 50px;
	background-image: url(images/bg-proyectos.png);
	background-repeat: no-repeat;
}