/*CSS Residencial*/

/*Font face*/
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');

:root {
  --main-color: #1c3e5d;
  --main-color-hover: #1c3e5d;
  --dark-blue-color: #1c3e5d;
  /* --dark-blue-color: #453c8b; */
  --brown-color: #c1ae93;
  --color-duran: #db0032;
  --color-duran-light: #d51334;
  --gray-color: #f2f2f2;
  --text-light-gray: #b8b8b8;
  --text-dark-gray: #626262;
  --text-green: #245050;
  --logo-color: #3c68b0;
  --white: #ffffff;
}

html,
body {
  max-width: 100%;
  scroll-behavior: smooth;
}

body {
  position: relative;
  font-display: swap;
}

p,
span,
code,
kbd,
pre,
samp {
  font-family: 'Open Sans', sans-serif;
}

p {
  font-size: 16px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.63;
  letter-spacing: normal;
}

b,
strong {
  font-weight: bold;
}

img {
  max-width: 100%;
  height: auto;
}

img[src=''] {
  display: none;
}

iframe {
  max-width: 100%;
}

ul,
li {
  list-style: none;
  padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Montserrat', sans-serif;
  font-stretch: normal;
  font-style: normal;
}

h1 {
  font-size: 38px;
  font-weight: 200px;
  line-height: 1.34;
}

h2 {
  font-size: 30px;
  font-weight: 300;
  line-height: 1.47;
}

h3 {
  font-size: 26px;
  font-weight: 400;
  line-height: 1.23;
  color: var(--main-color);
}

h4 {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5;
  letter-spacing: 0.8px;
  color: #4b4b4b;
}

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

.title-head h4 {
  margin-bottom: 13px;
}

.title-head h2 {
  text-transform: uppercase;
  color: #707070;
}

.title-head h2 span,
.title-head h2 strong {
  font-weight: 300;
  color: var(--main-color);
}

img {
  max-width: 100%;
  height: auto;
}

button:focus {
  outline: none;
}

.button {
  /*background-color: var(--main-color);*/
  background-color: var(--main-color);
}

.button:hover {
  background-color: var(--main-color-hover);
  color: white;
  text-decoration: none;
}

.carousel-wrap {
  margin: 90px auto;
  padding: 0 5%;
  width: 80%;
  position: relative;
}

/*Margins*/

.xs-margin {
  margin-top: 40px !important;
}

.sm-margin {
  margin-top: 70px !important;
}

.md-margin {
  margin-top: 86px !important;
}

.lg-margin {
  margin-top: 100px !important;
}

.xl-margin {
  margin-top: 140px !important;
}

/*Colors*/
.white {
  color: #fff;
}

.background-image {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

/*Header*/
#header {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 3;
}

#header .bar .logo {
  margin-top: 50px;
}

#header .bar #logo-2 {
  float: right;
  width: 90px;
}

#header .bar #duran {
  float: left;
  width: 95px;
  /*height: 35.12px;*/
  transform: scale(1.02);
}

.obra {
  text-align: center;
  /* margin-top: 24px; */
  color: #ffffff;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
}

.obra span {
  display: block;
}

.obra .text {
  font-size: 10px;
  font-weight: 600;
  line-height: 2.5;
  letter-spacing: 1px;
  text-transform: uppercase;
}

/*-----*/
#header {
  padding-bottom: 5px;
}

#header .logo-container {
  width: 120px;
}

#header .logo-container #aria {
  width: 80px;
}

/*
#header .bar .logo-container:last-child{
	float: right;
}
*/
#header .bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/*-----*/

.main-title {
  font-size: 38px;
  font-weight: 200;
  line-height: 1.34;
  color: #ffffff;
  margin-top: 38px;
  margin-bottom: 7px;
}

#header .obra {
  line-height: 0;
}

.text-button {
  border-radius: 50px;
  background-color: var(--main-color);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1.2px;
  line-height: 2.5;
  padding: 0 17px;
}

/*Video*/
#main-image {
  display: none;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.gracias #main-image {
  display: block;
}

.gracias #main-image p {
  color: #fff;
  font-size: 20px;
  margin-bottom: 30px;
}

#main-video {
  display: none;
}

#video-background {
  position: relative;
  /* max-width: 1920px; */
  max-height: 900px;
  padding-top: 190px;
  /* padding-bottom: 66px; */
  padding-bottom: 280px;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.5);
  margin: 0 auto;
}

#video-background .banner-background {
  background-size: cover;
  background-position: center 60%;
  background-repeat: no-repeat;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}

.banner-button {
  margin-top: 32px;
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: 40px;
  transform: translateX(-50%);
  text-wrap: nowrap;
}

#video-background video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  max-height: 1100px;
  width: auto;
  height: auto;
  z-index: -1;
  transform: translate(-50%, -50%);
}

#video-background .content {
  text-align: center;
}

#main-logo {
  height: 124px;
  /*width: 240px;
	width: 362.9px;
	height: 70.5px;*/
}

#video-background .form-container {
  margin-top: 38px;
}

#video-background .form-container {
  text-align: left;
  width: 425px;
  margin-left: auto;
  margin-right: auto;
}

/*Contact form*/
/*Main form*/
#background-video .form-container {
  text-align: left;
  width: 425px;
  margin-left: auto;
  margin-right: auto;
}

input:not([type='checkbox']),
textarea {
  width: 100%;
}

input:not([type='checkbox']):not([type='submit']),
textarea {
  background-color: white !important;
}

input.button:focus {
  outline: none;
}

#form-1 input:-webkit-autofill,
#form-2 input:-webkit-autofill,
#form-3 input:-webkit-autofill,
#form-4 input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset;
}

.form-container {
  position: relative;
}

.form-container label {
  font-size: 12px;
  font-weight: 300;
  line-height: 20px;
  color: #ffffff;
  vertical-align: text-top;
}

.form-container label a {
  font-size: 12px;
  font-weight: 300;
  line-height: 20px;
  color: #ffffff;
}

#background-video .form-container input:not([type='checkbox']),
#background-video.form-container textarea {
  display: block;
  width: 100%;
}

.form-container input:not([type='checkbox']):not([type='submit']),
.form-container textarea {
  border: solid 1px #707070;
  background-color: #ebebeb;
}

.form-container input:not(.button):focus,
.form-container textarea:focus {
  outline: auto 1px !important;
  outline-color: var(--main-color) !important;
}

.form-container input[type='text'],
.form-container input[type='tel'],
.form-container input[type='email'],
.form-container input[type='number'],
.form-container textarea {
  font-size: 14px;
  font-weight: 300;
  text-align: left;
  color: #898989;
  padding: 16px 18px;
  background: white;
}

span.wpcf7-list-item {
  margin: 0 !important;
}

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

#form-1 .form-grid {
  grid-template-columns: 100%;
  grid-column-gap: 16px;
}

#form-3 .form-grid {
  grid-template-columns: 100%;
}

#form-4 .form-grid {
  grid-template-columns: 100%;
}

#form-4 .form-grid .checkbox {
  grid-column: 1;
}

#form-4 .form-grid .checkbox label,
#form-4 .form-grid .checkbox a {
  color: #9d9d9d;
}

#form-4 .form-grid .button {
  font-size: 12px;
  font-weight: 600;
  line-height: 2;
  color: #ffffff;
}

div.wpcf7 .ajax-loader {
  display: none !important;
  position: absolute !important;
  bottom: -16px !important;
  left: 0 !important;
}

.wpcf7-response-output {
  margin: 5px 0 !important;
  padding: 0 !important;
  border: none !important;
  font-weight: 500 !important;
  font-size: 17px !important;
}

.wpcf7-validation-errors {
  color: red !important;
  border: none !important;
}

div.wpcf7-mail-sent-ok,
.wpcf7-response-output {
  /*color: #398f14 !important;*/
  color: #36b500 !important;
  display: none !important;
}

/*Form end*/

#background-video #form-container input[type='submit'] {
  width: 100%;
}

.form-container input[type='submit'],
.button {
  padding: 14px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-align: center;
  color: #ffffff;
  vertical-align: bottom;
  /*background-color: var(--brown-color);*/
  border: none;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

/*Caracteristicas*/
.features .title-head {
  margin-bottom: 73px;
}

.features-box {
  text-align: center;
  padding: 0 3px;
}

.features-box .features-img {
  width: 62px;
  height: 62px;
  text-align: center;
  display: inline-block;
  margin-bottom: 23px;
  position: relative;
}

.features-box img {
  width: 62px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  /*margin-bottom: 23px;*/
}

.features-box .img-3{
  width: 48px !important;
} 


.features-box .title {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.88;
  letter-spacing: normal;
  color: #535353;
  margin-bottom: 23px;
}

.features-box .text {
  font-size: 14px;
  font-weight: 300;
  /*font-weight: 400;*/
  line-height: 1.86;
  color: #262626;
}

/*Columnas de contenido*/
.content-cols .info h4 {
  margin-bottom: 13px;
}

.content-cols .info h3 {
  margin-bottom: 30px;
}

.content-cols .img-container {
  position: relative;
  overflow: hidden;
  max-height: 335px;
}

.content-cols .img-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.tour-virtual{
	position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden;
    padding-top: 56%;
    margin-top: 54px;
}

.tour-virtual iframe{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

/*Info banner*/
.info-banner {
  padding: 36px 50px;
}

.bg-opacity {
  position: relative;
  /*background-color: rgba(39, 85, 168, 0.7);*/
  background-color: rgba(2, 37, 99, 0.5);
  width: 100%;
  height: 100%;
}

.info-banner .title {
  font-weight: 200;
  color: #fff;
  margin-bottom: 20px;
}

.duo-banner {
  display: flex;
  justify-content: center;
}

.duo-banner .banner .logo {
  width: 150px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.duo-banner .banner:nth-child(2) .bg-opacity {
  background-color: rgba(33, 114, 236, 0.65);
}

/*Segundo formulario*/
.form-grid {
  display: grid;
  grid-column-gap: 5px;
  grid-row-gap: 13px;
}

.form-grid .checkbox {
  grid-column: 1 / 3;
}

/*Multimedia*/
.multimedia .multimedia-container {
  position: relative;
  padding: 50px;
  background-color: var(--dark-blue-color);
}

.multimedia .video {
  max-width: 730px;
  max-height: 440px;
  overflow: hidden;
}

.multimedia .video {
  position: relative;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  margin-top: -220px;
  z-index: 1;
}

.multimedia .video .play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  z-index: 3;
}

.multimedia .title-head {
  margin-bottom: 212px;
}

.multimedia-overlay{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.05);
  z-index: 1;
}

.gallery {
  position: relative;
}

.multimedia .gallery {
  margin-top: 45px;
}

.multimedia .gallery .item {
  display: flex;
}

/* Owl Carousel*/
.owl-carousel .owl-stage,
.owl-carousel.owl-drag .owl-item {
  -ms-touch-action: auto;
  touch-action: auto;
}

.owl-carousel .owl-wrapper {
  display: flex !important;
}
.owl-carousel .owl-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  max-width: initial;
}

.owl-carousel .owl-item {
  position: relative;
  z-index: 100;
  -webkit-backface-visibility: hidden;
}

.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 23px;
}

.owl-nav .owl-prev {
  margin-left: 8px;
}

.owl-nav .owl-next {
  margin-right: 8px;
}

.owl-theme .owl-nav [class*='owl-'] {
  margin: 0 5px;
}

/* end fix */
.owl-nav button {
  position: absolute;
  top: calc(50% + 42px);
  transform: translateY(calc(-50% - 62.5px));
  margin-top: -26px;
  /*color: #cdcbcd;*/
  opacity: 0.5;
}

.owl-theme .owl-nav [class*='owl-']:hover {
  background: none;
  opacity: 1;
}

.owl-nav i {
  font-size: 32px;
}

.owl-nav .owl-prev {
  left: -67px;
}

.owl-nav .owl-next {
  right: -67px;
}

.owl-dots {
  margin-top: 16px;
}

.owl-theme .owl-dots .owl-dot span {
  background: #c3c1c1;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: #dbdbdb;
}

/* Fase */
#fase {
  background-color: var(--gray-color);
  padding: 130px 0 90px 0;
}

#fase .icon-list {
  margin-top: 54px;
  padding: 0;
  /*text-align: center;*/
  overflow: hidden;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}

#fase .gallery .item {
  display: flex;
}

.icon-list li {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  /*margin-right: 70px;*/
  margin-bottom: 30px;
  padding-right: 116px;
}

.icon-list li:last-child {
  padding: 0;
}

/*.icon-list li:nth-child(n+2):before {*/
.icon-list li:before {
  content: '';
  display: inline-table;
  vertical-align: top;
  width: 8.6px;
  height: 14.4px;
  margin-top: 35px;
  /*margin-left: 65px;*/
  /*margin-right: 65px;
	background-color: red;*/
  background-image: url('../img/iconos/arrow-right.svg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;

  position: relative;
  float: left;
  left: -60px;
}

.icon-list li .box {
  display: inline-block;
}

.icon-list .title {
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  line-height: 1.42;
  color: #707070;
  max-width: 100px;
}

.icon-list .icon {
  display: inline-block;
  border-radius: 50%;
  background-color: #fcfcfc;
  padding: 24.5px;
  text-align: center;
  width: 86px;
  height: 86px;
  margin-bottom: 11px;
}

.icon-list .icon img {
  width: 40px;
  height: auto;
  vertical-align: -webkit-baseline-middle;
}

.icon-list li:nth-child(1) .icon img {
  width: 40.8px;
}

.icon-list li:nth-child(2) .icon img {
  width: 30.1px;
}

.icon-list li:nth-child(3) .icon img {
  width: 39.8px;
}

.icon-list li:nth-child(4) .icon img {
  width: 33.5px;
}

.icon-list li:nth-child(5) .icon img {
  width: 32.3px;
}

.icon-list li.active .icon {
  background-color: var(--main-color);
}

.icon-list li.active .title {
  font-weight: bold;
}

/*----*/

/*Ubicacion*/
.location .features {
  margin-top: 50px;
}

.features li {
  display: inline-block;
  text-align: center;
  margin-right: 58px;
}

.features li img {
  width: 62px;
  height: 60px;
  display: block;
  margin: 0 auto 14px auto;
}

.features li .text {
  font-size: 12px;
  font-weight: bold;
  line-height: 2.5;
  color: #535353;
}

/*Banner*/
#banner-entorno {
  padding: 96px 50px 84px 50px;
  margin-bottom: 168px;
}

#banner-entorno .info {
  color: white;
  margin-bottom: 50px;
}

#banner-entorno h2,
#banner-entorno h4 {
  color: white;
}

#banner-entorno .form-container {
  margin-top: 21px;
}

.contact-text {
  font-size: 26px;
  font-weight: 400;
  line-height: 1.23;
  text-align: left;
  color: black;
  margin: 21px 0;
}

.contact-list i {
  color: #2c2a26;
  font-size: 26px;
}

.contact-list .phone {
  font-family: Montserrat, sans-serif;
  font-size: 22px;
  font-weight: 300;
  line-height: 1.45;
  color: var(--main-color);
  display: inline-block;
  margin-left: 16px;
  vertical-align: sub;
}

.footer {
  padding-top: 90px;
  /* padding-bottom: 60px; */
}

.footer-title {
  font-size: 13px;
  margin-bottom: 40px !important;
}

.footer .icons {
  margin-bottom: 40px;
}

.footer .bar {
  background-color: var(--main-color);
  padding: 15px 0;
  text-align: center;
}

.footer .bar .menu {
  margin: 0;
}

.footer .bar .menu li {
  display: inline-block;
  margin-right: 12px;
}

.footer .bar .menu a {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.5;
  color: #fff;
}

.footer .logo-1,
.footer .logo-2 {
  text-align: center;
}

.footer img {
  /*margin-bottom: 38px;*/
}

.footer .logo-1,
.footer .logo-2 {
  position: relative;
  height: 100%;
}

.footer .logo-1 img {
  /*width: 214px;*/
  width: 74px;
}

.footer .logo-2 img {
  width: 85px;
  height: auto;
}

.footer .logo-2 .title {
  font-family: Montserrat, sans-serif;
  font-size: 10px;
  font-weight: 200;
  line-height: 1.4;
  letter-spacing: 2px;
  color: #a8a8a8;
  text-transform: uppercase;
}


/*Footer Logo*/
.footer .logo-bar {
  display: grid !important;
  grid-template-columns: 1fr 1fr 1fr !important;
  margin-bottom: 40px !important;
}

.footer #logo-1 img{
  width: 110px;
}

.footer .logo-bar .item{
  position: relative;
  height: 70px;
}

.footer .logo-bar #logo-2 .title{
  text-align: center;
}

.footer .logo-bar .item:nth-child(1){
  justify-self: start;
}

.footer #logo-1 img{
  width: 80px;
}

.footer #duran img{
  width: 95px;
}

.footer .logo-bar .item:nth-child(2){
  justify-self: center;
}

.footer #logo-2 img{
  width: 80px;
}

.footer .logo-bar .item:nth-child(3){
  justify-self: end;
}

.footer .logo-bar .item .title{
  font-family: Montserrat, sans-serif;
  font-size: 10px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 2px;
  color: #a8a8a8;
  text-transform: uppercase;
}

html #wpadminbar {
  position: fixed;
}

.grecaptcha-badge {
  display: none;
}

.mfp-container {
  padding-left: 15px;
  padding-right: 15px;
}

.video-responsive,
.fancybox-content {
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  padding-top: 30px;
  margin-top: 25px;
  margin-bottom: 60px;
  position: relative;
}

.video-responsive iframe,
.fancybox-conent iframe,
.video-responsive object,
.video-responsive embed {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

#cmplz-document {
  max-width: 100% !important;
}

.dVYIqU {
  z-index: 999 !important;
}

.entry-title {
  margin-bottom: 30px;
}

.entry-content p,
.entry-content li,
.entry-content td {
  font-size: 14px;
  margin-top: 0;
}

.entry-content h2,
.entry-content h3 {
  font-size: 22px;
  text-align: left;
  margin-top: 15px;
  text-transform: initial;
  padding-bottom: 10px;
  border-bottom: 1px solid #c6c6c6;
  margin-bottom: 10px;
  font-weight: 300;
  line-height: 1.47;
  color: #212529;
}

/* Table */
.table-container {
  margin: 0 auto;
}

.table-container .title-head {
  margin-bottom: 73px;
}

.type-row:hover {
  cursor: pointer;
}

.hiddenRow {
  padding: 0 !important;
}

#table {
  font-weight: 300;
}
.table-container .panel {
  overflow-x: auto;
}

#table th,
#table td {
  text-align: center;
  padding-left: 10px;
  padding-right: 10px;
}

#table .fa-check {
  color: #22b237;
}

#table tr.accordion-toggle:hover .plus {
  transition: 0.8s;
  transform: translateY(5px);
}

#table .plus {
  color: var(--color-duran);
  font-size: 24px;
  /* padding: 12px; */
}

.download-cell {
  padding: 0 !important;
}

.download {
  padding: 12px;
  display: block;
}

.download i {
  font-size: 20px;
  color: var(--color-duran);
}

main#blog {
  background-color: var(--gray-color);
}

.page-template-blog-page .footer {
  background-color: var(--gray-color);
}

#blog .banner {
  justify-content: center center;
  height: 500px;
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  justify-content: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

#blog .banner .background {
  position: absolute;
  width: 100%;
  height: 100%;
  /* background-color: rgba(0, 0, 0, 0.15);*/
  background-color: rgba(0, 0, 0, 0.22);
  z-index: 0;
}

#blog .banner .banner-title {
  font-size: 38px;
  font-weight: 500;
  color: var(--white);
  align-self: center;
  z-index: 1;
}

#blog .title {
  color: var(--text-dark-gray);
}

.breadcrumb-container {
  position: absolute;
  width: 100%;
}

#blog .breadcrumb-nav {
  position: absolute;
  top: 0;
  color: white;
  z-index: 10;
}

#blog .breadcrumb-nav a,
#blog .breadcrumb-nav a:hover,
#blog .breadcrumb-nav span,
.breadcrumb-item + .breadcrumb-item::before {
  font-weight: 500;
  color: white;
  padding: 12px 6px;
  text-decoration: none;
}

.breadcrumb-item + .breadcrumb-item::before {
  padding: 12px 0;
}

.breadcrumb-item + .breadcrumb-item {
  padding: 0;
}

.breadcrumb-container {
  position: absolute;
}

#blog .breadcrumb-nav .breadcrumb {
  background: none;
  padding-left: 0;
  padding-right: 0;
}

.post-tag {
  border-radius: 50px;
  background-color: var(--color-duran-light);
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 1.2px;
  line-height: 1;
  padding: 10px 12px;
  text-align: center;
  width: fit-content;
  color: white;
}

a.post-tag {
  padding: 12px;
  background-color: var(--main-color);
  transition: all ease-in-out 0.1s;
}

a.post-tag:hover {
  color: white;
  background-color: var(--main-color-hover);
  text-decoration: none;
  /* padding: 8px; */
}

.blog-posts {
  display: grid;
  gap: 2rem;
  grid-template-rows: 1fr;
}

.featured-post .post-tag {
  margin-bottom: 18px;
}

.featured-post .info-col .title > h2 {
  font-size: 18px;
  line-height: 26px;
}

.featured-post .info-col {
  max-width: 400px;
  padding: 20px;
}

.featured-post .info-col p {
  font-size: 14px;
  line-height: 20px;
}

/*
.featured-post .info-col p {
  font-size: 18px;
  color: var(--text-light-gray);
  font-weight: 400;
} */

.post {
  position: relative;
  background-color: var(--white);
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  transition: 0.4s ease-in-out;
}

#blog .post:hover {
  transform: scale(0.96);
}

.post a.image {
  position: relative;
  display: block;
  background-color: none;
}

.post .image .post-tag {
  position: absolute;
  z-index: 10;
  right: 14px;
  top: 18px;
}

.post .img-container {
  position: relative;
}

.blog-more h4 {
  margin-bottom: 24px;
}

:not(.featured-post).post .image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.post .image-size {
  width: 100%;
  height: 0;
  padding-bottom: 68%;
}

.post .more {
  color: var(--color-duran-light);
  text-transform: uppercase;
  font-weight: 600;
}

.post .info {
  padding: 20px;
}

.post .info .date {
  font-size: 14px;
  font-weight: 400;
  color: var(--text-light-gray);
}

.post .info .date .icon {
  width: 18px;
  margin-right: 6px;
}

#blog .title {
  color: var(--text-dark-gray);
  text-decoration: none;
}

#blog .title > h2 {
  font-weight: 600;
}

.post .info .title > h2 {
  font-size: 18px;
  line-height: 26px;
  font-weight: 600;
  display: block;
}

.post .info .spacer {
  height: 85px;
}

.post .description {
  position: absolute;
  bottom: 20px;
  left: 20px;
  right: 20px;
}

.post .description p {
  font-size: 14px;
  line-height: 20px;
  word-break: break-word;
}

.post .info > *:nth-child(1),
.post .info > *:nth-child(2) {
  margin-bottom: 8px;
}

main#single {
  margin-top: 40px;
}

#single .image {
  position: relative;
  display: block;
  width: 100%;
}

#single .image .post-tag {
  position: absolute;
  z-index: 10;
  right: 14px;
  top: 18px;
}

#single .date {
  font-size: 14px;
  font-weight: bold;
  color: var(--text-light-gray);
  margin-bottom: 16px;
}

#single .date .icon {
  width: 18px;
  margin-right: 6px;
}

#single .thumbnail {
  margin-bottom: 20px;
}

#single h1 {
  color: var(--color-duran);
  font-size: 28px;
}

/* #single strong{} */

/* #single p{
  font-size: 18px;
} */

.recent-posts-widget {
}

.recent-posts-widget .widget-title {
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 30px;
  font-size: 24px;
  font-weight: 500;
}

.recent-posts-widget .widget-title::after {
  position: absolute;
  width: 250px;
  height: 4px;
  left: 0;
  bottom: 0;
  background-color: var(--color-duran);
  content: '';
}

.recent-posts-widget h3,
.recent-posts-widget .post-title {
  color: var(--text-green);
}

.recent-posts-widget li {
}

.recent-posts-widget li:not(:last-child) {
  position: relative;
  padding-bottom: 10px;
  margin-bottom: 15px;
}

.recent-posts-widget li:not(:last-child)::after {
  content: '';
  /* background: var(--gray-color); */
  background: #ccc;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 80%;
  height: 1px;
}

.recent-posts-widget .post-info {
  padding: 4px 0;
}

.recent-posts-widget .post-date {
  font-size: 16px;
  font-weight: 500;
  color: var(--text-dark-gray);
  margin-bottom: 4px;
}

.recent-posts-widget .post-title {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.3;
}

.recent-posts-widget a:hover {
  text-decoration: none;
}

.recent-posts-widget .post-thumbnail {
  overflow: hidden;
}

.recent-posts-widget .post-thumbnail img {
  width: 100%;
  max-width: 110px;
  height: 115px;
  object-fit: cover;
}

#blog.recent-posts .post {
  box-shadow: 0 10px 20px rgb(0 0 0 / 19%), 0 6px 6px rgb(0 0 0 / 23%);
}

#blog.recent-posts .post .info {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

#blog.recent-posts .title-head {
  margin-bottom: 73px;
}

.sidebar .form-container {
  margin-top: 40px;
}

.textwidget {
  margin-top: 40px;
}

.contact-actions .spacer {
  height: 120px;
}

.eapp-whatsapp-chat-root-layout-component
  div[type='floating']
  > div[type='floating'] {
  bottom: 75px !important;
}

/* .eapp-whatsapp-chat-root-layout-component div[type='bubble'] {
  bottom: 75px !important;
} */

.contact-actions #phone-button {
  z-index: 999999;
  position: fixed;
  width: 64px;
  height: 64px;
  right: 0;
  bottom: 0;
  box-shadow: rgb(0 0 0 / 15%) 0px 3px 12px;
  border-radius: 50%;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  cursor: pointer;
  user-select: none;
  outline: transparent;
  /* background-color: #fbb160; */
  background-color: var(--main-color);
  margin-bottom: 20px;
  margin-right: 20px;
  margin-left: 20px;
}

.cc-revoke,
.cc-window {
  z-index: 9999999 !important;
}

.flag-container .country-list .divider,
.flag-container .country-list .country:not(.preferred) {
  display: none !important;
}

#mas-informacion{
  padding-top: 0;
}

/*Responsive*/
/*Min Width*/
/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
  #form-1 .form-grid {
    grid-template-columns: 48% 48%;
  }

  #form-1 .form-grid .email,
  #form-1 .form-grid .checkbox,
  #form-1 .form-grid .button,
  #form-1 .message,
  #form-1 .postal-code,
  #form-2 .postal-code {
    grid-column: 1 / 3;
  }

  #form-4 .form-grid .button {
    max-width: 182px;
  }

  #form-4 .form-grid {
    max-width: 445px;
    grid-row-gap: 17px;
  }
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
  #form-2 .form-grid {
    grid-template-columns: 49.5% 49.5%;
  }

  #form-2 .form-grid .email,
  #form-2 .form-grid .message {
    grid-column: 1 / 3;
  }

  #form-2 .form-grid .button {
    grid-column: 1 / 3;
    grid-row: 5;
  }

  #form-3 .form-grid {
    grid-template-columns: 53% 40%;
  }

  .footer .logo-2 {
    text-align: right;
  }

  .footer .logo-2 img {
    float: right;
  }

  .footer {
    padding-top: 60px;
  }

  .gracias .footer {
    padding-top: 90px;
  }

  #fase .gallery .item {
    height: 195px;
  }

  .footer .logo-1 img {
    position: absolute;
    bottom: 0;
  }

  .footer .logo-2 img {
    position: relative;
    bottom: 0;
  }

  .footer .logo-1 img {
    margin-top: 18px;
  }

  .gracias #main-image #video-background {
    height: 600px;
  }

  .blog-posts {
    grid-template-columns: repeat(2, 1fr);
  }

  #blog .breadcrumb-nav {
    top: 92px;
  }

  #blog .breadcrumb-nav .breadcrumb {
    margin-left: -8px;
  }
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
  #form-2 .form-grid {
    /*grid-template-columns: 22.5% 22.5% 24.5% 28.5%;*/
    /*grid-template-columns: 32.5% 32.5% 32.5%;*/
  }

  /*#form-2 .form-grid .message {
		grid-column: 1 / span 3;
	}

	#form-2 .form-grid .email{
		grid-column: initial;
	}

	#form-2 .form-grid .checkbox{
		grid-row: 3;
	}

	#form-2 .form-grid .button{
		width: 225px;
		grid-column: 2;
		grid-row: 4;
		margin-left: auto;
		margin-right: auto;
		}*/

  .content-cols .info div.text {
    padding-right: 12px;
  }

  .content-cols .img-container {
    max-height: 350px;
  }

  #fase .gallery .item {
    height: 192px;
  }

  .multimedia .gallery .item {
    height: 230px;
  }

  .duo-banner .banner {
    width: 50%;
  }

  #single .content {
    padding-right: 20px;
  }

  .featured-post .info-col p {
    font-size: 18px;
    color: var(--text-light-gray);
    font-weight: 400;
  }
}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
  .blog-posts {
    grid-template-columns: repeat(3, 1fr);
  }

  #video-background {
    max-height: 950px;
    padding-top: 210px;
  }

  #form-2 .form-grid {
    /*grid-template-columns: 24% 24% 26.5% 23%;*/
    /*grid-template-columns: 32.5% 32.5% 32.5%;*/
  }

  #form-3 .form-grid {
    grid-template-columns: 58% 35%;
  }

  #fase .gallery .item {
    height: 170px;
  }

  /*.container{
		max-width: 1200px !important;
		}*/

  .location .info {
    padding-right: 30px;
  }

  #banner-entorno .info {
    margin-top: 40px;
  }

  .featured-post .info-col .title > h2 {
    font-size: 30px;
    line-height: 1.47;
  }
}

/*Max Width*/
/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {
  #fase .icon-list li:not(.active) {
    display: none;
  }

  #fase .icon-list li.active {
    padding: 0;
  }

  #mas-informacion{
    padding-top: 70px;
  }

  .content-cols .img-container {
    position: relative;
    overflow: hidden;
    max-height: initial;
  }
}

/* Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {
  #form-2 .form-grid .button {
    margin-top: 23px;
  }

  .info-banner .title {
    text-align: center;
    margin-bottom: 36px;
  }

  .features-box {
    margin-bottom: 30px;
  }

  section:not(.location) .content-cols img {
    margin-top: 35px;
  }

  .content-cols iframe {
    margin-top: 45px;
  }

  #fase {
    padding: 47px 0;
  }

  #fase .icon-list {
    margin-top: 30px;
  }

  .location .features {
    margin-top: 40px;
  }

  .duo-banner .banner:first-child {
    display: block;
    width: 100%;
  }

  .duo-banner .banner:nth-child(2) {
    display: none;
    width: 0%;
  }

  .multimedia .gallery {
    padding: 0 40px;
  }

  .owl-nav .owl-prev {
    left: -55px;
  }

  .owl-nav .owl-next {
    right: -55px;
  }

  #blog .banner {
    height: 350px;
  }
}

/* Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
  h2 {
    font-size: 26px;
  }

  #main-image {
    background-position-x: 60%;
  }

  #form-2 .form-grid {
    grid-template-columns: 100%;
  }

  .form-grid .checkbox,
  .form-grid .email {
    grid-column: 1;
  }

  .large-title h2{
    font-size: 20px !important;
  }

  #banner-entorno {
    display: none;
  }

  /*Header bar*/
  #header {
    position: relative;
    background: #ffffff;
    padding: 15px 15px;
  }

  #header .bar .logo {
    margin-top: 0;
  }

  #header .bar .obra {
    position: absolute;
    bottom: -100px;
  }

  #header .bar #duran {
    margin-top: 5px;
  }

  #video-background {
    padding-top: 20px;
    padding-bottom: 120px;
  }

  .banner-button {
    bottom: 20px;
  }

  #video-background .obra {
    margin-bottom: 50px;
  }

  .features .title-head {
    margin-bottom: 60px;
  }

  .multimedia .video {
    margin-top: -165px;
  }

  .footer img {
    margin-bottom: 38px;
  }

  .info-banner {
    padding: 40px 42px 60px 42px;
  }

  .multimedia .gallery .owl-theme .owl-dots {
    display: none;
  }
  .owl-nav button {
    top: calc(50%);
    transform: translateY(-50%);
  }

  .multimedia .multimedia-container {
    padding: 50px 0;
  }

  .container.table-container {
    max-width: 100% !important;
    padding: 0 30px !important;
  }

  #single h1 {
    font-size: 24px;
  }
}

/* Extra small devices (portrait phones, less than 576px)*/

@media (max-width: 575.98px) {
  .main-title {
    font-size: 22px;
    line-height: 1.36;
  }

  .container.table-container {
    padding: 0 15px !important;
  }

  #table th,
  #table td {
    padding-left: 5px;
    padding-right: 5px;
  }

  .gracias #main-image p {
    font-size: 16px;
    margin: 20px 0;
  }

  #background-video {
    padding-top: 145px;
    padding-bottom: 60px;
  }

  .info-banner {
    padding: 40px 15px 60px 15px;
  }

  .owl-theme .owl-nav .owl-prev {
    width: 40px;
    left: -52px;
  }

  .owl-theme .owl-nav .owl-next {
    width: 40px;
    right: -52px;
  }

  .owl-theme .owl-dots .owl-dot span {
    margin-left: 6px;
    margin-right: 6px;
  }

  .footer #logo-2{
    display: none;
  }

  .footer .logo-bar {
    grid-template-columns: 100% !important;
    gap: 20px;
  }

  .footer .logo-bar .item{
    justify-self: center !important;
    text-align: center !important;
  }

  .footer .logo-bar .item:nth-child(2){
    margin-top: 10px !important;
    margin-bottom: 40px !important;
  }

  .footer .logo-bar .item img{
    position: relative !important;
    bottom: auto !important;
  }

  .footer .logo-bar .item:nth-child(3){
    justify-self: center !important;
  }
}

@media (max-width: 480px) {
  .multimedia .video {
    margin-top: -150px;
  }
}

@media (max-width: 460px) {
  #video-background .form-container {
    width: 100%;
  }
}

@media (max-width: 420px) {
  .multimedia .video {
    margin-top: -150px;
  }

  .owl-theme .owl-dots .owl-dot span {
    width: 8px;
    height: 8px;
    margin-left: 6px;
    margin-right: 6px;
  }
}