/*
Theme Name: Team D-side
Theme URI: 
Author: the WordPress team
Version: 1
License: GNU General Public License v2 or later
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
        
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;300;500;600;800;900&display=swap');

:root {
    --color_rojo: #ff0000;
    --color_azul: #16949f;
    --color_verde: #157881;
    --color_fuente: #333;
}

@font-face {
  font-family: 'fuente1';
  src:  url('fonts/GOTHIC.TTF') format('truetype');
}


body {
    padding: 0px;
    margin: 0px;
    font-family: 'Montserrat', sans-serif;
    color: #333;
    overflow-x: hidden;
}

strong{
  font-weight: 900;
  color: var(--color_verde);
   font-family: 'Montserrat', sans-serif;
}
.btn-llamar{
	position: absolute;
    right: 0px;
    z-index: 99999;
    top: 42px;
}
.btn-llamar a{
    background: #ff6617;
    padding: 8px 18px;
    color: #fff;
    font-weight: 600;
	text-decoration: none;
	border-radius: 25px;
}
.btn-llamar a:hover{
    background: #939b34;
}

.txt-rojo h1{
     font-family: 'Montserrat', sans-serif;
  color: var(--color_rojo);
    font-weight: 900;
}

.txt-blanco h3{
      color: var(--color_azul);
    background: #fff;
    padding: 10px 12px;
    font-weight: 800;
    font-size: 32px;
    border-radius: 13px;
}
.porcentajes h1{
    color: var(--color_verde);
    font-size: 80px;
    font-weight: 800;
    margin-bottom: 0px;
    margin-top: 5px;
}
.porcentajes h3{
    color: var(--color_verde);
    font-size: 19px;
    font-weight: 700;
    margin-top: 0px;
}

.bloque2-azul h2{
    color: var(--color_verde);
    font-size: 27px;
    font-weight: 900;
    margin-top: 0px;
    margin-bottom: 0px;
}
.bloque2-azul h3{
    color: var(--color_verde);
    font-size: 19px;
    font-weight: 700;
    margin-top: 0px;
}
.bloque2-azul h1{
      color: var(--color_verde);
    font-size: 60px;
    font-weight: 800;
    margin-bottom: 0px;
    margin-top: 5px;
}

.mirador-colina .txt-blanco h3{
     color: #80a132
}

.mirador-colina .porcentajes h1{
    color: #80a132
}
.mirador-colina .porcentajes h3{
    color: #80a132
}

.mirador-colina .bloque2-azul h2{
    color: #80a132
}
.mirador-colina .bloque2-azul h3{
    color: #80a132
}
.mirador-colina .bloque2-azul h1{
      color: #80a132
}

.bloque-seccion2 h3{
    color: #fff;
    font-size: 22px;
    font-weight: 600;
    margin-top: 0px;
}
.bloque-seccion2 h1{
    color: #fff;
    font-size: 100px;
    font-weight: 800;
    margin-bottom: 0px;

}
.bloque-seccion2 h2{
    color: #fff;
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 0px;
    margin-top: 5px;
}


p {
    font-size: 14px;
    color: var(--color_fuente);
    line-height: 17px;
    font-family: 'Montserrat', sans-serif;

}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


.header-fixed {
  position: fixed!important;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  z-index: 999;
  -webkit-box-shadow: 0 2px 2px -3px rgba(0, 0, 0, 0.68);
  -moz-box-shadow: 0 2px 2px -3px rgba(70, 61, 94, 0.68);
  box-shadow: 0 2px 2px -3px rgba(0, 0, 0, 0.68); 
}

.header {
    background-color: #fff;
    width: 100%;
    min-height: 70px;
    left: 0;
    top: 0;
    z-index: 999;
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
    padding: 5px 10px 10px 10px;
}

.logo-ayp{
  text-align: center;
  padding: 15px
}  

.header .content-menu .menu-header .menu-principal {
    margin-top: 30px;
    text-align: center;
}

.container {
    margin: auto!important;
}

.logo-suarez{
    text-align: center;
}

.btn-promos a{
    border-color: var(--color_rojo)!important;
    background-color: var(--color_rojo)!important;
    background-image: none!important;
    color: #fff!important;
    border-radius: 20px!important;
    padding: 10px 56px 10px 20px!important;
    transition: 0.2s;

}
.btn-promos a:hover{
   border-color: #f00!important;
    background-color: #f82a2a!important;
}

.btn-promos a:before{
    content: ''!important;
    width: 68px;
    height: 68px;
    background: url(https://aypch.com/promos/wp-content/uploads/2023/11/befo-cel.png);
    display: block;
    position: absolute;
    right: -17px;
    top: -13px;
    z-index: 1;
    background-size: 60px;
    background-repeat: no-repeat;
}
.copy{
    background: #919191;
    min-height: 39px;
    text-align: center;
    color: #fff;
    padding-top: 9px;
    width: 100%;
    font-size: 14px;
}
.formulario-contacto h3{
    font-size: 16px;
    display: inline-block;
    position: sticky;
    color: #f91218;
    font-family: 'Montserrat', sans-serif;
}
.formulario-contacto input[type=date],
.formulario-contacto input[type=email],
.formulario-contacto input[type=text],
.formulario-contacto input[type=number],
.formulario-contacto input[type=tel] {
    width: 100%;
    border-radius: 10px;
    background: #ffffff;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #999;
    margin-bottom: 10px;
    padding-left: 20px;
    box-shadow: 0px 2px -1px rgb(0 96 173);
    border: 1px solid #157881;
}
.formulario-contacto input[type=date]:focus,
.formulario-contacto input[type=email]:focus,
.formulario-contacto input[type=text]:focus,
.formulario-contacto input[type=number]:focus,
.formulario-contacto input[type=tel]:focus {
    border: 1px solid #f3f3f3!important;
    outline: 0px;
    background-color: #fff;
}

.formulario-contacto .campo {
 display: inline-flex;
    justify-content: left;
    align-items: center;
    width: 100%;
    margin-top: 5px;
}
.formulario-contacto .campo span {
    margin: 0px;
}
.formulario-contacto .campo span input[type=checkbox] {
    width: 20px;
    height: 15px;
}
.formulario-contacto .campo p {
   text-align: left;
    display: inline-block;
    line-height: 20px;
    color: #fff;
    font-size: 13px;
    margin-left: 15px;
}

.formulario-contacto .campo p a {
    color: #cae8e5;
    font-size: 13px;
}

.formulario-contacto .campo p a:hover {
    color: #f3f3f3;
    text-decoration: underline;
}
.formulario-contacto input[type=submit] {
    border: none;
    margin: auto;
    display: block;
    padding: 0px 34px;
    float: none!important;
    color: #959d35;
    height: 38px;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    line-height: 40px;
    border-radius: 31px;
    background: #ffffff;
    transition: 0.1s;
    margin-bottom: 0px;
    margin-top: 10px;
    font-family: 'Montserrat', sans-serif;
}

.formulario-contacto h2{
    color: #fff;
    font-size: 45px;
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 27px;
}

.wpcf7-not-valid-tip {
    color: #ffe400;
}

.wpcf7 form .wpcf7-response-output{
    border: none!important;
    color: #fff;
    text-align: center;
    font-size: 24px;
    line-height: 26px;

}
.page-id-92 .header{
    display: none;
}

.title-home h1{
    color: #fff;
    font-size: 50px;
}

.wpcf7 form.sent .wpcf7-response-output {
    border-color: none!important;
}
.redes_footer, .redes-home {
    text-align: center;
}
span.red {
display: inline-block;
    width: 60px;
    height: 60px;
    background: #004c13;
    line-height: 60px;
    text-align: center;
    border-radius: 50vh;
    color: #fff;
    font-size: 31px;
    transition: ease-in-out 0.3s;
    margin: 0px 1px;
}
span.red:hover{
	opacity: 0.7;
} 
.text-mirador{
	padding: 0px 35px!important; 
}

@media screen and (max-width:768px) {

    .logo-suarez,
    .logo-ayp {
        text-align: center;
        padding: 5px;
    }
    .logo{
        width: 100%;
        height: auto;
    }
    .logo img{
        width: 100%;
        height: auto;
    }
    .logo-ayp .logo img{
       width: 40%;
    }
    .bloque-blanco{
        padding: 0px!important;
    }

    .bloque-blanco>div{
        padding: 10px!important;
    }

    .bloques-icon .vc_col-sm-4{
        display: inline;
        width: 33%!important;
    }

    .bloques-icon{
       display: inline-flex;
       width: 100%;
       justify-content: center;
       margin-left: 0px!important;
    }

    .bloques-icon .wpb_content_element{
       margin-bottom: 10px!important;
    }

    p {
    font-size: 16px;
    line-height: 24px;
    }

    .espacios{
        height: 10px!important;
    }

    .txt-rojo h1 {
        font-weight: 700;
        font-size: 28px;
    }

    .display-none{
        display: none!important;
    }

    .txt-blanco h3 {
        font-size: 20px;
    }

    body .seccion-mirador{
      background-image: none!important;
      background: #e6e5e5!important;
    }
    .porcentajes h1 {
      font-size: 60px;
    }
    .porcentajes h3 {
      font-size: 16px;
    }

    .bloque2-azul h2 {
    color: var(--color_verde);
    font-size: 20px;
    }

    .bloque2-azul h1 {
    color: var(--color_verde);
    font-size: 30px;
    }

    .btn-promos a {
    font-size: 12px!important;
    border-radius: 20px!important;
    padding: 8px 58px 10px 12px!important;
    }

    .bloque-seccion2 h1 {
       font-size: 70px;
    }

    .bloque-seccion2 h3 {
    color: #fff;
    font-size: 16px;
    }

    .formulario-contacto .campo p {
        line-height: 14px;
        font-size: 11px;
        margin-left: 10px;
    }

    .formulario-contacto .campo p a {
      font-size: 11px;
    }

    .formulario-contacto input[type=date], .formulario-contacto input[type=email], .formulario-contacto input[type=text], .formulario-contacto input[type=number], .formulario-contacto input[type=tel]{
        font-size: 12px;
    }

    .formulario-contacto input[type=submit]{
        font-size: 14px;
    }

    .copy {
        min-height: 30px;
        font-size: 10px;
    }
    body .seccion-cascadas{
      background-image: none!important;
      background: #f3f3f3!important;
    }
    
}

    
@media screen and (max-width:480px) {
    .btn-llamar {
    position: absolute;
    right: -8px;
    z-index: 99999;
    top: 73px;
}
}