@import url('https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,300;9..40,500;9..40,800&display=swap');

:root {
  --color-primary: #A6CE3A;
  --color-primary-hover: #759423;
  --color-secondary: #6D6E71;
  --color-white: #FFF;
  --color-gray: #F5F5F5;
  --color-black: #232323;
}

body, html {margin: 0;padding: 0;width: 100%;color: var(--color-secondary);font-size: 15px; min-height: 100%;scroll-behavior: smooth;font-weight: 300;background-color: var(--color-white);}
* {box-sizing: border-box;font-family: 'DM Sans', sans-serif;}

h2 {color: var(--color-primary);font-weight: 500;}
section {position: relative;margin: 0 auto;width: 100%;max-width: 1300px;}

/* header */
header {position: fixed;z-index: 999;width: 100%;top: 0;transition: .3s;}
header::before {content: '';background-color: var(--color-white);position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: 0;transition: .2s;transform: translateY(-100%);}
header section {text-align: center;padding: 10px;border-bottom: 1px solid var(--color-white);}
header.fixed {/*background-color: var(--color-white);*/box-shadow: 2px 2px 10px rgba(0, 0, 0, .2);}
header.fixed::before {transform: translateY(0);}
.logo_color {display: none;z-index: 3;}

header.fixed .logo_color {display: inline-block;}
header.fixed .logo_white {display: none;}

header.templates {background-color: var(--color-white);box-shadow: 2px 2px 10px rgba(0, 0, 0, .2);position: sticky;}

nav {display: none;position: fixed;top: 80px;left: 10px;right: 10px; padding: 20px;background-color: var(--color-black);z-index: 3;border-radius: 10px;box-shadow: 2px 2px 6px rgba(0, 0, 0, .2);}
nav a {padding: 10px;color: var(--color-white);font-size: 18px;transition: .3s;position: relative;display: block;text-decoration: none;}
nav a svg {width: 20px;fill: var(--color-white);transform: .3s;}
nav a:hover,
nav a.active,
header.fixed nav a:hover,
header.fixed nav a.active {color: var(--color-primary);}
nav a:hover svg,
nav a.active svg,
header.fixed nav a:hover svg,
header.fixed nav a.active svg {fill: var(--color-primary);}

.btn_burger {overflow: hidden;transition: .3s;z-index: 3;position: absolute;top: 10px;right: 10px;height: 40px;display: flex;align-items: center;width: 25px;}
.btn_burger div {background-color: var(--color-white);bottom: auto;display: inline-block;height: 3px;position: absolute;width: 100%;z-index: 10;border-radius: 1px;}
.btn_burger div:before, 
.btn_burger div:after {background-color: var(--color-white);content: "";height: 100%;position: absolute;right: 0;top: 0;width: 100%;transform: translateZ(0);backface-visibility: hidden;transition: .3s;}
.btn_burger div:before {transform: translateY(-8px) rotate(0deg);}
.btn_burger div:after {transform: translateY(8px) rotate(0deg);}
header.fixed .btn_burger.close_nav div,
.btn_burger.close_nav div {background-color: rgba(255, 255, 255, 0);}
.btn_burger.close_nav div:before {transform: translateY(0) rotate(45deg);}
.btn_burger.close_nav div:after {transform: translateY(0) rotate(-45deg);}

header.fixed .btn_burger div,
header.fixed .btn_burger div:before, 
header.fixed .btn_burger div:after {background-color: var(--color-secondary);}

/* slider */
.splide {position: relative;min-height: 350px;}
.splide__pagination__page {background: rgba(255, 255, 255, .4);border: 1px solid var(--color-white);width: 10px;height: 10px;}
.splide__pagination__page.is-active {background-color: var(--color-primary)!important;transform: scale(1);}
.splide__arrow {background: none;}
.splide__arrow svg {fill: var(--color-white);width: 20px;height: unset;}
.splide__arrow--prev {left: 0;}
.splide__arrow--next {right: 0;}
.splide_info {position: absolute;top: 0;left: 0;bottom: 0;right: 0;background: rgba(0, 0, 0, .6);display: flex;align-items: center;justify-content: center;color: var(--color-white);padding: 72px 25px 20px;text-align: center;}
.splide_info .text {position: relative;width: 100%;}
.splide_info h1 {font-weight: 300;text-transform: uppercase;margin-top: 0;text-shadow: 2px 2px 6px var(--color-black);letter-spacing: 4px;font-size: 22px;}
.splide_info h2 {display: flex;align-items: center;font-size: 15px;text-transform: uppercase;margin-bottom: 0;gap: 15px;letter-spacing: 2px;font-weight: 300;text-shadow: 2px 2px 6px var(--color-black);margin: 0 auto;max-width: 230px;color: var(--color-white);}
.splide_info h2::before,
.splide_info h2::after {content: '';height: 2px;background-color: var(--color-primary);flex-grow: 1;}
.splide_info p {text-align: center;}
.splide_info span {color: var(--color-primary);}
.splide_info .button {padding: 8px 15px;display: inline-block;color: var(--color-white);border: 2px solid var(--color-primary);box-shadow: 0 0 5px var(--color-black);box-shadow: inset 0 0 5px var(--color-black);text-decoration: none;text-transform: uppercase;font-size: 14px;transition: .3s;}
.splide_info .button:hover {background-color: var(--color-primary);box-shadow: inset 0 0 0;}

#nosotros {padding: 70px 0;}
#nosotros .text_info {padding: 20px 40px;position: relative;}
#nosotros .text_info h3 {font-size: 18px;font-weight: 300;text-align: center;margin: 0;}
#nosotros .text_info h2 {font-size: 30px;text-align: center;margin-top: 0;}
#nosotros .text_info p {text-align: justify;}
.nosotros_cifras {display: flex;margin-bottom: 40px;}
.nosotros_cifras .col {flex-basis: 0;flex-grow: 1;text-align: center;padding: 10px;}
.nosotros_cifras .col:nth-child(2) {border-left: 2px solid #6A8B3B;border-right: 2px solid #6A8B3B;}
.nosotros_cifras .num {font-size: 35px;color: var(--color-primary);font-weight: 500;transition: 0.3s ease-in-out;}
.nosotros_cifras p {color: #6A8B3B;font-size: 15px;text-align: center;}

.image_us {position: relative;min-height: 320px;flex-basis: 100%;flex-shrink: 0;overflow: hidden;}
.image_us img {position: relative;transition: .3s;border: 5px solid var(--color-white);z-index: 2;box-shadow: 2px 2px 10px rgba(0, 0, 0, .2);display: block;transition: .5s;transform: scale(0);}
.image_us:after {content: '';z-index: 1;background-color: var(--color-primary);left: 0;right: 10%;height: 200px;position: absolute;top: 30%;opacity: 0;transform: translateX(100px);transition: .3s;}
.image_us .image1 {margin-left: 50px;}
.image_us .image2 {margin: -40px 0 0 100px;}

#nosotros.active .image_us:after {transform: translateX(0);opacity: 1;}
#nosotros.active .image_us img {transform: scale(1);}

.video_cont {padding: 30px 0 0;background-color: var(--color-gray);text-align: center;}
.video_cont h2 {font-size: 30px;margin-bottom: 0;letter-spacing: 3px;}
.video_cont p {font-size: 18px;color: var(--color-primary-hover);}
.video_cont img {width: 95%;max-width: 900px;box-shadow: 2px 2px 6px rgba(0, 0, 0, .2);margin-bottom: -200px;transition: .3s;}
.video_cont img:hover {transform: scale(1.02);}


#eligenos {background: url('../images/elegirnos_bg.webp') no-repeat top center;background-size: cover;/*height: 520px;*/height: 300px;margin-top: 20px;}
.elegir_container {max-width: 900px;margin: -200px auto 50px;}
.elegir_container h2 {color: var(--color-white);text-align: center;font-size: 30px;margin-bottom: 60px;text-shadow: 2px 2px 5px rgba(0, 0, 0, .2);font-weight: 300;}
.elegir_item {background-color: var(--color-gray);width: 100%;padding-bottom: 170px;box-shadow: 2px 2px 5px rgba(0, 0, 0, .1);position: relative;}
.elegir_item .description {position: absolute;bottom: 0;left: 0;width: 100%;height: 170px;background-color: var(--color-gray);border-bottom: 2px solid var(--color-primary);padding: 20px;transition: .3s;}
.elegir_item .description .name {color: var(--color-primary);font-size: 15px;font-weight: 500;}
.elegir_item .description p {overflow: hidden;height: 55px;font-size: 14px;}
.elegir_item .description .read_more {color: var(--color-primary);font-size: 12px;text-transform: uppercase;display: flex;align-items: center;gap: 10px;transition: .3s;}
.elegir_item .description .read_more svg {width: 7px;fill: var(--color-primary);}

.elegir_item:hover .description {height: 100%;}
.elegir_item:hover .description p {height: auto;}
.elegir_item:hover .description .read_more {opacity: 0;}

.elegir_carrusel {padding: 0 50px;}
.elegir_carrusel .splide__slide {padding: 10px;}
.elegir_carrusel .splide__arrow svg {fill: var(--color-primary);}
.elegir_carrusel .splide__pagination {bottom: -40px;}
.elegir_carrusel .splide__pagination__page {background: rgba(0, 0, 0, .2);}

#desarrollos {padding: 70px 0 100px;text-align: center;}
#desarrollos h2 {color: var(--color-primary);text-align: center;font-size: 30px;margin-bottom: 0;font-weight: 300;}
#desarrollos p {font-size: 18px;color: var(--color-primary-hover);}

#desarrollos .item {width: 300px;position: relative;padding-left: 150px;box-shadow: 2px 2px 7px rgba(0, 0, 0, .2);overflow: hidden;display: inline-block;margin: 10px 0;}
#desarrollos .logo {background-color: var(--color-gray);display: flex;align-items: center;justify-content: center;border: 2px solid var(--color-gray);transition: .3s;position: absolute;left: 0;top: 0;bottom: 0;width: 150px;z-index: 2;}

#desarrollos .item.movil .logo {width: 100%;justify-content: center;padding-left: 20px;}

#desarrollos .item .hover {display: none;}
#desarrollos .item .tag {position: absolute;top: 20px;right: -40px;padding: 5px;background-color: var(--color-primary);color: var(--color-white);z-index: 1;height: 35px;display: flex;align-items: center;justify-content: center;transform: rotate(45deg);width: 150px;font-size: 13px;box-shadow: 0 0 7px rgba(0, 0, 0, .5);}
#desarrollos .item .tag.process {background-color: #ecaf45;line-height: 1;}
#desarrollos .item .tag.close {background-color: #a2003e;}
#desarrollos .item .tag.pre {background-color: #039be5;}

#desarrollos .item .info {display: none;align-items: flex-start;justify-content: center;padding: 0;flex-direction: column;overflow: hidden;transition: .3s;width: 0;}
#desarrollos .item .info h3 {font-size: 18px;margin: 0;font-weight: 500;white-space: nowrap;}
#desarrollos .item .info h4 {font-weight: 300;font-size: 20px;margin: 0;white-space: nowrap;color: var(--color-black);}

#desarrollos .item.movil .info {width: auto;}

#desarrollos .logo.prado {border-bottom-color: #298149;}
#desarrollos .logo.prado h3 {color: #298149;}
#desarrollos .item.movil .logo.prado {border-color: #298149;background-color: #298149}

#desarrollos .logo.misiones {border-bottom-color: #BC7D2B;}
#desarrollos .logo.misiones h3 {color: #BC7D2B;}
#desarrollos .item.movil .logo.misiones {border-color: #BC7D2B;background-color: #BC7D2B}

#desarrollos .logo.calabria {border-bottom-color: #409BAB;}
#desarrollos .logo.calabria h3 {color: #409BAB;}
#desarrollos .item.movil .logo.calabria {border-color: #409BAB;background-color: #409BAB;}

#desarrollos .logo.marino {border-bottom-color: #3D8286;}
#desarrollos .logo.marino h3 {color: #3D8286;}
#desarrollos .item.movil .logo.marino {border-color: #3D8286;background-color: #3D8286}

#desarrollos .logo.maria {border-bottom-color: #AB8346;}
#desarrollos .logo.maria h3 {color: #AB8346;}
#desarrollos .item.movil .logo.maria {border-color: #AB8346;background-color: #AB8346}

#desarrollos .logo.salvatierra {border-bottom-color: #834D12;}
#desarrollos .logo.salvatierra h3 {color: #834D12;}
#desarrollos .item.movil .logo.salvatierra {border-color: #834D12;background-color: #834D12}

#desarrollos .logo.mayorazco {border-bottom-color: #A15306;}
#desarrollos .logo.mayorazco h3 {color: #A15306;}
#desarrollos .item.movil .logo.mayorazco {border-color: #A15306;background-color: #A15306}

#desarrollos .logo.querendaro {border-bottom-color: #67B43F;}
#desarrollos .logo.querendaro h3 {color: #67B43F;}
#desarrollos .item.movil .logo.querendaro {border-color: #67B43F;background-color: #67B43F}

#desarrollos .logo.maria4 {border-bottom-color: #cd7d1f;}
#desarrollos .logo.maria4 h3 {color: #cd7d1f;}
#desarrollos .item.movil .logo.maria4 {border-color: #cd7d1f;background-color: #cd7d1f}

#desarrollos .logo.montejo {border-bottom-color: #4a9174;}
#desarrollos .logo.montejo h3 {color: #4a9174;}
#desarrollos .item.movil .logo.montejo {border-color: #4a9174;background-color: #4a9174}

#desarrollos .logo.schoenstatt {border-bottom-color: #1a3745;}
#desarrollos .logo.schoenstatt h3 {color: #1a3745;}
#desarrollos .item.movil .logo.schoenstatt {border-color: #1a3745;background-color: #1a3745}

#desarrollos .logo.misioncampestre {border-bottom-color: #007885;}
#desarrollos .logo.misioncampestre h3 {color: #007885;}
#desarrollos .item.movil .logo.misioncampestre {border-color: #007885;background-color: #007885}

#desarrollos .logo.mardeplata {border-bottom-color: #133951;}
#desarrollos .logo.mardeplata h3 {color: #133951;}
#desarrollos .item.movil .logo.mardeplata {border-color: #133951;background-color: #133951}


#desarrollos .item.movil .logo h3,
#desarrollos .item.movil .logo h4 {color:var(--color-white)!important;}
#desarrollos .item.movil .logo .hover {display: block;}
#desarrollos .item.movil .logo .normal {display: none;}

/* accordeon desarrollos */
.devp__btb {padding: 20px;cursor: pointer;transition: .3s;font-size: 25px;width: 100%;margin: 15px auto 0;font-weight: 500;display: flex;align-items: center;justify-content: space-between;border-radius: 15px;color: var(--color-white);width: 95%}
.devp__btb svg {width: 20px;fill: var(--color-white);transition: .3s;}
.devp__info {padding: 20px 0;width: 100%;overflow: hidden;}

/*.devp__btb.open {color: var(--color-primary);border-color: var(--color-primary);}*/
.devp__btb.open svg {transform: rotate(180deg);}

.devp__btb.hillo {background-color: #88b11a;}
.devp__btb.qtro {background-color: #759a12;}
.devp__btb.obr {background-color: #61810a;}
.devp__btb.navo {background-color: #4a6305;}


/* noticias */
#noticias {position: relative;padding: 50px 0 0;background: url('../images/noticias-bg.webp') no-repeat center top;background-size: cover;height: 750px;}
#noticias h2 {color: var(--color-primary);text-align: center;font-size: 40px;margin-bottom: 60px;text-shadow: 2px 2px 5px rgba(0, 0, 0, .2);font-weight: 300;}
#noticias section {overflow: hidden;display: flex;align-items: center;justify-content: center;height: 450px}

/*#noticias-carousel {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); user-select: none; height: 250px;}*/
#noticias-carousel .item {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 320px; transition: .3s; z-index: -1; background-color: #3a441d; color: var(--color-white);text-align: center;padding: 0 20px;pointer-events: none;text-decoration: none;}
#noticias-carousel .item .image {overflow: hidden;border: 3px solid var(--color-primary);border-radius: 50%;width: 150px;height: 150px;display: inline-block;margin-top: -75px;text-align: center;}
#noticias-carousel .item .image img {width: auto;height: 100%;}
#noticias-carousel .item .title {font-size: 20px;color: var(--color-primary);text-align: center;padding: 10px 20px;text-transform: uppercase;overflow: hidden;height: 65px;}
#noticias-carousel .item p {margin-bottom: 20px;overflow: hidden;height: 80px;}
#noticias-carousel .item .see_more {background-color: var(--color-primary);color: var(--color-white);padding: 8px 15px;text-transform: uppercase;text-decoration: none;font-weight: 700;transition: .3s;display: inline-block;}
#noticias-carousel .item .see_more:hover {background-color: var(--color-primary-hover);}

#noticias-carousel .item.active {opacity: 1; z-index: 99; box-shadow: 0px 0px 105px -35px rgba(0, 0, 0, 0.75); pointer-events: auto;}
#noticias-carousel .item.prev {z-index: 2; opacity: 0.25; transform: translate(-150%, -50%) scale(.6); }
#noticias-carousel .item.next {z-index: 2; opacity: 0.25; transform: translate(50%, -50%) scale(.6); }
#noticias-carousel .button-container {position: relative;width: 320px;}
#noticias-carousel .button-container .button {cursor: pointer; position: relative;z-index: 99;}
#noticias-carousel .button-container .button svg {width: 40px;fill: var(--color-white);transition: .3s;}
#noticias-carousel .button-container .button:hover svg {transform: scale(1.1);}
#noticias-carousel .button-container .button:nth-child(1) {float: left; transform: rotate(180deg);}
#noticias-carousel .button-container .button:nth-child(2) {float: right; }

/* actividades */
#actividades {padding: 80px 0;text-align: center;background-color: var(--color-gray);}
#actividades h2 {color: var(--color-primary);text-align: center;font-size: 40px;margin-bottom: 10px;font-weight: 300;letter-spacing: 3px;}
#actividades p {font-size: 18px;color: var(--color-primary-hover);}
#actividades section {margin-top: 40px;}
#actividades section .column {position: relative;width: 100%;margin-bottom: 20px;overflow: hidden;display: block;}
#actividades section .line {position: relative;}
#actividades .activity {display: flex;padding: 10px;justify-content: flex-end;align-items: flex-start;flex-direction: column;gap:10px;position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);}
#actividades .activity .date {padding: 5px 10px;background-color: var(--color-primary);color: var(--color-white);text-transform: uppercase;font-weight: 700;}
#actividades .activity p {color: var(--color-white);font-size: 16px;margin: 0;font-weight: 700;text-shadow: 2px 2px 6px rgba(0, 0, 0, .2);max-width: 350px;text-align: left;line-height: 1.1;}
#actividades .activity .more {font-size: 14px;color: var(--color-primary);text-transform: uppercase;text-decoration: none;font-weight: 700;}

#actividades section img {width: 100%;}


/* contacto */
#contacto {padding: 50px 0;}
#contacto h2 {color: var(--color-primary);text-align: center;font-size: 40px;margin-bottom: 10px;font-weight: 300;letter-spacing: 3px;}
#contacto p {font-size: 18px;color: var(--color-primary-hover);text-align: center;}
#contacto a {color: var(--color-secondary);}
#contacto .column {padding: 20px;position: relative;}
#contacto .column .city {color: var(--color-primary);font-size: 22px;padding: 5px 0;}
#contacto .column .line {display: flex;gap: 10px;align-items: flex-start;padding: 5px 0;}
#contacto .column .line svg {width: 18px;fill: var(--color-primary);}
#contacto .column .line svg.place {width: 22px;}

.contact_cont .form_control {padding: 12px 20px;background-color: var(--color-gray);transition: .3s;border: none;outline: none;width: 100%;margin-bottom: 20px;transition: .3s;border: 1px solid var(--color-gray);}
.contact_cont .form_control:focus {box-shadow: 2px 2px 6px rgba(0, 0, 0, .1);}
.contact_cont .form_control.required {border-color: #f00;}

.contact_cont select {cursor: pointer;}
.contact_cont select option {background-color: var(--color-white);}

.contact_cont .btn {background-color: var(--color-primary);color: var(--color-white);text-transform: uppercase;font-weight: 700;cursor: pointer;text-align: center;}
.contact_cont .btn:hover {background-color: var(--color-primary-hover);}

.contact_cont .btn:disabled {opacity: .7;cursor: default;}
.contact_cont .btn:disabled:hover {background-color: var(--color-primary);}

.contact_cont input::placeholder,
.contact_cont textarea::placeholder {color: #ccc;}

.contact_button {padding: 30px 10px;background-color: var(--color-primary);text-align: center;background: url('../images/elegirnos_bg.webp') no-repeat top center;background-size: cover;}
.contact_button a {padding: 15px 30px;text-align: center;color: var(--color-white);background-color: var(--color-black);text-transform: uppercase;font-weight: 600;display: inline-flex;border-radius: 50px;text-decoration: none;width: 100%;max-width: 250px;justify-content: center;align-items: center;transition: .3s;box-shadow: 2px 2px 10px rgba(0, 0, 0, .2);}
.contact_button a:hover {transform: scale(1.05);}

/* footer */
footer {padding: 20px;background-color: #505050;color: var(--color-white);text-align: center;}
footer .socialmedia {display: flex;gap: 20px;align-items: center;justify-content: center;padding-top: 20px;}
footer .socialmedia svg {width: 30px;fill: var(--color-white);}
footer a {color: var(--color-white);transition: .3s;}
footer a:hover {text-decoration: none;}

/* templates noticias */
.news_container {position: relative;margin: 90px auto 50px;}
.news_info {position: relative;padding: 20px 20px 40px;border-bottom: 1px solid var(--color-primary);}
.news_info h1 {font-size: 30px;color: var(--color-primary);font-weight: 400;}
.news_info p {font-size: 16px;}
.news_info strong {color: var(--color-primary);}

.news_more_cont {padding: 50px 0;background-color: var(--color-gray);}
.news_more_cont h2 {padding: 10px 20px;border-bottom: 1px solid var(--color-primary);}
.news_more_cont section {max-width: 900px;}

.news_picture {width: 100%;max-width: 600px;padding: 0 10px 90px 70px;position: relative;display: flex;flex-direction: column; justify-content: flex-end;align-items: flex-end;}
.news_picture::after {content: '';position: absolute;width: 80%;height: 300px;background-color: var(--color-primary);left: 0;bottom: 0;}
.news_picture .image_cont {padding: 10px;background-color: var(--color-white);width: 270px;box-shadow: 2px 2px 10px rgba(0, 0, 0, .3);position: relative; z-index: 2;}
.news_picture img {width: 100%;}
.news_picture .image1 {margin-right: 50px;}
.news_picture .image2 {margin-top: -30px;}

.activities_header {position: relative;height: 300px;width: 100%;margin-top: 72px;}
.activities_container {position: relative;margin: 0 auto 50px;max-width: 850px;}
.activities_container .subtitle {display: flex;font-weight: 700;padding: 20px 0 0;color: var(--color-primary);font-size: 18px;align-items: center;gap: 10px;}
.activities_container .subtitle svg {width: 18px;fill: var(--color-primary);}
.activities_header div {position: absolute;top: 0;left: 0;bottom: 0;right: 0;}

.more_carousel {padding: 0 50px;}
.more_carousel .more_item {position: relative;width: 250px; display: block;}
.more_carousel .more_item .description {position: absolute;top: 0;bottom: 0;left: 0;bottom: 0;display: flex;flex-direction: column;justify-content: flex-end;align-items: flex-start;background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);padding: 20px;gap: 10px;}
.more_carousel .more_item .description .date {padding: 2px 10px;background-color: var(--color-primary);color: var(--color-white);text-transform: uppercase;font-weight: 700;}
.more_carousel .more_item .description p {color: var(--color-white);font-size: 16px;margin: 0;font-weight: 700;text-shadow: 2px 2px 6px rgba(0, 0, 0, .2);max-width: 350px;text-align: left;line-height: 1.1;}
.more_carousel .more_item .description .read-more {font-size: 14px;color: var(--color-primary);text-transform: uppercase;text-decoration: none;font-weight: 700;}
.more_carousel .splide__arrow svg {fill: var(--color-primary);}

/* galeria de noticias y actividades */
.gallery_container {width:100%;max-width: 900px;padding: 20px;}
.gallery_container a {display: flex;align-items: center;justify-content: center;position: relative;text-decoration: none;margin: 0 5px;height: 175px;overflow: hidden;width: 100%;}
.gallery_container > img {position: relative;z-index: 1;width: 90%;}
.play_button {position: absolute;top: 50%;left: 50%;margin-top: -50px;margin-left: -50px;z-index: 2;}
.gallery_container .splide__slide {overflow: hidden;}

/* modal alertas */
.modal_alert_container {position: fixed;overflow-y: auto;background: rgba(0, 0, 0, .6);padding: 20px;top: 0;bottom: 0;left: 0;right: 0;display: none;z-index: 9999;}
.modal_alert {width: 100%;max-width: 350px;background-color: var(--color-white);padding: 20px;border-radius: 20px;box-shadow: 2px 2px 6px rgba(0, 0, 0, .2);text-align: center;margin: 10% auto 0;position: relative;}
.modal_alert .icon {width: 110px;fill: var(--color-primary);}
.modal_alert .buttons_container {padding-bottom: 0; display: flex;align-items: center;justify-content: center;gap:10px;}
.modal_alert .close_button {position: absolute;top: 10px;right: 10px;outline: none;border: none;cursor: pointer;background: none;}
.modal_alert .close_button svg {width: 25px;fill: var(--color-primary);}

/* botones */
.btn {display: flex;align-items: center;height: 40px;justify-content: center;border: none;outline: none;font-weight: 600;text-align: center;cursor: pointer;transition: .3s;padding: 0 20px;gap:10px;font-size: 16px;width: 100%;}
.btn.primary {background-color: var(--color-primary);color: var(--color-white);}
.btn.primary:hover {background-color: var(--color-primary-hover);}

/* slider home */

/*.slider {position: relative; width: 100%; padding-top: 75%; background-color: var(--color-gray); overflow: hidden; z-index: 1; }
.slider__slide {position: absolute; top: 0; left: 33.3333333333%; width: 33.3333333333%; height: 100%; background-position: center center; background-repeat: no-repeat; transition: all 0.5s ease-in-out; transform: translateY(100%); background-size: cover; }
.slider__slide:before, .slider__slide:after {position: absolute; top: 0; width: 100%; height: 100%; content: ""; transition: all 0.5s ease-in-out; transform: translateY(-200%); background-size: cover; }
.slider__slide:before {left: -100%; background-position: left center; }
.slider__slide:after {right: -100%; background-position: right center; }
.slider__slide.is-active, .slider__slide.is-active:before, .slider__slide.is-active:after {transform: translateY(0); }

.slider__slide--1, .slider__slide--1:before, .slider__slide--1:after {background-image: url(../images/slider-1-mob.webp); }
.slider__slide--2, .slider__slide--2:before, .slider__slide--2:after {background-image: url(../images/slider-2-mob.webp); }
.slider__slide--3, .slider__slide--3:before, .slider__slide--3:after {background-image: url(../images/slider-3-mob.webp); }
.slider__slide--4, .slider__slide--4:before, .slider__slide--4:after {background-image: url(../images/slider-4-mob.webp); }
.slider__slide--5, .slider__slide--5:before, .slider__slide--5:after {background-image: url(../images/slider-5-mob.webp); }

.slide-content {position: absolute; bottom: 20px; left: -90%; right: -80%; color: var(--color-white); background-color: rgba(0, 0, 0, 0.7); padding: 10px; transition: all 0.3s ease-in-out; z-index: 9;border-radius: 10px;}
.slide-content h2, .slide-content p {margin: 0; color: var(--color-white);}
.slide-content span {color: var(--color-primary);}
.slide__button {position: absolute; top: 50%; transform: translateY(-50%); padding: 10px; cursor: pointer; z-index: 10; border: none;width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;background: transparent;border-radius: 50%;box-shadow: 2px 2px 7px rgba(0, 0, 0, .2);}
.slide__button svg {fill: var(--color-white);width: 10px;}
.prev-slide {left: 5px; transform: scaleX(-1);}
.next-slide {right: 5px;}*/

.slider {position: relative; width: 100%; padding-top: 75%; background-color: #f1f1f1; overflow: hidden; z-index: 1;}
.slider__slide {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; opacity: 0; transition: opacity 1s ease-in-out; z-index: 1;}

.slider__slide.is-active {opacity: 1;}

.slice {flex: 1; overflow: hidden; transition: transform 0.5s ease-in-out; transform: translateY(100%); z-index: 0; }

.slice img {width: 100%; height: 100%; object-fit: cover; }

.slider__slide.is-active .slice {transform: translateY(0); }

.slice:nth-child(1) {transition-delay: 0s;}
.slice:nth-child(2) {transition-delay: 0.1s;}
.slice:nth-child(3) {transition-delay: 0.2s;}
.slice:nth-child(4) {transition-delay: 0.3s;}
.slice:nth-child(5) {transition-delay: 0.4s;}

.slice:nth-child(1) img {object-position: 0% 0;}
.slice:nth-child(2) img {object-position: 25% 0;}
.slice:nth-child(3) img {object-position: 50% 0;}
.slice:nth-child(4) img {object-position: 75% 0;}
.slice:nth-child(5) img {object-position: 100% 0;}

.slide-content {position: absolute; bottom: 20px; left: 20px; color: white; background-color: rgba(0, 0, 0, 0.5); padding: 10px; opacity: 0; transition: opacity 1s ease-in-out; z-index: 2; max-width: 900px;width: 90%;}
.slide-content h2, .slide-content p {margin: 0; color: var(--color-white);}
.slide-content span {color: var(--color-primary);}
.slider__slide.is-active .slide-content {opacity: 1; transition-delay: 0.5s;} /* Ajuste para que la animación del contenido empiece después de la animación de las slices */

.slide-content h2, .slide-content p {margin: 0;}

.slide__button {position: absolute; top: 50%; transform: translateY(-50%); padding: 10px; cursor: pointer; z-index: 10; border: none;width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;background: transparent;border-radius: 50%;box-shadow: 2px 2px 7px rgba(0, 0, 0, .2);}
.slide__button svg {fill: var(--color-white);width: 10px;}
.prev-slide {left: 5px; transform: scaleX(-1);}
.next-slide {right: 5px;}



/* responsive */

@media screen and (min-width: 375px){
  .splide_info h1 {font-size: 30px;}
  .splide_info h2 {font-size: 16px;max-width: 280px;}

  /* noticias */
  #noticias-carousel .item {width: 350px;}
  #noticias-carousel .button-container {position: relative;width: 375px;}
  #noticias-carousel .button-container .button svg {fill: var(--color-primary);}

}

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

  /* slider */
  .splide_info .text {max-width: 650px;}
  .splide_info h1 {font-size: 60px;letter-spacing: 7px;margin-bottom: 10px;}
  .splide_info h2 {font-size: 25px;letter-spacing: 7px;max-width: 500px;}

  /* noticias */
  #noticias-carousel .item {width: 550px;}
  #noticias-carousel .item .title {height: 72px;}
  #noticias-carousel .button-container {width: 700px;}

  #actividades section {display: flex;gap: 20px;flex-wrap: wrap; height: 500px;}
  #actividades section .column {flex-basis: 0;flex-grow: 1;display: flex;gap: 20px;position: relative;flex-direction: column;margin-bottom: 0;width: 100%; overflow: hidden;}
  #actividades section .line {display: flex;gap: 20px;}
  #actividades section img {height: 100%;width: auto;}  
  #actividades section .column:nth-child(2) .line {height: 50%;}
  #actividades section .column:nth-child(2) .line:nth-child(2) img {width: 100%;height: auto;}

  #contacto section {display: flex;max-width: 900px;flex-direction: row-reverse;}
  .contact_cont {max-width: 500px;padding-left: 50px;}

  footer {text-align: left;}
  footer section {display: flex;justify-content: space-between;align-items: center;}
  footer .socialmedia {padding-top: 0;}

  /*.slider {padding-top: 50%;}
  .slider__slide--1, .slider__slide--1:before, .slider__slide--1:after {background-image: url(../images/slider-1.webp); }
  .slider__slide--2, .slider__slide--2:before, .slider__slide--2:after {background-image: url(../images/slider-2.webp); }
  .slider__slide--3, .slider__slide--3:before, .slider__slide--3:after {background-image: url(../images/slider-3.webp); }
  .slider__slide--4, .slider__slide--4:before, .slider__slide--4:after {background-image: url(../images/slider-4.webp); }
  .slider__slide--5, .slider__slide--5:before, .slider__slide--5:after {background-image: url(../images/slider-5.webp); }*/
  .slide-content {bottom: 60px; padding: 20px;}
  .slide__button {border: 1px solid var(--color-white);}
  .prev-slide {left: 20px;}
  .next-slide {right: 20px;}

  #desarrollos .item {width: 320px;margin: 10px;}
  #desarrollos .item .info h3 {font-size: 25px;}
  .devp__btb {font-size: 30px;font-weight: 600;}

}

@media screen and (min-width: 1024px){

  .btn_burger {display: none;}

  /* header */
  header.fixed nav a {color: var(--color-secondary);text-shadow: unset;}
  header.fixed nav a svg {fill: var(--color-secondary);}
  header section {display: flex;align-items: center;justify-content: space-between;border-bottom: none;}

  /* menu pagina */
  nav {display: flex;gap: 15px;align-items: center;position: relative;top:unset;padding: 0;background: none;left: unset;right: unset;border-radius: 0;box-shadow: none;}  
  nav a {padding: 5px 10px;text-shadow: 1px 1px 6px var(--color-black);}

  /* slider */
  .splide_info {padding: 100px 40px 30px;}
  .splide__arrow svg {width: 40px;}
  .splide__arrow--prev {left: 15px;}
  .splide__arrow--next {right: 15px;}
  .splide_info h1 {font-size: 70px;}
  .splide_info h2 {font-size: 30px;max-width: 550px;}

  #nosotros {padding: 100px 0;}
  #nosotros section {display: flex;flex-direction: row-reverse;gap: 20px;}
  #nosotros section div {flex-grow: 1;}
  #nosotros .text_info {margin: 0;}
  #nosotros .text_info h3 {font-size: 23px;text-align: left;}
  #nosotros .text_info h2 {font-size: 50px;text-align: left;}
  .nosotros_cifras {margin: 0;}

  .image_us {flex-basis: 400px;}
  .image_us:after {right: 20%;}
  .image_us .image1 {margin-left: 80px;}
  .image_us .image2 {margin: -50px 0 0 200px;}

  .video_cont h2,
  #desarrollos h2 {font-size: 40px;}
  .elegir_container h2 {font-size: 35px;}
  .elegir_item .description .name {font-size: 18px;}

  #desarrollos .item {width: 500px;padding-left: 250px;}
  #desarrollos .logo {width: 250px;}
  #desarrollos .item .info h3 {font-size: 30px;}
  #desarrollos .item .info h4 {font-size: 25px;}

  #desarrollos .item:hover .logo {width: 100%;justify-content: center;padding-left: 20px;}

  #desarrollos .item:hover .info,
  #desarrollos .item.movil .info {width: auto;}

  #desarrollos .item:hover .logo.prado {border-color: #298149;background-color: #298149}
  #desarrollos .item:hover .logo.misiones {border-color: #BC7D2B;background-color: #BC7D2B}
  #desarrollos .item:hover .logo.calabria {border-color: #409BAB;background-color: #409BAB;}
  #desarrollos .item:hover .logo.marino {border-color: #3D8286;background-color: #3D8286}
  #desarrollos .item:hover .logo.maria {border-color: #AB8346;background-color: #AB8346}
  #desarrollos .item:hover .logo.salvatierra {border-color: #834D12;background-color: #834D12}
  #desarrollos .item:hover .logo.mayorazco {border-color: #A15306;background-color: #A15306}
  #desarrollos .item:hover .logo.querendaro {border-color: #67B43F;background-color: #67B43F}
  #desarrollos .item:hover .logo.maria4 {border-color: #cd7d1f;background-color: #cd7d1f}
  #desarrollos .item:hover .logo.montejo {border-color: #4a9174;background-color: #4a9174}
  #desarrollos .item:hover .logo.schoenstatt {border-color: #1a3745;background-color: #1a3745}
  #desarrollos .item:hover .logo.misioncampestre {border-color: #007885;background-color: #007885}
  #desarrollos .item:hover .logo.mardeplata {border-color: #133951;background-color: #133951}

  #desarrollos .item:hover .logo h3,
  #desarrollos .item:hover .logo h4 {color:var(--color-white)!important;}
  #desarrollos .item:hover .logo .hover {display: block;}
  #desarrollos .item:hover .logo .normal {display: none;}

  .devp__btb {padding: 20px 40px;}

  #actividades section {flex-wrap: nowrap;}
  #actividades section .column:first-child {margin-bottom: 0;}
  #actividades .activity {padding: 30px;}
  #actividades .activity p {font-size: 22px;}

  .news_container {display: flex;gap: 20px;justify-content: space-between;align-items: flex-start;margin-top: 150px;}

  .activities_header {margin-top: 92px;}

  .news_more_cont h2 {padding: 10px 0;}

  .slider {padding-top: 50%;}

}


@media screen and (min-width: 1200px){

  .image_us {flex-basis: 500px;}

}