/* GLOBALES */
:root {
      --oscuro: #1c3741;
      --blanco: #f7fbfe;
      --limon: #ffa630;
      --fuente_principal: "Poppins", serif;
}
html,
body {
    box-sizing: border-box;
    overflow-x: hidden;
    background: hsla(206, 78%, 98%, 1);
    background: linear-gradient(90deg, hsla(206, 78%, 98%, 1) 0%, hsla(0, 0%, 92%, 1) 100%);
    background: -moz-linear-gradient(90deg, hsla(206, 78%, 98%, 1) 0%, hsla(0, 0%, 92%, 1) 100%);
    background: -webkit-linear-gradient(90deg, hsla(206, 78%, 98%, 1) 0%, hsla(0, 0%, 92%, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#F7FBFE", endColorstr="#EBEBEB", GradientType=1 );
    font-family: var(--fuente_principal);
    padding: 0.5!important;
}
*,
*:before,
*:after {
    box-sizing: inherit;
}
h1, h2, h3, h4, h5, h6 {
      color: var(--blanco);
      font-size: 1.8rem;
      font-family: "Poppins", sans-serif!important;
}
h3.nombre {
      font-size: 2.2rem;
}
span.empresa, p.cargo {
      color: var(--amarillo);
}
span.direccion {
      color: var(--blanco);
      font-size: .8rem;
}
p.telefono {
      color: var(--blanco)!important;
      margin-top: 0!important;
}
a {
      text-decoration: none;
}
a:hover {
      text-decoration: none;
}
ul {
      margin: 0!important;
      padding: 0!important;
}
ul li {
      list-style: none!important;
}
div.card {
      max-width: 35%;
      margin: 0 auto;
}
h6.titulo_interno {
      font-size: 1.1rem;
      font-weight: 900;
      margin: 0!important;
      text-align: center;
      color: var(--oscuro);
}
.nombre_agente {
      font-size: 1.1rem;
      margin: 0!important;
}
.puesto_agente {
      font-size: .9rem;
      margin: 0!important;
}

/* div.header {
      background-image: url(img/bannergiginmo.png);
      background-position: center center;
      background-size: cover;
      background-repeat: no-repeat;
} */
/* div.header_servicios {
      background-image: url(img/bannergiginmo.png);
      background-position: center center;
      background-size: cover;
      background-repeat: no-repeat;
} */
img.logo-nombre {
      width: 20%;
      margin-top: 2rem;
}
div.foto img {
      position: absolute;
      top: -5%;
      left: 50%;
      transform: translate(-50%, -50%);
      text-align: center;
      max-width: 25%;
      display: block;
      margin: 0 auto;
      border-radius: 50%;
      -webkit-box-shadow: 0px 0px 15px -7px rgba(0,0,0,0.75);
      -moz-box-shadow: 0px 0px 15px -7px rgba(0,0,0,0.75);
      box-shadow: 0px 0px 15px -7px rgba(0,0,0,0.75);
}
div.header img, div.header_servicios img {
      max-width: 100%;
}
div.header img {
      border-radius: 50px;
}
div.header_servicios img {
      border-radius: 50px 50px 0px 0px;
}

div.header, div.body {
      background-color: var(--oscuro);
      border-radius: 50px;
      -webkit-box-shadow: 0px 0px 15px -7px rgba(0,0,0,0.75);
      -moz-box-shadow: 0px 0px 15px -7px rgba(0,0,0,0.75);
      box-shadow: 0px 0px 15px -7px rgba(0,0,0,0.75);
      margin-bottom: 1rem;
      text-align: center;
}
/* div.header_servicios {
      background-color: var(--blanco);
      border-radius: 50px 50px 0px 0px;
      -webkit-box-shadow: 0px 0px 15px -7px rgba(0,0,0,0.75);
      -moz-box-shadow: 0px 0px 15px -7px rgba(0,0,0,0.75);
      box-shadow: 0px 0px 15px -7px rgba(0,0,0,0.75);
      text-align: center;
} */
div.body_servicios {
      background-color: var(--blanco);
      border-radius: 0px 0px 50px 50px;
      -webkit-box-shadow: 0px 0px 15px -7px rgba(0,0,0,0.75);
      -moz-box-shadow: 0px 0px 15px -7px rgba(0,0,0,0.75);
      box-shadow: 0px 0px 15px -7px rgba(0,0,0,0.75);
      text-align: center;
      margin-bottom: 1rem;
}
div.ventas video {
      border-radius: 50px;
      -webkit-box-shadow: 0px 0px 15px -7px rgba(0,0,0,0.75);
      -moz-box-shadow: 0px 0px 15px -7px rgba(0,0,0,0.75);
      box-shadow: 0px 0px 15px -7px rgba(0,0,0,0.75);
      margin-bottom: .5rem;
}
div.body {
      margin-top: 1rem;
      position: relative;
}
div.body_servicios {
      position: relative;
}
div.contenido_pad {
      padding: 2rem 3rem 2rem 3rem;
}
div.body_servicios div.servicio {
      position: relative;
      
}
div.amenidades {
      margin: .5rem 0 2rem 0;
}
div.amenidades.last {
      margin: .5rem 0 0rem 0;
}
div.amenidades i {
      color: var(--oscuro);
}
p.descripcion_servicio {
      font-size: .8rem;
      margin: 0rem;
}
div.body_servicios h3 {
      margin: 0;
      padding-top: 1.5rem;
      text-transform: uppercase;
      color: var(--limon);
}
div.body_servicios a.call_to {
      font-size: .7rem;
      color: var(--blanco);
      background-color: var(--oscuro);
      padding: .5rem;
      border-radius: 0 0 10px 10px;
      -webkit-box-shadow: 0px 0px 15px -7px rgba(0,0,0,0.75);
      -moz-box-shadow: 0px 0px 15px -7px rgba(0,0,0,0.75);
      box-shadow: 0px 0px 15px -7px rgba(0,0,0,0.75);
      text-transform: uppercase;
}
div.body_servicios a.call_to i {
      color: var(--limon);
}
div.body_servicios img {
      max-width: 100%;
      display: block;
      margin: 0 auto;
      border-radius: 20px 20px 0px 20px;
      -webkit-box-shadow: 0px 0px 15px -7px rgba(0,0,0,0.75);
      -moz-box-shadow: 0px 0px 15px -7px rgba(0,0,0,0.75);
      box-shadow: 0px 0px 15px -7px rgba(0,0,0,0.75);
}
div.body_servicios p.leyenda {
      background-color: var(--oscuro);
      color: var(--blanco);
      font-size: .8rem;
      position: absolute;
      top: 0;
      right: 0;
      padding: .5rem;
      margin: 0;
      border-radius: 0 0 0 10px;
}
/* div.header {
      padding: 7rem 0 7rem 0;
} */
/* div.header_servicios {
      padding: 5rem 0 5rem 0;
} */
div.mapa {
      width: 100%;
      background-color: var(--blanco);
      border-radius: 50px;
}
div.mapa iframe {
      border-radius: 0px 0px 50px 50px;
      margin-bottom: -5px;
}
div.enlaces div {
      background-color: var(--blanco);
      border-radius: 50px;
      -webkit-box-shadow: 0px 0px 15px -7px rgba(0,0,0,0.75);
      -moz-box-shadow: 0px 0px 15px -7px rgba(0,0,0,0.75);
      box-shadow: 0px 0px 15px -7px rgba(0,0,0,0.75);
      padding: .5rem 2rem;
      margin-bottom: 1rem;
}
div.enlaces div.servicio {
      background-color: var(--oscuro);
}
div.enlaces div.servicio i {
      color: var(--limon);
}
div.enlaces div.servicio p {
      color: var(--blanco)!important;
}
/* div.enlaces div i {
      color: var(--oscuro);
} */

li h3 {
      font-size: 1.8rem;
      margin: 0rem;
      padding-top: 2.5rem;
}
li p.cargo {
      margin: 0;
      font-size: 1rem;  
      color: var(--limon);
}
li p.descripcion {
      color: var(--blanco);
      font-size: .8rem;
}
li p.telefono {
      color: #393939;
}
li span.empresa {
      margin: 0;
      font-size: .8rem;  
}

div.enlaces a div.enlace, div.enlaces div.enlace {
      display: flex;
      align-items: center;
      justify-content: space-between;
      transition: .5s all ease-in-out;
      color: var(--oscuro);
      cursor: pointer;
}
div.enlaces a div.enlace:hover, div.enlaces div.enlace:hover {
      background-color: var(--oscuro);
      color: var(--blanco)!important;
}
div.enlaces a div.enlace:hover i, div.enlaces div.enlace:hover i {
      color: var(--limon)!important;
}

hr {
      margin: 2rem auto;
      width: 200px;
      color: var(--limon);
      background-color: var(--limon);
}

div.redes {
      padding: 1rem 4rem;
}

div.redes {
      display: flex;
      align-items: center;
      justify-content: space-between;
}

div.redes a div {
      background-color: var(--oscuro);
      padding: 1rem;
      border-radius: 10px;
      color: var(--amarillo);
      -webkit-box-shadow: 0px 0px 15px -7px rgba(0,0,0,0.75);
      -moz-box-shadow: 0px 0px 15px -7px rgba(0,0,0,0.75);
      box-shadow: 0px 0px 15px -7px rgba(0,0,0,0.75);
      min-width: 50px;
      text-align: center;
}
div.redes a div:hover {
      transition: .5s all ease-in-out;
      transform: scale(1.1);
}
div.redes div i {
      font-size: 1.3rem;
      color: var(--blanco);
}

div.credit {
      text-align: center;
      font-family: var(--fuente_principal);
      font-size: .9rem;
      padding: 1rem 0;
      color: var(--oscuro);
}
div.credit a {
      color: var(--limon);
}


@media (max-width: 575px) {

      body {
            background: hsla(206, 78%, 98%, 1);
            background: linear-gradient(90deg, hsla(206, 78%, 98%, 1) 0%, hsla(0, 0%, 92%, 1) 100%);
            background: -moz-linear-gradient(90deg, hsla(206, 78%, 98%, 1) 0%, hsla(0, 0%, 92%, 1) 100%);
            background: -webkit-linear-gradient(90deg, hsla(206, 78%, 98%, 1) 0%, hsla(0, 0%, 92%, 1) 100%);
            filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#F7FBFE", endColorstr="#EBEBEB", GradientType=1 );
            padding: .5rem 0;
        }

      h1, h2, h3, h4, h5, h6 {
            font-size: 1rem;
      }
      h3.nombre {
            font-size: 1.6rem;
      }
      div.card {
            max-width: 97%;
      }
            
      div.foto img {
            position: absolute;
            top: -5%;
            left: 50%;
            transform: translate(-50%, -50%);
            text-align: center;
            max-width: 35%;
      }
      div.header img, div.header_servicios img {
            max-width: 100%;
      }
      
      div.header, div.body, div.body_servicios {
            margin-bottom: 1rem;
            text-align: center;
      }
      div.header_servicios {
            margin-bottom: 0;
      }
      div.body {
            margin-top: 1rem;
      }
      div.body_servicios {
            margin-top: 0;
      }
      div.contenido_pad {
            padding: 2rem 2rem 1.5rem 2rem;
      }
      div.body_servicios p.leyenda {
            background-color: var(--oscuro);
            color: var(--blanco);
            font-size: .8rem;
            position: absolute;
            top: 0;
            right: 0;
            padding: .5rem;
            margin: 0;
            border-radius: 0 0 0 10px;
      }
      div.mapa {
            width: 100%;
      }
      div.mapa iframe {
            border-radius: 0px 0px 50px 50px;
            margin-bottom: -5px;
      }
      /* div.header {
            padding: 3rem 0 5.5rem 0;
      } */
      
      div.enlaces div {
            padding: .5rem 2rem;
            margin-bottom: 1rem;
      }

      li h3 {
            font-size: 1.8rem;
            margin: 0rem;
            padding-top: 2rem;
      }
      li p.cargo {
            margin: 0;
            font-size: 1rem;  
      }
      li span.empresa {
            margin: 0;
            font-size: .8rem;  
      }
            
      hr {
            margin: 2rem auto;
            width: 200px;
      }
      
      div.redes {
            padding: 1rem 2rem;
      }
            
      div.redes a div {
            padding: 1rem;
            border-radius: 10px;
            min-width: 50px;
            text-align: center;
      }
      div.redes div i {
            font-size: 1.3rem;
      }
      
      div.credit {
            text-align: center;
            font-size: .9rem;
            padding: 1rem 0;
      }

}