@charset "UTF-8";
/*CONTENEDOR*/
/*Dispositivos*/
/*Media screen*/
@font-face {
  font-family: 'Montserrat';
  src: url("../font/Montserrat-Bold.eot");
  src: url("../font/Montserrat-Bold.eot?#iefix") format("embedded-opentype"), url("../font/Montserrat-Bold.woff2") format("woff2"), url("../font/Montserrat-Bold.woff") format("woff"), url("../font/Montserrat-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Montserrat';
  src: url("../font/Montserrat-ExtraBold.eot");
  src: url("../font/Montserrat-ExtraBold.eot?#iefix") format("embedded-opentype"), url("../font/Montserrat-ExtraBold.woff2") format("woff2"), url("../font/Montserrat-ExtraBold.woff") format("woff"), url("../font/Montserrat-ExtraBold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Montserrat';
  src: url("../font/Montserrat-Black.eot");
  src: url("../font/Montserrat-Black.eot?#iefix") format("embedded-opentype"), url("../font/Montserrat-Black.woff2") format("woff2"), url("../font/Montserrat-Black.woff") format("woff"), url("../font/Montserrat-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Montserrat';
  src: url("../font/Montserrat-Light.eot");
  src: url("../font/Montserrat-Light.eot?#iefix") format("embedded-opentype"), url("../font/Montserrat-Light.woff2") format("woff2"), url("../font/Montserrat-Light.woff") format("woff"), url("../font/Montserrat-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Montserrat';
  src: url("../font/Montserrat-Thin.eot");
  src: url("../font/Montserrat-Thin.eot?#iefix") format("embedded-opentype"), url("../font/Montserrat-Thin.woff2") format("woff2"), url("../font/Montserrat-Thin.woff") format("woff"), url("../font/Montserrat-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Montserrat';
  src: url("../font/Montserrat-Medium.eot");
  src: url("../font/Montserrat-Medium.eot?#iefix") format("embedded-opentype"), url("../font/Montserrat-Medium.woff2") format("woff2"), url("../font/Montserrat-Medium.woff") format("woff"), url("../font/Montserrat-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Montserrat';
  src: url("../font/Montserrat-SemiBold.eot");
  src: url("../font/Montserrat-SemiBold.eot?#iefix") format("embedded-opentype"), url("../font/Montserrat-SemiBold.woff2") format("woff2"), url("../font/Montserrat-SemiBold.woff") format("woff"), url("../font/Montserrat-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Montserrat';
  src: url("../font/Montserrat-ExtraLight.eot");
  src: url("../font/Montserrat-ExtraLight.eot?#iefix") format("embedded-opentype"), url("../font/Montserrat-ExtraLight.woff2") format("woff2"), url("../font/Montserrat-ExtraLight.woff") format("woff"), url("../font/Montserrat-ExtraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Montserrat';
  src: url("../font/Montserrat-Regular.eot");
  src: url("../font/Montserrat-Regular.eot?#iefix") format("embedded-opentype"), url("../font/Montserrat-Regular.woff2") format("woff2"), url("../font/Montserrat-Regular.woff") format("woff"), url("../font/Montserrat-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }
/*
   HEADER
   *
   -----------------------------------------
   *
 */
.header {
  width: 100%;
  z-index: 200;
  transition: 0.3s;
  position: relative;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  padding: 5px 0;
  /* modificadores */
  /*--------------------*/
  /* elementos */
  /*-----------------------------*/ }
  .header--background {
    background: #0085CE; }
  .header--b-bottom {
    border-bottom: 2px solid #0067cd;
    /* PUEDE MODIFICARSE */ }
  .header--shadow {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.42);
    /* PUEDE MODIFICARSE */ }
  .header--fixed {
    position: fixed;
    top: 0; }
  .header__content {
    display: flex;
    grid-gap: 25px;
    justify-content: space-between; }
  .header__logo {
    display: flex;
    gap: .6rem;
    align-items: center; }
    .header__logo .isotipo {
      background-color: #00BEFF;
      padding: 1.2rem 1.2rem 1.7rem;
      margin-bottom: -2.6rem;
      border-bottom-left-radius: 60px; }
      .header__logo .isotipo img {
        width: 75px;
        height: auto; }
    .header__logo .logo-white img {
      width: 175px;
      height: auto; }
    .header__logo span {
      width: 1px;
      height: 100%;
      background: #ffffff; }
    .header__logo--padding {
      padding: 0;
      /* PUEDE MODIFICARSE */ }
  .header__img {
    max-width: 165px;
    /* PUEDE MODIFICARSE */
    display: block; }
  .header__scroll {
    background-color: #ffffff; }
    .header__scroll span, .header__scroll a.header-tc {
      display: none; }
    .header__scroll .header-slim--showscroll {
      display: none; }
    .header__scroll .header-slim--showheader {
      display: block; }
    .header__scroll .main-nav__link {
      color: #333333; }
      .header__scroll .main-nav__link.btncotiza {
        color: #ffffff; }
    .header__scroll .btn-nav i {
      color: #333333; }
  .header .none {
    display: none; }

.main-nav {
  display: flex;
  grid-gap: 20px;
  align-items: center;
  /* elementos */
  /*-----------------------------------*/ }
  .main-nav__list {
    display: flex;
    justify-self: right;
    align-items: center;
    height: 100%;
    gap: 1rem;
    padding: 14px 0;
    /* modificadores */
    /*-------------------------------------*/ }
    .main-nav__list span {
      width: 1px;
      height: 22px;
      background: #ffffff; }
    .main-nav__list--h-back .main-nav__item:hover {
      background-color: #0067cd;
      /* PUEDE MODIFICARSE */ }
      .main-nav__list--h-back .main-nav__item:hover .main-nav__link {
        color: #ffffff !important; }
    .main-nav__list--h-line-bottom .main-nav__item:before {
      content: '';
      position: absolute;
      width: 0;
      height: 3px;
      background-color: #0067cd;
      /* PUEDE MODIFICARSE */
      transition: .3s;
      bottom: 0;
      left: 0; }
    .main-nav__list--h-line-bottom .main-nav__item:hover::before {
      width: 100%; }
    .main-nav__list--h-color-text .main-nav__item:hover .main-nav__link {
      color: #0067cd;
      /* PUEDE MODIFICARSE */ }
  .main-nav__item {
    margin: 0;
    /*display: flex;
    align-items: center;*/
    transition: 0.3s;
    position: relative;
    /* modificadores */
    /* ------------------- */ }
    .main-nav__item--maxalto {
      height: 100%; }
  .main-nav__link {
    padding: 12px 15px;
    position: relative;
    display: flex;
    align-items: center;
    color: #0085CE;
    height: 100%;
    font-weight: bold;
    /*&:hover{
        color: $color_2;
        font-weight: bold;
        transition: 0.3s all;
    }*/ }
    .main-nav__link .text-link {
      font-weight: 600;
      font-size: 13px; }
    .main-nav__link .icono-link {
      display: flex;
      padding-left: 10px;
      font-weight: 600;
      font-size: 12px; }
    .main-nav__link.btncotiza {
      background-color: #00BEFF;
      color: #ffffff;
      border-radius: 100px;
      padding: 15px 27px; }
  .main-nav__dropdown {
    display: none;
    position: absolute;
    background-color: #e5e5e5;
    min-width: 194px;
    /* PUEDE MODIFICARSE */
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    transition: .3s;
    z-index: 2; }
  .main-nav__search {
    position: relative;
    /*modificadores*/ }
    .main-nav__search input {
      height: 32px;
      border: 1px solid #cecece;
      padding: 0 30px 0 12px;
      width: 220px;
      outline: none; }
    .main-nav__search span {
      font-size: 14px;
      position: absolute;
      right: 12px;
      bottom: 50%;
      transform: translate(0px, 50%); }
    .main-nav__search--b-radius input {
      border-radius: 50px; }

.dropdown-link {
  color: #000000;
  padding: 12px 15px;
  display: block;
  font-size: 14px; }
  .dropdown-link:hover {
    color: #0067cd; }

/* boton menu */
.movil-menu {
  cursor: pointer; }
  .movil-menu li a span {
    display: flex; }
  .movil-menu li a#abrir-side {
    background: #00BEFF;
    padding: 7px;
    border-radius: 5px;
    color: #ffffff; }
  .movil-menu--efecto li a {
    background-color: #e5e5e5;
    padding: 14px;
    border-radius: 100px;
    display: block; }
  .movil-menu--efecto:hover li a {
    background-color: #317fcd;
    display: block; }
    .movil-menu--efecto:hover li a span {
      color: #ffffff; }

/* --------------------------- */
@media only screen and (max-width: 950px) {
  .movil-menu {
    display: block !important; }

  .main-nav__list {
    display: none !important; } }
/*==============================================*/
/*--- FOOTER ---*/
.footer {
  background: linear-gradient(270deg, #0085ce 0%, #0095dc 50%, #00beff 100%); }
  .footer p, .footer h2 {
    color: #ffffff; }
  .footer h2 {
    margin-bottom: 1.2rem;
    font-size: 16px; }
  .footer__content {
    border-bottom: 1px solid #E2E8F0;
    padding: 40px 0 55px; }
  .footer__informacion {
    display: grid;
    gap: 22px; }
  .footer__redes ul {
    display: flex;
    gap: 1.2rem; }
    .footer__redes ul li a {
      display: flex;
      background: #ffffff;
      width: 32px;
      height: 32px;
      justify-content: center;
      align-items: center;
      border-radius: 7px; }
      .footer__redes ul li a i {
        font-size: 18px;
        color: #00BDF4; }
  .footer__contacto ul {
    display: grid;
    gap: 12px; }
    .footer__contacto ul li {
      display: flex;
      align-items: center;
      gap: 10px; }
      .footer__contacto ul li a {
        color: #ffffff; }
  .footer__lista ul {
    display: grid;
    gap: 10px; }

/*.content-center{
  display: grid;
  justify-content: center;
}

.content-end{
  display: grid;
  justify-content: end;
}*/
.informacion-final {
  padding: 1.8rem 0; }
  .informacion-final .content-informacion-final {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 1rem; }
    .informacion-final .content-informacion-final span {
      width: 1px;
      background: #E2E8F0; }
    .informacion-final .content-informacion-final p a {
      color: #ffffff;
      text-decoration: underline; }

/*--------------------*/
/*
*
    ESTILOS DE FORMULARIO
*
*/
.form {
  /*box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.07);*/
  margin-left: 75px;
  /* modificadores */
  /*====================*/ }
  .form--centered {
    width: 50%;
    margin: auto;
    border: 1px solid black;
    padding: 20px 32px; }
  .form--fondo {
    width: 410px;
    border-radius: 5px;
    display: grid;
    row-gap: 12px;
    /*height: 100%;
        display: flex;
        flex-flow: column;
        justify-content: space-between;*/ }
  .form--libro h2 {
    color: #00BEFF;
    font-size: 22px;
    margin: 2rem 0 1.2rem; }
  .form--libro .input-group {
    gap: 15px;
    margin-bottom: 1rem; }
    .form--libro .input-group label {
      color: #00BEFF;
      font-weight: bold; }
    .form--libro .input-group__input {
      text-align: initial !important;
      padding: 0 20px !important; }
  .form--libro .list-reclamo {
    display: grid;
    gap: .5rem; }
  .form--libro form {
    margin-bottom: 2rem; }
  .form--mostrar {
    display: none; }
  .form__group {
    grid-gap: 12px;
    margin-bottom: 8px; }
  .form__contentText h2 {
    font-size: 28px;
    color: #ffffff;
    text-align: center;
    margin-bottom: 1rem; }
  .form__contentText p {
    margin-bottom: 1rem; }
  .form .input-group {
    display: flex;
    flex-direction: column;
    /* modificado */
    /*=================*/ }
    .form .input-group--requerido .input-group__input {
      border: 1px solid #dc3545; }
    .form .input-group--requerido .input-group__validar {
      color: #dc3545; }
    .form .input-group__label {
      font-size: 14px;
      padding-bottom: 5px; }
    .form .input-group__input, .form .input-group__textarea {
      border: 1px solid #0085CE;
      border-radius: 10px;
      margin-bottom: 2px;
      height: 55px;
      padding: 0px 23px;
      outline: none;
      width: 100%; }
      .form .input-group__input::placeholder, .form .input-group__textarea::placeholder {
        font-size: 15px; }
    .form .input-group__textarea {
      height: initial;
      text-align: initial;
      padding: 20px; }
    .form .input-group__validar {
      font-size: 11px; }
    .form .input-group__select {
      height: 55px;
      border-radius: 10px;
      border: 1px solid #0085CE;
      padding: 0 23px;
      outline: none;
      width: 100%; }
      .form .input-group__select::placeholder {
        font-size: 14px; }
    .form .input-group__text-area {
      outline: none;
      padding: 8px 10px;
      border: 1px solid #c2c2c2;
      border-radius: 3px; }
  .form__checkbox {
    margin: 22px 0;
    /* The container */
    /* Hide the browser's default checkbox */
    /* Create a custom checkbox */
    /* On mouse-over, add a grey background color */
    /* When the checkbox is checked, add a blue background */
    /* Create the checkmark/indicator (hidden when not checked) */
    /* Show the checkmark when checked */
    /* Style the checkmark/indicator */ }
    .form__checkbox .checkbox {
      display: flex; }
      .form__checkbox .checkbox__input {
        margin-right: 8px; }
      .form__checkbox .checkbox__help a {
        color: #ffffff;
        font-weight: bold;
        text-decoration: revert; }
    .form__checkbox .container-checkbox, .form__checkbox .container-checkbox-second {
      display: block;
      position: relative;
      padding-left: 35px;
      cursor: pointer;
      font-size: 15px;
      color: #ffffff;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
      .form__checkbox .container-checkbox a, .form__checkbox .container-checkbox-second a {
        color: #ffffff;
        font-weight: bold; }
    .form__checkbox .container-checkbox input, .form__checkbox .container-checkbox-second input {
      position: absolute;
      opacity: 0;
      cursor: pointer;
      height: 0;
      width: 0; }
    .form__checkbox .checkmark {
      position: absolute;
      top: 0;
      left: 0;
      height: 20px;
      width: 20px;
      background-color: #eee; }
    .form__checkbox .container-checkbox:hover input ~ .checkmark, .form__checkbox .container-checkbox-second:hover input ~ .checkmark {
      background-color: #ccc; }
    .form__checkbox .container-checkbox input:checked ~ .checkmark, .form__checkbox .container-checkbox-second input:checked ~ .checkmark {
      background-color: #00BEFF; }
    .form__checkbox .checkmark:after {
      content: "";
      position: absolute;
      display: none; }
    .form__checkbox .container-checkbox input:checked ~ .checkmark:after, .form__checkbox .container-checkbox-second input:checked ~ .checkmark:after {
      display: block; }
    .form__checkbox .container-checkbox .checkmark:after, .form__checkbox .container-checkbox-second .checkmark:after {
      left: 7px;
      top: 4px;
      width: 3px;
      height: 8px;
      border: solid white;
      border-width: 0 3px 3px 0;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg); }
  .form__action button, .form__action p input {
    width: 250px;
    background-color: #00BEFF;
    color: #ffffff;
    border: none;
    height: 45px;
    border-radius: 50px;
    font-size: 15px;
    font-weight: bold;
    cursor: pointer; }
  .form__success span {
    display: block;
    font-size: 14px;
    border-radius: 3px;
    background-color: #17a362;
    color: #ffffff;
    margin-top: 10px;
    padding: 12px 18px; }

/*
    SIDENAV
    *
    -----------------------------------------
    *
*/
.sidenav {
  height: 100%;
  position: fixed;
  z-index: 200;
  top: 0;
  right: 0;
  width: 380px;
  transform: translateX(420px);
  transition: 0.3s;
  display: grid;
  background-size: cover; }
  .sidenav__content {
    background: #00BEFF;
    padding: 10%; }
    .sidenav__content--back {
      background: #3d8eb5; }
      .sidenav__content--back a, .sidenav__content--back span {
        color: #ffffff !important; }
  .sidenav__head {
    display: flex;
    align-items: start;
    justify-content: space-between;
    margin-bottom: 1.8rem; }
    .sidenav__head .head__logo {
      display: flex;
      gap: 1.2rem; }
      .sidenav__head .head__logo span {
        width: 1px;
        background: #ffffff; }
    .sidenav__head .head__cerrar {
      /*padding: 12px 20px;
      background: #f7f7f7;
      cursor: pointer;*/ }
      .sidenav__head .head__cerrar--back {
        background: #0067cd;
        color: #ffffff; }
      .sidenav__head .head__cerrar--b-radius {
        border-radius: 50%; }
      .sidenav__head .head__cerrar a {
        font-size: 35px;
        cursor: pointer; }
        .sidenav__head .head__cerrar a i {
          color: #ffffff;
          font-size: 32px; }
  .sidenav__list .main-nav__item .main-nav__link {
    padding: .8rem 0;
    width: 100%;
    color: #ffffff;
    /*&:hover{
        color: #ffffff;
    }*/ }
  .sidenav__list .main-nav__item .btncotiza {
    background-color: #0085CE;
    margin-top: 1.2rem;
    margin-left: 0;
    display: grid;
    justify-content: center; }
  .sidenav__list--center li a {
    justify-content: center; }
  .sidenav__item {
    text-align: center; }
  .sidenav__links {
    padding: 15px 0px;
    display: flex;
    color: #3e3e3e;
    font-weight: 600;
    font-size: 15px;
    align-items: center;
    justify-content: space-between; }
    .sidenav__links .text-link {
      padding-right: 5px;
      font-size: 15px;
      font-weight: 600; }
    .sidenav__links .icono-link {
      width: 30px !important;
      display: inline-block;
      color: #3e3e3e;
      transform: rotate(-90deg);
      transition: 0.3s all;
      font-weight: 600;
      font-size: 14px; }
      .sidenav__links .icono-link.active {
        transform: rotate(0deg); }
  .sidenav__dropdown {
    display: none;
    background: #f7f7f7;
    left: 20px;
    z-index: 10;
    min-width: 240px;
    text-align: left; }
    .sidenav__dropdown li a {
      font-size: 14px;
      padding-left: 15px; }
  .sidenav.active {
    transform: translateX(0%); }
  .sidenav .list__redes {
    margin: 0 5px; }
    .sidenav .list__redes--redondo {
      border-radius: 50px; }
    .sidenav .list__redes a {
      width: 40px;
      height: 40px;
      background-color: #ffffff38;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 5px; }
      .sidenav .list__redes a i {
        color: #ffffff;
        font-size: 22px; }
      .sidenav .list__redes a span {
        font-size: 18px;
        display: flex;
        color: #ffffff;
        /*puede modificarse*/ }

/*==========================================================*/
.container {
  margin: 0 auto;
  max-width: 1680px;
  width: 90%; }

@media only screen and (min-width: 720px) {
  .container {
    width: 85% !important; } }
@media only screen and (min-width: 1150px) {
  .container {
    width: 90% !important; } }
@media only screen and (min-width: 1366px) {
  .container {
    width: 80% !important; } }
@media only screen and (min-width: 1440px) {
  .container {
    width: 1250px !important; } }
.grid {
  display: grid; }

.no-gap {
  grid-gap: 0 !important; }

/*=============================================================
==================================================================
============================================================*/
.grid-col {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-gap: 22px; }

.grid-1 {
  grid-column: span 1; }

.grid-2 {
  grid-column: span 2; }

.grid-3 {
  grid-column: span 3; }

.grid-4 {
  grid-column: span 4; }

.grid-5 {
  grid-column: span 5; }

.grid-6 {
  grid-column: span 6; }

.grid-7 {
  grid-column: span 7; }

.grid-8 {
  grid-column: span 8; }

.grid-9 {
  grid-column: span 9; }

.grid-10 {
  grid-column: span 10; }

.grid-11 {
  grid-column: span 11; }

.grid-12 {
  grid-column: span 12; }

@media screen and (min-width: 100px) {
  .grid-s-1 {
    grid-column: span 1; }

  .grid-s-2 {
    grid-column: span 2; }

  .grid-s-3 {
    grid-column: span 3; }

  .grid-s-4 {
    grid-column: span 4; }

  .grid-s-5 {
    grid-column: span 5; }

  .grid-s-6 {
    grid-column: span 6; }

  .grid-s-7 {
    grid-column: span 7; }

  .grid-s-8 {
    grid-column: span 8; }

  .grid-s-9 {
    grid-column: span 9; }

  .grid-s-10 {
    grid-column: span 10; }

  .grid-s-11 {
    grid-column: span 11; }

  .grid-s-12 {
    grid-column: span 12; } }
@media screen and (min-width: 720px) {
  .grid-m-1 {
    grid-column: span 1; }

  .grid-m-2 {
    grid-column: span 2; }

  .grid-m-3 {
    grid-column: span 3; }

  .grid-m-4 {
    grid-column: span 4; }

  .grid-m-5 {
    grid-column: span 5; }

  .grid-m-6 {
    grid-column: span 6; }

  .grid-m-7 {
    grid-column: span 7; }

  .grid-m-8 {
    grid-column: span 8; }

  .grid-m-9 {
    grid-column: span 9; }

  .grid-m-10 {
    grid-column: span 10; }

  .grid-m-11 {
    grid-column: span 11; }

  .grid-m-12 {
    grid-column: span 12; } }
@media screen and (min-width: 1150px) {
  .grid-l-1 {
    grid-column: span 1; }

  .grid-l-2 {
    grid-column: span 2; }

  .grid-l-3 {
    grid-column: span 3; }

  .grid-l-4 {
    grid-column: span 4; }

  .grid-l-5 {
    grid-column: span 5; }

  .grid-l-6 {
    grid-column: span 6; }

  .grid-l-7 {
    grid-column: span 7; }

  .grid-l-8 {
    grid-column: span 8; }

  .grid-l-9 {
    grid-column: span 9; }

  .grid-l-10 {
    grid-column: span 10; }

  .grid-l-11 {
    grid-column: span 11; }

  .grid-l-12 {
    grid-column: span 12; } }
@media screen and (min-width: 1366px) {
  .grid-xl-1 {
    grid-column: span 1; }

  .grid-xl-2 {
    grid-column: span 2; }

  .grid-xl-3 {
    grid-column: span 3; }

  .grid-xl-4 {
    grid-column: span 4; }

  .grid-xl-5 {
    grid-column: span 5; }

  .grid-xl-6 {
    grid-column: span 6; }

  .grid-xl-7 {
    grid-column: span 7; }

  .grid-xl-8 {
    grid-column: span 8; }

  .grid-xl-9 {
    grid-column: span 9; }

  .grid-xl-10 {
    grid-column: span 10; }

  .grid-xl-11 {
    grid-column: span 11; }

  .grid-xl-12 {
    grid-column: span 12; } }
@media screen and (max-width: 720px) {
  .no-movil {
    display: none !important; } }
@media screen and (max-width: 720px) {
  .si-movil {
    display: block !important; } }
/*@media (max-width: 1200px) {
  .galeriaimagenes {
    .owl-galeria {
      .owl-nav {
        button {
          &.owl-prev {
            margin-left: 0rem !important;
          }
          &.owl-next {
            margin-right: 0rem !important;
          }
        }
      }
    }
  }
}

@media (max-width: 1150px) {
  .infoproyecto {
    //padding-bottom: 5.2rem;
    &__content {
      margin-bottom: 3.2rem;
      h2 {
        text-align: center !important;
        padding: 1.2rem 3rem !important;
        width: 550px;
        margin: auto;
        &:before {
          content: "";
          position: absolute;
          width: 100% !important;
          height: 100%;
          background: linear-gradient(90deg, #f55c05 0%, #b81b48 32%);
          top: 0;
          right: 0 !important;
          border-radius: 50px;
        }
      }
      p {
        text-align: center !important;
      }
      ul {
        justify-content: center !important;
      }
    }
  }

  .areascomunes {
    padding: 2.5rem 0 4rem 0 !important;
    &__img {
      img {
        width: 550px !important;
        margin: auto;
      }
    }
  }

  .enlaces {
    &__lista {
      gap: 1.2rem !important;
    }
  }

  #modal-formwhatsapp .form--fondo {
    width: 480px !important;
  }

  section.ubicacion {
    ul {
      display: flex !important;
      flex-wrap: wrap;
      li {
        button,
        a {
          width: 100% !important;
          padding: 0.5rem 2.2rem !important;
        }
      }
    }

    .imgubicacion {
      img {
        max-width: 650px !important;
        margin: auto;
        margin-top: 1.2rem;
      }
    }
  }

  section.proyectosventa {
    .owl-proyectosventa {
      .item {
        .proyectoventa__content {
          .mensaje-top {
            width: 95% !important;
          }
        }
      }
    }
  }
}

@media (max-width: 1050px) {
  .galeriaimagenes {
    .tabs {
      ul {
        justify-content: center !important;
        flex-wrap: wrap;
        gap: 1.2rem;
      }
    }

    .owl-galeria {
      .item {
        margin: 0rem !important;
        img {
          width: 100% !important;
          max-height: 500px;
          object-fit: cover;
        }
      }

      .owl-nav {
        button {
          &.owl-prev {
            margin-left: 1rem !important;
          }
          &.owl-next {
            margin-right: 1rem !important;
          }
        }
      }
    }
  }
}

@media (max-width: 1030px) {
  .cotiza {
    .tipografia {
      &__item {
        justify-content: start !important;
        gap: 1.2rem;
      }
    }
  }

  section.ubicacion ul li button,
  section.ubicacion ul li a {
    width: 100% !important;
  }
}

@media (max-width: 950px) {
  .owl-banner {
    .item {
      img {
        max-height: none !important;
        object-fit: cover;
      }
    }
  }

  .form--fondo {
    //padding: 3.2rem 3.5rem !important;
  }

  section.ubicacion {
    .mensaje {
      h3 {
        &:before {
          content: "";
          position: absolute;
          width: 100% !important;
          height: 100%;
          top: 0;
          right: inherit !important;
          left: -30%;
          background: linear-gradient(90deg, #b81b48 40%, #f55c05 100%);
          border-radius: 50px;
        }
      }
    }
  }
}

@media (max-width: 720px) {
  .infoproyecto {
    padding-bottom: 5.2rem;
    &__content {
      h2 {
        width: 100%;
      }
    }
    &__caracteristicas {
      ul {
        width: 400px;
        margin: auto;
      }
    }
  }

  .cotiza {
    padding: 3.2rem 0 !important;
  }

  section.ubicacion {
    .mensaje {
      h3 {
        text-align: center;
        &:before {
          content: "";
          position: absolute;
          width: 100% !important;
          height: 100%;
          top: 0;
          right: inherit !important;
          left: 0 !important;
          background: linear-gradient(90deg, #b81b48 40%, #f55c05 100%);
          border-radius: 50px;
        }
      }
    }
  }

  .img-banner-responsive {
    display: block !important;
  }

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

@media (max-width: 600px) {
  .areascomunes {
    &__img {
      img {
        width: 100% !important;
      }
    }
  }
}

@media (max-width: 550px) {
  .infoproyecto {
    &__caracteristicas {
      ul {
        width: 320px !important;
      }
    }
  }

  #modal-formwhatsapp .form--fondo {
    width: 100% !important;
  }

  .modal__body h2 {
    font-size: 20px !important;
  }
}*/
@media (max-width: 1650px) {
  .sideright-formulario {
    width: 28%;
    right: 10rem !important; } }
@media (max-width: 1360px) {
  .sideright-formulario {
    width: 32% !important;
    right: 10rem; } }
@media (max-width: 1200px) {
  .owl-banner .item-mensage h2,
  .owl-banner .item-mensage h3,
  .owl-banner .item-mensage h4 {
    font-size: 2.5rem !important; }
  .owl-banner .item-mensage p {
    font-size: 1rem !important; }

  .form--fondo {
    width: 325px; }
  .form__checkbox {
    margin: 10px 0; }
    .form__checkbox .container-checkbox {
      font-size: 13px; }
  .form__group {
    grid-gap: 10px; }
  .form__contentText h2 {
    font-size: 22px; }
  .form__action button {
    height: 38px; } }
@media (max-width: 1149px) {
  .owl-slideCondominio .owl-item .item figure {
    transform: scale(1) !important; }
    .owl-slideCondominio .owl-item .item figure img {
      height: 400px; }

  .sectionlotizacion .content-editor {
    margin-bottom: 0 !important; }
    .sectionlotizacion .content-editor ul {
      margin: 0 !important;
      display: flex !important;
      flex-wrap: wrap;
      justify-content: space-around; }
      .sectionlotizacion .content-editor ul li {
        width: 150px !important; }
  .sectionlotizacion .lotizacion {
    margin-top: 4rem; }

  .nuestrosObras .owl-slidenuestrasObras .item figure {
    transform: initial !important; }

  .tab-info__content__img img {
    margin: auto; }

  .tab-info__content {
    display: grid !important;
    gap: 25px !important; }

  ul.boton-tabs {
    margin-right: 20px !important; }

  .sideright-formulario {
    right: 5.2rem !important; } }
@media (max-width: 1050px) {
  section.section-download .sunarp {
    margin-bottom: 50px;
    width: 100%;
    gap: 20px; } }
@media (max-width: 920px) {
  .pro-desarrollados__titulo h2 {
    font-size: 50px !important; }

  .pro-desarrollados__titulo h2 strong {
    font-size: 22px !important; }

  .avatar-proyectos {
    margin-right: 1.5rem; }

  .sunarp h2 {
    font-size: 21px; } }
@media (max-width: 892px) {
  .owl-banner .item-mensage h2,
  .owl-banner .item-mensage h3,
  .owl-banner .item-mensage h4 {
    font-size: 1.8rem !important; }

  .form {
    margin-left: 40px; }
    .form--fondo {
      width: 240px; }
    .form__contentText h2 {
      font-size: 18px;
      margin-bottom: 0px; }
    .form .input-group__input,
    .form .input-group__select {
      height: 40px; }

  .errorpage img {
    width: 180px; }

  .texto-errorpage .titulo-general h2 {
    font-size: 40px !important; }
    .texto-errorpage .titulo-general h2 span {
      font-size: 20px !important; } }
@media (max-width: 850px) {
  .sideright-formulario {
    width: 35% !important;
    right: 3.2rem !important; } }
@media (max-width: 720px) {
  .titulo-general h2,
  .titulo-general span {
    font-size: 20px !important; }

  p,
  a,
  li,
  span {
    font-size: 13px !important; }

  .content-editor h2,
  .content-editor h3,
  .content-editor h4 {
    font-size: 20px !important; }

  .searchblock-movil {
    display: block !important; }

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

  .bannerpage .banner-destop {
    display: none !important; }
  .bannerpage .banner-movil {
    display: block !important; }

  .banner__content-general {
    position: relative;
    top: initial;
    transform: initial;
    right: initial; }

  .form {
    margin-top: 2rem;
    margin-left: 0; }
    .form--fondo {
      width: 100%;
      padding: 2.2rem;
      background: #0e0d13;
      border-radius: initial; }
    .form__contentText h2 {
      font-size: 24px;
      margin-bottom: 10px; }
    .form__checkbox {
      margin: 18px 0; }
    .form .input-group__input {
      height: 38px; }

  .videoAreasComunes__videos a .video-mesage {
    font-size: 42px !important; }

  .sectionlotizacion {
    /*.imgcapa-verde {
      display: none;
    }*/ }
    .sectionlotizacion .container {
      padding-bottom: 4.2rem !important; }

  .sectioncontactanos .form--fondo {
    background-color: #ffffff; }
  .sectioncontactanos .img-contacto {
    padding-right: 0 !important; }

  .slideCondominio .slider_nav,
  .nuestrosObras .slider_nav {
    justify-content: start !important; }

  .content-end {
    justify-content: start !important; }

  .img-banner-responsive {
    display: block !important; }

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

  .mascota-titulo {
    margin-top: 40px !important;
    margin-bottom: 0 !important; }
    .mascota-titulo .libro-titulo {
      margin-left: 0rem !important; }
    .mascota-titulo img {
      width: 120px !important; }

  .form-libro-referido .form .custom-file-label {
    padding: 8px 30px !important; }

  .why-kp .img-whykp {
    width: 320px !important;
    margin: auto; }

  .avatar-proyectos {
    margin-right: 0rem !important; }
    .avatar-proyectos img {
      width: 180px !important;
      margin: auto; }

  .owl-galeria.owl-carousel {
    position: relative; }
    .owl-galeria.owl-carousel .owl-nav .owl-prev,
    .owl-galeria.owl-carousel .owl-nav .owl-next {
      width: 40px;
      height: 40px; }

  ul.boton-tabs {
    margin-right: 0px !important;
    display: flex !important;
    flex-wrap: wrap; }

  ul.boton-tabs li button {
    padding: 0 22px; }

  .section-form {
    display: block !important; }

  .sideright-formulario {
    display: none !important;
    position: relative  !important; } }
@media (max-width: 600px) {
  .modalgracias-content {
    width: 450px !important; }
    .modalgracias-content .avatar-gracias {
      width: 130px; }
    .modalgracias-content .mensaje-gracias img {
      width: 100%; }

  .errorpage {
    display: grid !important; }
    .errorpage img {
      margin: auto;
      margin-bottom: 15px; }

  .texto-errorpage .titulo-general h2 {
    font-size: 35px !important; }

  form.form-search button span {
    display: none; }
  form.form-search button i {
    font-size: 22px; } }
@media (max-width: 520px) {
  .title-button-box {
    display: grid !important;
    gap: 2rem; }

  .tab-info__content__img img {
    width: 100% !important; } }
@media (max-width: 520px) {
  .videoAreasComunes__videos a .icon-play {
    width: 50px !important;
    height: 50px !important; }
  .videoAreasComunes__videos a .video-mesage {
    font-size: 28px !important; }

  .header__logo .isotipo {
    padding: 0.8rem 0.8rem 1.2rem;
    margin-bottom: -1.6rem;
    border-bottom-left-radius: 50px; }
    .header__logo .isotipo img {
      width: 55px;
      height: auto; }

  .informacion-final .content-informacion-final ul {
    display: grid !important; } }
@media (max-width: 520px) {
  .form-conocerte {
    padding: 35px 18px !important; }

  .modalgracias-content i {
    font-size: 28px !important;
    top: -8px !important;
    right: -8px !important;
    width: 35px !important;
    height: 35px !important; }

  .popup {
    transform: scale(0.9) !important; }

  .close-btn {
    font-size: 35px !important;
    width: 42px !important;
    height: 42px !important; }
    .close-btn i {
      font-size: 32px !important; }

  .section-kpi .kpi__capadata h2 {
    font-size: 26px !important; }

  .sunarp {
    display: grid !important;
    gap: 20px !important; }
    .sunarp img {
      margin: auto; } }
@media (max-width: 485px) {
  .modalgracias-content {
    width: 350px !important; }
    .modalgracias-content .avatar-gracias {
      width: 100px !important;
      height: 100%; }
    .modalgracias-content .mensaje-gracias img {
      margin-bottom: 20px !important; } }
/* OWL CARROUSEL */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }
  .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */ }
  .owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }
  .owl-carousel .owl-wrapper,
  .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0); }
  .owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }
  .owl-carousel .owl-nav.disabled,
  .owl-carousel .owl-dots.disabled {
    display: none; }
  .owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-dot {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel .owl-dot {
    border: 0; }
  .owl-carousel.owl-loaded {
    display: block; }
  .owl-carousel.owl-loading {
    opacity: 0;
    display: block; }
  .owl-carousel.owl-hidden {
    opacity: 0; }
  .owl-carousel.owl-refresh .owl-item {
    visibility: hidden; }
  .owl-carousel.owl-drag .owl-item {
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-grab {
    cursor: move;
    cursor: grab; }
  .owl-carousel.owl-rtl {
    direction: rtl; }
  .owl-carousel.owl-rtl .owl-item {
    float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both; }
.owl-carousel .owl-animated-in {
  z-index: 0; }
.owl-carousel .owl-animated-out {
  z-index: 1; }
.owl-carousel .fadeOut {
  animation-name: fadeOut; }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out; }

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item {
  /**
  	This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
  	calculation of the height of the owl-item that breaks page layouts
   */ }
  .owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease; }
  .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
    max-height: 0; }
  .owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d; }

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }
.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease; }
.owl-carousel .owl-video-play-icon:hover {
  transform: scale(1.3, 1.3); }
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }
.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease; }
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }

/*
 * 	Green theme - Owl Carousel CSS File
 */
.owl-theme .owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent; }
  .owl-theme .owl-nav [class*='owl-'] {
    color: #FFF;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #D6D6D6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px; }
    .owl-theme .owl-nav [class*='owl-']:hover {
      background: #4DC7A0;
      color: #FFF;
      text-decoration: none; }
  .owl-theme .owl-nav .disabled {
    opacity: 0.5;
    cursor: default; }
.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px; }
.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent; }
  .owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline; }
    .owl-theme .owl-dots .owl-dot span {
      width: 10px;
      height: 10px;
      margin: 5px 7px;
      background: #D6D6D6;
      display: block;
      -webkit-backface-visibility: visible;
      transition: opacity 200ms ease;
      border-radius: 30px; }
    .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
      background: #4DC7A0; }

/*===========================================================================================================
=============================================================================================================*/
html,
* {
  margin: 0;
  padding: 0;
  text-decoration: none;
  font-family: "Montserrat";
  box-sizing: border-box;
  scroll-behavior: smooth; }

p,
h2,
h3,
h1,
h4,
h5,
h6 {
  color: #3A3939; }

p,
a,
li,
span {
  font-size: 15px; }

ul {
  list-style: none; }

.section {
  padding-top: 4.2rem;
  padding-bottom: 4.2rem; }

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

.flex {
  display: flex; }

.justify-content {
  justify-content: space-between; }

img {
  display: block; }

.button-action .buttonkp {
  padding: 9px 58px;
  display: flex;
  align-items: center;
  gap: 15px; }

.hide {
  display: none; }

.btn-what {
  position: fixed;
  bottom: 2.6rem;
  right: 2.6rem;
  z-index: 10; }
  .btn-what a {
    background-color: #00E676;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    width: 62px;
    height: 62px;
    color: transparent; }
    .btn-what a i {
      font-size: 42px;
      color: #ffffff; }

/*------------- BANNERS PAGES ----------------*/
.bannerpage img {
  width: 100%;
  max-height: 500px; }
.bannerpage .banner-destop {
  display: block; }
.bannerpage .banner-movil {
  display: none; }

.owl-carousel {
  position: relative; }
  .owl-carousel .owl-nav {
    margin: 0px; }
    .owl-carousel .owl-nav .owl-prev,
    .owl-carousel .owl-nav .owl-next {
      position: absolute;
      width: 54px;
      height: 54px;
      background-color: #ffffff;
      border-radius: 100px;
      border: none;
      display: flex;
      align-items: center;
      justify-content: center; }
      .owl-carousel .owl-nav .owl-prev i,
      .owl-carousel .owl-nav .owl-next i {
        color: #0085CE;
        font-size: 3.5rem; }
    .owl-carousel .owl-nav .owl-prev {
      top: 50%;
      left: 0;
      transform: translate(0, -50%); }
    .owl-carousel .owl-nav .owl-next {
      top: 50%;
      right: 0;
      transform: translate(0, -50%); }

/*---------------------------------*/
.title-button-box {
  justify-content: space-between;
  align-items: center; }

/*--- EDITOR ---*/
.content-editor h2,
.content-editor h3,
.content-editor h4 {
  font-size: 22px;
  margin-bottom: 0.8rem; }
.content-editor b,
.content-editor strong {
  color: #00BEFF; }
.content-editor ul {
  margin: 1rem 0; }
  .content-editor ul li {
    list-style: initial;
    margin-left: 1rem; }
    .content-editor ul li::marker {
      color: #00BEFF; }
.content-editor a {
  color: #00BEFF;
  text-decoration: underline; }

/*---------------------------*/
/*----------- BUTTON KP -------------*/
.buttonkp {
  background: #0085CE;
  display: inline-block;
  color: #ffffff;
  font-weight: 600;
  border-radius: 50px; }
  .buttonkp i {
    font-size: 30px;
    font-weight: 100; }

/*----------BUSCADOR PROYECTOS-------------*/
.search-project {
  display: flex;
  justify-content: center;
  margin-top: 39px; }

form.form-search {
  display: flex;
  gap: 1.2rem;
  width: 100%;
  justify-content: center; }
  form.form-search input {
    width: 520px;
    height: 50px;
    border-radius: 50px;
    border: 0;
    padding: 0 26px;
    box-shadow: 0 16px 16px -8px rgba(12, 12, 13, 0.1); }
  form.form-search button {
    background: #0085CE;
    border: 0;
    width: 152px;
    height: 50px;
    border-radius: 50px;
    color: #ffffff;
    font-weight: 700; }
    form.form-search button span {
      margin-right: 1rem; }

/*------------------------*/
/*-----------------------------------*/
/*--- TITULO ---*/
.titulo-general {
  margin-bottom: 48px; }
  .titulo-general h2,
  .titulo-general span {
    font-size: 30px; }
  .titulo-general h2 {
    color: #0085CE; }
  .titulo-general span {
    display: table;
    background: #00BEFF;
    padding: 10px 20px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    color: #ffffff;
    margin-top: 6px;
    position: relative; }
    .titulo-general span::before {
      content: "";
      position: absolute;
      bottom: -12px;
      left: 0;
      width: 0;
      height: 0;
      border-top: 12px solid #00beff;
      border-right: 20px solid transparent; }

/*-------------------------*/
/*---------- SECTION TERMINOS ------------*/
.section-terminos {
  margin: 48px 0; }

/*-------------------------------*/
/*---------- PÁGINA 404 ------------*/
.section-page404 {
  margin: 2.3rem 0; }

.texto-errorpage .titulo-general h2 {
  font-size: 60px; }
  .texto-errorpage .titulo-general h2 span {
    font-size: 40px; }

.errorpage {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 36px; }

.erropage-action {
  justify-content: center; }
  .erropage-action .buttonkp {
    padding: 10px 5.8rem; }

/*-------------------------------*/
/*---------- PREGUNTAS FRECUENTES ------------*/
.section-pregunta-frecuente {
  margin-bottom: 56px; }
  .section-pregunta-frecuente .title-button-box {
    margin: 46px 0; }
    .section-pregunta-frecuente .title-button-box .titulo-general {
      margin: 0px; }

/*-------------------------------*/
/*---------- CONTACTANOS ------------*/
.section-contacto {
  margin-bottom: 56px; }
  .section-contacto .title-button-box {
    margin: 46px 0; }
    .section-contacto .title-button-box .titulo-general {
      margin: 0px; }

.contacto-descripcion {
  margin-bottom: 18px; }

.contacto-informacion ul {
  gap: 22px; }
  .contacto-informacion ul li {
    gap: 25px; }
    .contacto-informacion ul li i {
      color: #ffffff;
      font-size: 20px; }
.contacto-informacion-item h2,
.contacto-informacion-item p {
  color: #ffffff; }
.contacto-informacion-item h2 {
  font-size: 18px;
  margin-bottom: 5px; }

.contacto-informacion {
  background: #0085CE;
  padding: 35px 30px;
  border-radius: 15px; }

.contacto-mapa {
  margin-top: 50px; }
  .contacto-mapa iframe {
    width: 100%; }
  .contacto-mapa-action {
    padding: 22px;
    gap: 1.2rem;
    justify-content: space-between;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    box-shadow: 0 4px 20px 0 rgba(130, 130, 130, 0.2); }
  .contacto-mapa-dirección {
    gap: 7px;
    align-items: center;
    color: #0085CE; }
    .contacto-mapa-dirección p {
      color: #0085CE;
      font-weight: bold; }
    .contacto-mapa-dirección i {
      font-size: 24px; }
  .contacto-mapa-buttonmaps {
    align-items: center;
    gap: 15px; }
  .contacto-mapa iframe {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    display: block; }

/*-------------------------------*/
/*---------- PÀGINA REFERIDOS ------------*/
.section-referidos {
  margin-bottom: 56px;
  margin-top: 46px; }
  .section-referidos .title-button-box {
    margin: 46px 0; }
    .section-referidos .title-button-box .titulo-general {
      margin: 0px; }

.referido-informacion ul {
  display: grid;
  gap: 28px; }
  .referido-informacion ul li {
    display: flex;
    background: #0085CE;
    border-radius: 15px;
    padding: 36px 25px;
    gap: 40px;
    align-items: center;
    justify-content: center; }
    .referido-informacion ul li img {
      width: 55px; }
.referido-informacion h2 {
  color: #ffffff;
  font-weight: normal;
  font-size: 24px; }
  .referido-informacion h2 strong {
    display: block; }

.form-referido {
  padding: 30px 25px;
  background: linear-gradient(320deg, #0085ce 0%, #0095dc 50%, #00beff 100%);
  border-radius: 21px; }
  .form-referido h2 {
    text-align: center;
    margin-bottom: 1.2rem;
    color: #ffffff; }
  .form-referido .form__cotiza .form__group {
    margin-bottom: 21px; }
  .form-referido .input-group__input,
  .form-referido .input-group__select {
    border: none;
    height: 42px; }
  .form-referido p,
  .form-referido label,
  .form-referido a {
    color: #ffffff; }
  .form-referido #botonSubmit:enabled {
    background-color: #ffffff;
    color: #0085CE; }

.form__radio-button {
  display: flex;
  gap: 15px;
  margin-top: 15px; }

.form-referido button {
  width: 100%;
  border-radius: 10px; }

  .form-referido h4 {
    color: #ffffff;
    margin-bottom: 10px;
}

/*-------------------------------*/
/*------------ LIBRO DE RECLAMACIONES ----------------*/
.mascota-titulo {
  margin-top: 74px;
  margin-bottom: 57px; }
  .mascota-titulo .libro-titulo {
    margin-left: 1.2rem; }
  .mascota-titulo img {
    width: 100%; }

.form-libro-referido {
  margin-bottom: 63px; }
  .form-libro-referido .form {
    margin-left: 0;
    /* Ocultamos el input nativo */
    /* Estilos del botón */
    /* Hover */ }
    .form-libro-referido .form .file-upload {
      position: relative;
      display: inline-block; }
    .form-libro-referido .form .file-upload input[type="file"] {
      display: none; }
    .form-libro-referido .form .custom-file-label {
      background-color: #007bcb;
      color: #fff;
      padding: 12px 30px;
      border-radius: 6px;
      font-weight: 600;
      cursor: pointer;
      transition: background-color 0.3s ease;
      display: inline-block;
      text-align: center;
      font-size: 16px; }
    .form-libro-referido .form .custom-file-label:hover {
      background-color: #005fa3; }
    .form-libro-referido .form .file-name {
      display: block;
      margin-top: 8px;
      font-size: 14px;
      color: #555; }
    .form-libro-referido .form .form_choosefile {
      margin-top: 1rem; }
      .form-libro-referido .form .form_choosefile p {
        margin-bottom: 8px; }
    .form-libro-referido .form .form__checkbox span,
    .form-libro-referido .form .form__checkbox a {
      color: #0085CE; }
    .form-libro-referido .form__action {
      display: flex;
      justify-content: center;
      margin-top: 2.6rem; }
      .form-libro-referido .form__action #botonSubmit:enabled {
        background-color: #0085CE; }

/*-------------------------------*/
/*-------------HOME--------------*/
.proyectos {
  margin-top: 50px; }

.proyecto-item {
  position: relative;
  border-radius: 15px;
  overflow: hidden; }
.proyecto-info {
  position: absolute;
  top: 0;
  width: 100%;
  background: linear-gradient(270deg, rgba(0, 0, 0, 0) 30%, black 100%);
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 57px; }
  .proyecto-info-top {
    padding: 16px 0 0 16px; }
  .proyecto-info-bottom {
    background: #0a8726;
    padding: 17px 16px;
    width: 220px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px; }
    .proyecto-info-bottom span {
      font-size: 12px;
      margin-bottom: 5px; }
    .proyecto-info-bottom h2 {
      font-size: 35px; }
    .proyecto-info-bottom span,
    .proyecto-info-bottom h2 {
      color: #ffffff; }
.proyecto-type {
  background: #ffffff;
  display: inline-flex;
  gap: 10px;
  padding: 5px 20px;
  border-radius: 50px;
  margin-bottom: 17px; }
  .proyecto-type img {
    width: auto; }
  .proyecto-type p {
    font-size: 12px;
    font-weight: bold;
    color: #158c30; }
.proyecto-logo {
  background: #0a8726;
  display: table;
  padding: 13px 30px;
  border-radius: 15px; }
.proyecto-caracteristicas {
  margin-top: 30px; }
  .proyecto-caracteristicas ul {
    display: grid;
    gap: 20px; }
    .proyecto-caracteristicas ul li {
      display: flex;
      align-items: center;
      gap: 15px; }
      .proyecto-caracteristicas ul li p {
        color: #ffffff; }

.proyectos-action {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 6px; }

/*----------------------------*/
/*------------ WHY KP ----------------*/
.why-kp {
  margin-top: 56px; }
  .why-kp img {
    width: 100%; }

.sociales-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px; }
.sociales-icon {
  background: #0085CE;
  width: 124px;
  height: 124px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px; }
.sociales img {
  width: auto; }
.sociales p {
  color: #0085CE;
  font-weight: bold; }

/*----------------------------*/
/*------------ TESTIMONIO ----------------*/
.section-testimonios {
  margin-top: 42px;
  padding: 29px 0;
  background: linear-gradient(270deg, #0085ce 0%, #0095dc 50%, #00beff 100%); }
  .section-testimonios h2 {
    font-size: 30px;
    color: #ffffff;
    /*margin-bottom: 25px; */}

.owl-testimonios .item .testimonio {
  width: 315px;
  margin: auto; }
  .owl-testimonios .item .testimonio-img {
    margin-bottom: 15px; }
    .owl-testimonios .item .testimonio-img img {
      border-radius: 15px;
      width: auto; }
  .owl-testimonios .item .testimonio-informacion {
    border-radius: 15px;
    background-color: #ffffff;
    padding: 15px 20px;
    text-align: center; }
    .owl-testimonios .item .testimonio-informacion p {
      font-size: 12px;
      color: #0085CE;
      margin-bottom: 12px; }
    .owl-testimonios .item .testimonio-informacion h2 {
      font-size: 15px;
      color: #00BEFF; }
.owl-testimonios .owl-carousel .owl-nav .owl-prev {
  left: -7%; }
.owl-testimonios .owl-carousel .owl-nav .owl-next {
  right: 0; }

/*----------------------------*/
/*------------ QUEREMOS CONOCERTE ----------------*/
.section-conocerte-form {
  margin-top: 6.5rem;
  background-size: cover;
  background-position: center; }

.form-conocerte {
  margin: -3rem 0;
  padding: 48px 30px; }

/*----------------------------*/
/*------------ NUESTRO BLOG ----------------*/
.section-blog {
  margin-top: 99px;
  margin-bottom: 68px; }

.cardblog-img {
  margin-bottom: 14px; }
  .cardblog-img img {
    width: 100%;
    border-radius: 15px; }
.cardblog-fecha {
  display: flex;
  margin-bottom: 20px;
  align-items: center; }
  .cardblog-fecha i {
    margin-right: 15px;
    font-size: 18px;
    color: #00BEFF; }
  .cardblog-fecha p {
    font-size: 13px; }
.cardblog h2 {
  color: #0085CE;
  font-size: 20px; }
.cardblog-action {
  background: #0085CE;
  display: inline-block;
  margin-top: 27px;
  border-radius: 50px; }
  .cardblog-action a {
    color: #ffffff;
    text-align: center;
    padding: 5px 40px;
    display: block; }

.owl-blog .owl-dots {
  margin-top: 38px !important;
  display: flex;
  justify-content: center;
  gap: 50px; }
  .owl-blog .owl-dots .owl-dot {
    background: transparent !important; }
    .owl-blog .owl-dots .owl-dot:hover span, .owl-blog .owl-dots .owl-dot.active span {
      background: #00BEFF !important; }
  .owl-blog .owl-dots span {
    width: 12px !important;
    height: 12px !important;
    margin: 0 !important; }

/*----------------------------*/
/*------------ NUESTRO BLOG ----------------*/
.section-img-banner {
  margin-bottom: 68px; }
  .section-img-banner img {
    width: 100%;
    border-radius: 15px; }

/*----------------------------*/
/*------------ PÁGINA BLOG ----------------*/
.blog-post .titulo-general {
  margin-top: 46px; }
.blog-post .container .grid-col {
  grid-row-gap: 46px; }
.blog-pagination {
  margin: 55px 0; }
  .blog-pagination .pagination {
    display: flex;
    justify-content: center;
    gap: 20px; }
    .blog-pagination .pagination-item {
      width: 32px;
      height: 32px;
      display: flex;
      align-items: center;
      justify-content: center;
      border: 1px solid #0085CE;
      border-radius: 5px;
      background: transparent;
      cursor: pointer; }
      .blog-pagination .pagination-item:hover {
        background: #0085CE; }
        .blog-pagination .pagination-item:hover span {
          color: #ffffff; }
      .blog-pagination .pagination-item span {
        color: #0085CE;
        font-size: 16px; }

/*----------------------------*/
/*------------ SINGLE BLOG ----------------*/
.searchblock-movil {
  display: none; }

.searchblock-desktop {
  display: block; }

.section-post-interno {
  margin-top: 50px;
  margin-bottom: 56px; }
  .section-post-interno .cardblog-fecha i {
    font-size: 30px; }
  .section-post-interno .cardblog-fecha p {
    font-size: 16px;
    font-weight: 500; }

.post-interno__titulo {
  margin-bottom: 34px; }
  .post-interno__titulo h2 {
    font-weight: bold;
    font-size: 30px;
    color: #0085CE; }
.post-interno__img-post {
  margin-bottom: 34px; }
  .post-interno__img-post img {
    width: 100%;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 80px; }
.post-interno__descripcion {
  margin-bottom: 30px; }
.post-interno__item-autor {
  display: flex;
  align-items: center;
  gap: 26px; }
.post-interno__avatar {
  background: #0085CE;
  width: 54px;
  height: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px; }
  .post-interno__avatar img {
    width: 35px; }
.post-interno__autor p {
  font-size: 16px; }
.post-interno__autor h2 {
  font-size: 13px; }
.post-interno__search-post {
  margin-bottom: 18px; }
  .post-interno__search-post h2 {
    font-size: 25px;
    font-weight: 600;
    color: #0085CE;
    margin-bottom: 18px; }
.post-interno__input-search {
  position: relative; }
  .post-interno__input-search input {
    width: 100%;
    height: 40px;
    border-radius: 50px;
    border: 1px solid #0085CE;
    padding: 0 20px; }
  .post-interno__input-search i {
    position: absolute;
    color: #0085CE;
    font-size: 28px;
    right: 0;
    bottom: 50%;
    transform: translate(-18px, 50%); }
.post-interno__redes {
  margin-bottom: 2.2rem; }
  .post-interno__redes h2 {
    font-size: 20px;
    color: #0085CE;
    font-weight: 600;
    margin-bottom: 18px; }
  .post-interno__redes ul {
    display: flex;
    flex-wrap: nowrap;
    gap: 50px;
    align-items: center; }
    .post-interno__redes ul li a img {
      width: 100%; }

/*----------------------------*/
/*------------ NOSOTROS ----------------*/
.mision-vision {
  margin-top: 50px; }
  .mision-vision .titulo-general {
    margin-bottom: 28px; }

.section-kpi {
  margin-top: 60px;
  margin-bottom: 65px; }
  .section-kpi .kpi {
    position: relative; }
    .section-kpi .kpi img {
      width: 100%;
      border-radius: 15px; }
    .section-kpi .kpi__capadata {
      position: absolute;
      background: rgba(37, 37, 37, 0.8);
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border-radius: 15px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      opacity: 0;
      transition: .3s all; }
      .section-kpi .kpi__capadata:hover {
        opacity: 1; }
      .section-kpi .kpi__capadata h2 {
        font-size: 45px;
        color: #ffffff; }
      .section-kpi .kpi__capadata p {
        font-size: 18px;
        color: #ffffff; }

.section-proyectosdesarrollados {
  margin-top: 80px;
  margin-bottom: 80px; }

.avatar-proyectos img {
  width: 100%; }

.pro-desarrollados__titulo {
  margin-bottom: 20px; }
  .pro-desarrollados__titulo h2 {
    color: #0085CE;
    font-size: 90px;
    text-align: center;
    display: flex;
    align-items: center;
    gap: 35px;
    justify-content: center; }
    .pro-desarrollados__titulo h2 strong {
      background: #0085CE;
      font-size: 30px;
      color: #ffffff;
      padding: 11px 23px;
      border-radius: 10px; }
.pro-desarrollados__sunarp {
  display: flex;
  justify-content: center; }

.img-proyecto {
  background: #ffffff;
  width: 124px;
  height: 124px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  margin: auto; }
  .img-proyecto img {
    width: 118px; }

.owl-proyectosdesarrollados.owl-carousel {
  position: relative; }
  .owl-proyectosdesarrollados.owl-carousel .owl-nav .owl-prev,
  .owl-proyectosdesarrollados.owl-carousel .owl-nav .owl-next {
    width: 40px;
    height: 40px;
    background-color: #0085CE; }
    .owl-proyectosdesarrollados.owl-carousel .owl-nav .owl-prev i,
    .owl-proyectosdesarrollados.owl-carousel .owl-nav .owl-next i {
      color: #ffffff; }

.sunarp {
  margin-top: 42px;
  background: #0085CE;
  border-radius: 15px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 40px;
  padding: 19px 2.8rem; }
  .sunarp h2 {
    color: #ffffff; }

section.section-galeria {
  background: #0085CE;
  padding: 30px 0; }

.owl-bannerpage-slider .owl-nav [class*='owl-']:hover {
  background: #0085CE !important; }
  .owl-bannerpage-slider .owl-nav [class*='owl-']:hover i {
    color: #ffffff; }

.owl-galeria .owl-nav [class*='owl-']:hover, .owl-testimonios .owl-nav [class*='owl-']:hover {
  background: #ffffff !important; }
  .owl-galeria .owl-nav [class*='owl-']:hover i, .owl-testimonios .owl-nav [class*='owl-']:hover i {
    color: #0085CE; }

.imagen-galeria__imagen {
  max-width: 820px;
  max-height: 400px;
  object-fit: cover;
  margin: auto;
  border-radius: 15px;
  width: 100%; }
.imagen-galeria a {
  max-width: 820px;
  max-height: 400px;
  position: relative; }
  .imagen-galeria a .imagen-galeria__video {
    margin: auto;
    border-radius: 15px;
    width: 100%;
    max-width: 820px;
    max-height: 400px; }
  .imagen-galeria a .icon-play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }

.section-experiencia {
  margin-top: 78px;
  margin-bottom: 102px; }
  .section-experiencia .titulo-general {
    margin-bottom: 35px; }
    .section-experiencia .titulo-general span {
      font-size: 15px; }

.tab-info__content {
  display: flex;
  align-items: center;
  gap: 38px; }
  .tab-info__content__img img {
    width: auto;
    max-width: 850px;
    max-height: 320px;
    border-radius: 15px; }

.section-sobrenosotros {
  margin-bottom: 60px; }

.sobrenosotros-img img {
  width: 100%;
  border-radius: 15px; }
.sobrenosotros-content h2 {
  color: #0085CE;
  font-size: 30px;
  margin-bottom: 30px; }

.item-carac {
  width: 150px;
  height: 150px;
  background: rgba(209, 237, 255, 0.7);
  border-radius: 10.5px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 21px;
  gap: 12px; }
  .item-carac p {
    font-size: 12.5px;
    font-weight: bold;
    color: #0085CE;
    text-align: center; }

.section-form {
  display: none;
  margin-bottom: 2rem; }

/*----------------------------*/
.main {
  position: relative; }
  .main .form {
    margin: 0; }

.info-proyecto {
  background: linear-gradient(270deg, #0085ce 0%, #0095dc 50%, #00beff 100%);
  margin-bottom: 32px;
  border-bottom-left-radius: 21px;
  border-bottom-right-radius: 21px;
  padding: 25px 0; }

.proyecto-contenido {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap; }

.proyecto-detalle img {
  margin-bottom: 15px; }
.proyecto-detalle ul {
  display: flex;
  flex-direction: column;
  gap: 10px; }
  .proyecto-detalle ul li {
    display: flex;
    gap: 7px; }
    .proyecto-detalle ul li i {
      font-size: 20px;
      color: #ffffff; }
    .proyecto-detalle ul li p {
      font-weight: bold;
      color: #ffffff; }

.proyecto-detalleprecios {
  display: inline-flex;
  flex-direction: column; }

.proyecto-precio {
  background: #ffffff;
  padding: 14px 55px;
  border-radius: 14px;
  margin-bottom: 12px; }
  .proyecto-precio p {
    font-weight: 700;
    margin-bottom: 8px;
    color: #0085CE; }
  .proyecto-precio__dolar, .proyecto-precio__soles {
    display: flex;
    gap: 5px;
    color: #0085CE; }
    .proyecto-precio__dolar h2, .proyecto-precio__soles h2 {
      font-size: 42px;
      color: #0085CE; }
    .proyecto-precio__dolar p, .proyecto-precio__soles p {
      align-items: end;
      display: flex;
      color: #0085CE; }

.proyecto-contado {
  display: flex;
  align-items: center;
  gap: 7px; }
  .proyecto-contado i, .proyecto-contado p {
    color: #ffffff; }
  .proyecto-contado p {
    font-weight: 600;
    font-size: 14px; }

.form-detalleproyecto {
  background: linear-gradient(270deg, #0085ce 0%, #0095dc 50%, #00beff 100%);
  margin-right: 7.5rem;
  border: 2px solid #ffffff; }

.formulario-fijo {
  position: sticky;
  top: 0;
  padding-top: 25px; }

.sideright-formulario {
  width: 28%;
  position: absolute;
  top: 0;
  right: 15rem;
  height: 100%;
  display: block; }

.modalgracias {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(37, 37, 37, 0.75);
  justify-content: center;
  align-items: center;
  z-index: 5; }
  .modalgracias-content {
    background: #fff;
    padding: 25px;
    border-radius: 8px;
    position: relative;
    width: 560px;
    display: flex;
    gap: 22px; }
    .modalgracias-content i {
      position: absolute;
      font-size: 35px;
      border-radius: 100px;
      top: -15px;
      right: -15px;
      width: 48px;
      height: 48px;
      display: flex;
      align-items: center;
      justify-content: center;
      border: 1px solid #0085CE;
      color: #0085CE;
      background: #ffffff;
      cursor: pointer; }
    .modalgracias-content .mensaje-gracias img {
      margin-bottom: 36px; }
    .modalgracias-content .mensaje-gracias p {
      color: #024D77; }

.contenido-programa .video-proyecto .imagen-galeria a img {
  width: 100%; }

.descripcion-proyecto {
  margin-top: 30px;
  margin-bottom: 40px; }

.galeria-proyecto {
  margin-top: 40px;
  margin-bottom: 37px; }
  .galeria-proyecto .imagen-galeria__imagen {
    max-height: initial; }
  .galeria-proyecto .owl-carousel .owl-nav .owl-prev,
  .galeria-proyecto .owl-carousel .owl-nav .owl-next {
    width: 40px;
    height: 40px; }
    .galeria-proyecto .owl-carousel .owl-nav .owl-prev i,
    .galeria-proyecto .owl-carousel .owl-nav .owl-next i {
      font-size: 2.8rem; }
  .galeria-proyecto h2 {
    font-size: 30px;
    color: #ffffff;
    margin-bottom: 25px; }

.mapavisita h2 {
  font-size: 30;
  color: #0085CE; }
.mapavisita .contacto-mapa {
  margin-top: 25px; }

.section-download {
  margin-top: 50px;
  margin-bottom: 45px; }

section.section-download .download-brochure {
  padding: 27px 42px;
  border-radius: 50px;
  border: 1px solid #0085CE;
  background: transparent;
  display: inline-flex;
  align-items: center;
  gap: 30px;
  cursor: pointer; }
  section.section-download .download-brochure span {
    font-size: 20px;
    font-weight: 800;
    color: #0085CE; }
  section.section-download .download-brochure i {
    background: #0085CE;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    color: #ffffff; }
section.section-download .sunarp {
  margin-bottom: 50px; }
  section.section-download .sunarp h2 {
    font-weight: 500; }
    section.section-download .sunarp h2 strong {
      display: block; }
section.section-download .img-visita img {
  width: 100%; }

.section-similares {
  margin-bottom: 67px; }
  .section-similares .titulo-similares {
    font-size: 30px;
    color: #0085CE;
    margin-bottom: 30px; }

/*------------ TAB ----------------*/
ul.boton-tabs {
  display: grid;
  gap: 20px;
  margin-right: 60px; }
  ul.boton-tabs li button {
    width: 100%;
    height: 51px;
    border-radius: 10px;
    background: transparent;
    border: 2px solid #0085CE;
    color: #0085CE;
    cursor: pointer; }
    ul.boton-tabs li button:hover {
      background: #0085CE;
      color: #ffffff; }
    ul.boton-tabs li button span {
      font-size: 20px;
      font-weight: bold; }
  ul.boton-tabs li#active button {
    background: #0085CE;
    color: #ffffff; }

/*----------------------------*/
/*------------ ACORDEON ----------------*/
.accordion {
  /*padding-top: 30px;*/ }

.accordion__item {
  /*border-top: 1px solid #EAEAEA;
  border-bottom: 1px solid #EAEAEA;*/ }

.accordion__title {
  font-size: 16px;
  font-weight: 500;
  padding: 14px 30px 14px 40px;
  cursor: pointer;
  transition: 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  font-weight: 600;
  margin-bottom: 1.1rem;
  border-radius: 10px;
  border: 1px solid #a4a4a4; }

/*.accordion__title:before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 50px;
  background-color: #00434c;
  left: 10px;
  top: 50%;
  transform: translate(0, -50%); }*/
.accordion__title .icono-acordeon {
  transition: 0.3s;
  transform: rotate(0deg);
  color: #a4a4a4;
  font-size: 28px;
  /*padding: 0 10px;*/ }

.accordion__title .icono-acordeon.active {
  transform: rotate(-180deg); }

.accordion__title span {
  color: #a4a4a4;
  font-size: 16px; }

.accordion__copy {
  display: none;
  padding: 1rem 0;
  /*background: #00434cd1;*/
  margin-bottom: 0rem;
  /*border-bottom: 1px solid #e1e1e1;*/ }

.accordion__copy.editar p {
  margin: 0;
  margin-bottom: 10px; }

.accordion__copy.editar a {
  color: #00b7bd; }

.accordion__copy--open {
  display: block; }

.editar p,
.editar ol {
  margin-bottom: 1.2rem; }

.editar ol li {
  margin-bottom: 0.8rem;
  color: #ffffff; }

.accordion__copy ul {
  margin-top: 0.8rem !important;
  margin-bottom: 1.3rem !important;
  padding: 0 0 0 2rem !important;
  list-style: initial; }

.accordion__copy ul li {
  /*color: #ffffff;*/ }

.accordion__item.active .accordion__title {
  background: #ff7700; }

.accordion__admision.active .accordion__title {
  background: linear-gradient(90deg, #0085ce 0%, #0095dc 50%, #00beff 100%);
  border: none; }

.accordion__item.active .accordion__title span,
.accordion__item.active .accordion__title .icono-acordeon {
  color: #ffffff; }

/*-------------------------------*/
#botonSubmit:enabled,
#botonSubmit2:enabled {
  background-color: #00BEFF; }

#botonSubmit,
#botonSubmit2 {
  background-color: gray;
  color: white; }

.mapaUbicacion__videoMapa p,
.mapaUbicacion__videoMapa a {
  font-size: 20px; }

/*----------- POP UP -------------*/
.overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
  backdrop-filter: blur(3px);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.35s ease, visibility 0.35s ease;
  z-index: 9999; }

.overlay.active {
  opacity: 1;
  visibility: visible; }

.popup {
  background: white;
  padding: 0;
  border-radius: 15px;
  overflow: hidden;
  transform: scale(0.6);
  opacity: 0;
  transition: transform 0.35s ease, opacity 0.35s ease; }
  .popup img {
    width: 100%; }

.overlay.active .popup {
  opacity: 1; }

.close-btn {
  position: absolute;
  top: 8px;
  right: 10px;
  font-size: 35px;
  cursor: pointer;
  color: #0085ce;
  z-index: 10000;
  background: #ffffff;
  width: 58px;
  height: 58px;
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center; }
  .close-btn i {
    font-size: 43px; }

/*-----------------------------------*/

/*# sourceMappingURL=style.css.map */






/* CONTENEDOR PRINCIPAL */
.menu-proyectos {
    display: none;
    width: 65%;
    background: #fff;
    border-top: 1px solid #e6e6e6;
    padding: 30px 0;
    position: absolute;
    right: 0;
    top: 87px;
    z-index: 9999;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    border-bottom-left-radius: 14px;
    border-bottom-right-radius: 14px;
}

/* LAYOUT */
.menu-proyectos-desktop {
    width: 90%;
    max-width: 1300px;
    margin: auto;
}

.menu-proyectos__content{
    display: flex;
    gap: 40px;
}

h2.menu-proyectos__titulo {
    color: #0085CE;
    font-size: 24px;
    margin-bottom: 24px;
    font-weight: 600;
}

/* IZQUIERDA */
.menu-proyectos__left ul {
    list-style: none;
    padding: 0;
}
.menu-proyectos__left li {
    padding: 12px 20px;
    margin-bottom: 10px;
    background: #eaf6ff;
    border-radius: 50px;
    cursor: pointer;
    transition: 0.2s;
}
.menu-proyectos__left li.active {
    background: #0096ff;
    color: #fff;
}

/* DERECHA */
.menu-proyectos__right {
    flex: 1;
    display: flex;
    gap: 20px;
}

/* LISTAS DE PROYECTOS */
.proyectos-list {
    display: none;
    width: 100%;
}
.proyectos-list.active {
    display: flex;
    gap: 20px;
}

/* TARJETA */
.proyecto-card {
    width: 260px;
    padding: 10px;
    border: 1px solid #e6e6e6;
    border-radius: 10px;
    background: #fff;
}
.proyecto-card img {
    width: 100%;
    border-radius: 10px;
}
.proyecto-card h4 {
    margin: 10px 0 5px;
    font-size: 17px;
}


.project-card {
    width: 270px;
    background: #fff;
    border-radius: 16px;
    /*padding: 12px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.06);*/
    font-family: 'Montserrat', sans-serif;
}

.project-card__status {
        display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #0073C9;
    color: #fff;
    padding: 8px 18px;
    /* border-radius: 12px; */
    font-size: 14px;
    font-weight: 600;
    /* margin-bottom: 10px; */
    float: right;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.icon-status {
    width: 20px;
    height: 20px;
    display: inline-block;
    background-size: cover;
    /* Ícono vacío como pediste */
}

.project-card__image img {
        width: 100%;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.project-card__title {
    font-size: 18px;
    font-weight: 700;
    color: #0073C9;
    margin: 12px 0 4px;
}

.project-card__subtitle {
    font-size: 15px;
    color: #555;
    margin-bottom: 16px;
}

.project-card__price {
    display: inline-block;
    background: #0073C9;
    color: #fff;
    padding: 10px 22px;
    border-radius: 20px;
    font-weight: 700;
    font-size: 15px;
    text-decoration: none;
}



/* CONTENEDOR */
.proyectos-mobile__dropdown {
    display: none; /* se muestra al tocar "Proyectos" */
    /*margin-top: 10px;*/
    padding-left: 0;
}

/* Cada departamento (línea principal) */
.dep-item {
    list-style: none;
    margin-bottom: 6px;
}

/* Botón del departamento */
.dep-btn {
    width: 100%;
    text-align: left;
    background: transparent;
    border: none;
    padding: 12px 14px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    color: #ffffff; /* asume fondo oscuro del sidenav */
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

/* Estado activo del botón */
.dep-btn.active {
  background: rgb(255 255 255 / 28%);
    color: #fff;
    border-radius: 0;
}

/* caret/flecha a la derecha */
.dep-caret {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(-45deg);
    transition: transform 180ms ease;
    margin-left: 8px;
    opacity: 0.9;
}

/* caret rotada cuando el sublist está abierto */
.dep-btn.active .dep-caret {
    transform: rotate(45deg);
}

/* Sublista de proyectos (oculta por defecto) */
.proyectos-sublist {
    display: none;
    padding: 8px 0;
    padding-left: 0;
    background: #232323;
}

/* Items de la sublista */
.proyectos-sublist li {
    list-style: none;
    margin-bottom: 6px;
}

/* Enlaces en sublista */
.proyectos-sublist li a {
    display: block;
    padding: 8px 12px;
    border-radius: 6px;
    color: #e6f7ff;
    text-decoration: none;
    font-weight: 500;
    background: transparent;
}

/* Hover / foco */
.proyectos-sublist li a:hover,
.dep-btn:hover {
    opacity: 0.9;
}

/* Ajustes para que los elementos heredados del sidenav no rompan */
.sidenav .proyectos-mobile__dropdown,
.sidenav .dep-btn,
.sidenav .proyectos-sublist li a {
    color: inherit; /* respetar esquema de la sidenav */
}

/* Pequeño espaciado final */
.sidenav .proyectos-mobile__dropdown {
    /*padding-bottom: 6px;*/
    background: #0085ce;
    border-radius: 5px;
    color: #ffffff;
}