* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    scroll-behavior: smooth;
}

:root {
    --lightblue:#0166C7;
    --blue:#102941;
    --green:#9ADE7B;
    --bluegrey:#7A8C98;
    --black:#1f1f1f;
    --white:#fafafa;
    --title:3.125rem;
    --subtitle:2rem;
    --subtitle-s:1.75rem;
    --text:1rem;
    --textxl:1.125rem;
    --br-1:1rem;
}
body {
    font-family: "Inter", sans-serif;
    position: relative;
}
.whatsapp-cta {
    position: fixed;
    right: 1rem;
    bottom: 1rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    z-index: 1000000000;
}
.whatsapp-cta-mobile {
    display: none;
}
.whatsapp-cta span.text-cta {
    color: var(--blue);
    font-size: .8rem;
    padding: .5rem 1rem;
    border-radius: 10rem;
    background: rgba(255, 255, 255, 0.40);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(9px);
    -webkit-backdrop-filter: blur(9px);
    border: 1px solid rgba(255, 255, 255, 0.19);
    box-shadow: rgba(149, 157, 165, 0.2) 0px 0px 12px;
}
.whatsapp-cta i {
    font-size: 3rem;
    transition: all ease 300ms;
}
.whatsapp-cta i:hover {
    font-size: 4rem;
}

/* Text Colors */
.text-lightblue {
    color: var(--lightblue);
}
.text-blue {
    color: var(--blue);
}
.text-green {
    color: var(--green);
}
.text-bluegrey {
    color:#485a66!important;
}
.text-black {
    color: var(--black);
}
.text-white {
    color: var(--white);
}

/* Background Colors */
.bg-lightblue {
    background-color: var(--lightblue);
}
.bg-blue {
    background-color: var(--blue);
}
.bg-bluegrey {
    background-color: var(--bluegrey);
}
.bg-black {
    background-color: var(--black);
}
.bg-green {
    background-color: var(--green);
}
.bg-white {
    background-color: var(--white);
}

/* Fonts Weights */
.black {
    font-weight: 900;
}
.bold {
    font-weight: 700;
}
.semibold {
    font-weight: 600;
}
.medium {
    font-weight: 500;
}
.normal {
    font-weight: 400;
}
.light {
    font-weight: 300;
}
.skin {
    font-weight: 200;
}

/*Border Radius*/
.br-1 {
    border-radius: 1rem;
}
.br-5 {
    border-radius: 3rem;
}

/* Buttons  */
.btn-blue {
    background-color: var(--blue);
    color: var(--white);
    border-radius: .7rem;
    padding: .6rem 1.2rem;
    font-size: .9rem;
    margin: 1.125rem auto;
    width: fit-content;
    transition: all ease 600ms;
}
.btn-blue:hover {
    background-color: var(--white);
    color: var(--blue);
    border: 1px solid var(--blue) inset;
    box-shadow: rgba(149, 157, 165, 0.4) 0px 0px 24px;
}
.btn-lineblue {
    background-color: var(--white);
    color: var(--blue);
    border: 1px solid var(--blue);
    border-radius: .7rem;
    padding: .6rem 1.2rem;
    font-size: .9rem;
    margin: 1.125rem auto;
    width: fit-content;
    transition: all ease 600ms;
}
.btn-lineblue:hover {
    background-color: var(--blue);
    color: var(--white);
    box-shadow: rgba(149, 157, 165, 0.4) 0px 0px 24px;
}
.btn-green {
    background-color: var(--green);
    color: var(--white);
    border-radius: .7rem;
    padding: .6rem 1.2rem;
    font-size: .9rem;
    width: fit-content;
    transition: all ease 600ms;
}
.btn-green:hover {
    background-color: var(--white);
    color: var(--green);
    box-shadow: rgba(149, 157, 165, 0.4) 0px 0px 24px;
}

.title-h1 {
    font-size: 3.125rem;
    line-height: 1.3;
}
.title-h2 {
    font-size: 2rem;
    line-height: 1.2;
}
.text-s {
    font-size: .8rem;
}
.text-xs {
    font-size: .7rem;
}

.visually-hidden {
    display: none!important;
    visibility: hidden!important;
}

.text-underline {
    text-decoration: underline;
}

/* Styles Home  */
/* NavBar Styles */
.active {
    color: var(--lightblue)!important;
    font-weight: 600!important;
}
.main-header {
    position: fixed;
    left: 0;
    right: 0;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    height: 80px;
    width: 100%;
    background: rgba(255, 255, 255, 0.40);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(9px);
    -webkit-backdrop-filter: blur(9px);
    border: 1px solid rgba(255, 255, 255, 0.19);
    box-shadow: rgba(149, 157, 165, 0.2) 0px 0px 12px;
    border-radius: 10rem;
    z-index: 999999999;
    padding-left: 1rem;
    padding-right: 1rem;
}
.main-header .btn-blue {
    border-radius: 10rem;
}
#header-main .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#header-main .main-menu {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2rem;
    position: relative;
}
#header-main a {
    text-decoration: none;
}
.rotate-180 {
    transform: rotate(180deg)!important;
}
#dropdown-menu {
    top: 24px;
    left: 0;
    padding: 1rem;
    width: 230px;
    display: flex;
    flex-direction: column;
    transition: all ease-in 600ms;
}
.d-none {
    opacity: 0;
    pointer-events: none;
    transition: all ease-in 300ms;
}
#header-main .main-menu .item {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    z-index: 40;
    padding-left: .5rem;
    padding-right: .5rem;
    cursor: pointer;
    color: var(--blue);
}
#header-main .main-menu a {
    color: var(--blue);
}
#header-main #menu-toggler {
    display: none;
    z-index: 9999999;
}
#header-main #menu-toggler .hamburger-inner,
#header-main #menu-toggler .hamburger-inner:after,
#header-main #menu-toggler .hamburger-inner:before {
    background-color: var(--blue);
}
#header-main .logo {
    position: relative;
    z-index: 500;
}
@media (max-width: 1030px) {
    #header-main #menu-toggler {
        display: inline-block;
    }
    #header-main .main-menu {
        display: flex;
        position: fixed;
        background-color: #fafafa;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        padding-left: 2rem;
        padding-right: 2rem;
        flex-direction: column;
        justify-content: flex-start;
        padding-top: 14rem;
        z-index: 0;
        opacity: 0;
        pointer-events: none;
        transition: all .2s ease-out;
    }
    body.nav-open #header-main .main-menu {
        z-index: 90;
        opacity: 1;
        pointer-events: all;
    }
    body.nav-open #header-main .main-menu ul {
        flex-direction: column;
    }
    #header-main .main-menu .dropdown .item p br {
        display: none;
    }
    #header-main .main-menu .item {
        font-weight: 500;
        font-size: var(--text-ml);
        color:var(--blue);
    }
    #header-main .main-menu .dropdown {
        font-weight: 500;
        font-size: var(--text-ml);
        color:var(--blue);
        z-index: 60;
    }
    .main-header .btn-green {
        border-radius: 10rem;
        font-size: 10px;
    }
    .servicios-locales {
        grid-template-columns: 1fr!important;
    }
}
@media (max-width: 420px) {
    body.nav-open #header-main .main-menu ul {
        flex-direction: column;
        left: -14vw;
    }
}
nav ul li {
    display: block;
    height: 100%;
    position: relative;
    display: flex;
    align-items: center;
    transition: all 300ms cubic-bezier(0.075, 0.82, 0.165, 1);
}
nav ul li a:after {
    content: "";
    position: absolute;
    width: 0%;
    height: 3px;
    display: block;
    transition: all 0.3s ease;
    bottom: 0%;
}
nav ul li a:hover::after {
    width: 100%;
    height: 1px;
    background-color: var(--blue);
}

/* End Nav Styles */
#main-content .slide-hero {
    position: relative;
    background-image: linear-gradient(90deg, #d4d6d8ea, #d4d6d8ea), url('../images/banner-hero-austral-servicios-limpieza-mantenimiento.webp');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 82dvh;
    border-radius: 1rem;
    margin-top: 100px;
}

.slide-detalle {
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    border-radius: 1rem;
}
.logo-marca-de-agua {
    position: absolute;
    bottom: 3rem;
    right: 2rem;
    z-index: 1000000000000;
    width: 120px;
}
.logo-marca-de-agua-detalle {
    position: absolute;
    bottom: 1rem;
    right: 1rem;
    z-index: 1000000000000;
    width: 90px;
}
.banner-2 {
    background-image: linear-gradient(90deg, #10294180, #10294180), url('../images/banner-apartamentos-turisticos-limpieza-austral-servicios.webp')!important;
}
.banner-3 {
    background-image: linear-gradient(90deg, #10294180, #10294180), url('../images/banner-final-de-obra-limpieza-austral-servicios.webp')!important;
}
.banner-4 {
    background-image: linear-gradient(90deg, #10294180, #10294180), url('../images/banner-viviendas-locales-limpieza-austral-servicios.webp')!important;
}
.banner-5 {
    background-image: linear-gradient(90deg, #10294180, #10294180), url('../images/banner-tapizados-limpieza-austral-servicios.webp')!important;
}
.banner-6 {
    background-image: linear-gradient(90deg, #10294180, #10294180), url('../images/banner-fontaneria-mantenimiento-austral-servicios.webp')!important;
    background-position: left!important;
}
.banner-7 {
    background-image: linear-gradient(90deg, #10294180, #10294180), url('../images/banner-electricidad-matenimiento-austral-servicios.webp')!important;
}
.banner-8 {
    background-image: linear-gradient(90deg, #10294180, #10294180), url('../images/banner-aire-acondicionado-mantenimiento-austral-servicios.webp')!important;
}
.banner-9 {
    background-image: linear-gradient(90deg, #10294180, #10294180), url('../images/banner-cerrajeria-mantenimiento-austral-servicios.webp')!important;
}
#main-content .slide-hero span {
    position: relative;
    z-index: 10;
}
#main-content .slide-hero a {
    position: relative;
    z-index: 10;
    font-size: 1.125rem;
    margin-top: 1rem;
}
#main-content .slide-hero a.ubi {
    position: relative;
    z-index: 10;
    font-size: 1.125rem;
    margin-top: 3rem;
}
#main-content .slide-hero h1 {
    max-width: 900px;
    word-wrap: break-word;
    position: relative;
    z-index: 10;
}
#main-content .slide-hero img {
    position: relative;
    z-index: 10;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    width: 360px;
    object-fit: cover;
    height: auto;
    /* filter: drop-shadow(0px 8px 24px #2b2e30dd); */
}
#main-content .benefits {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 1rem;
}
#main-content .benefits .card-benefit {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: .8rem;
    background-color: var(--blue);
    color: var(--white);
    padding: 1.25rem;
    border-radius: 0.75rem;
    width: 100%;
    max-width: 340px;
    height: 112px;
    font-size: .9rem;
}
#main-content .benefits .card-benefit:hover {
    background-color: var(--bluegrey);
    cursor: pointer;
}
/* Servicios Section Styles */
#servicios,
#presupuesto,
#cobertura,
#nosotros,
#google-reviews,
#contacto,
#faqs {
    animation: reveal ease both;
    animation-timeline: view();
    animation-range: entry 50% cover 50%;
}
@keyframes reveal {
    from { 
        opacity: 0; 
        /* clip-path: inset(0% 0% 100% 0%);  */
    }
    to { 
        opacity: 1;
        /* clip-path: inset(0% 0% 0% 0%);  */
    }
}
.servicios-content {
    margin-top: 6rem;
}
.servicios-content .cards-servicios {
    margin-top: 2rem;
    width: 100%;
    display: grid;
    align-items: center;
    justify-content: center;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
}
.card-limpieza {
    background-image: linear-gradient(180deg, rgba(16,41,65,1) 0%, rgba(255,255,255,0) 100%), url('../images/imagen-limpieza-austral-servicios.webp');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 420px;
    border-radius: 1rem;
    display:grid;
    overflow:hidden;
    padding:1rem;
}
.card-mantenimiento {
    background-image:linear-gradient(180deg, rgba(16,41,65,1) 0%, rgba(255,255,255,0) 100%), url('../images/imagen-mantenimiento-austral-servicios.webp');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 420px;
    border-radius: 1rem;
    display:grid;
    overflow:hidden;
    padding:1rem;
}
.card-limpieza .content,
.card-mantenimiento .content {
    width: 100%;
    transition: all ease-in 300ms;
    align-self: flex-end;
}
.card-limpieza .services,
.card-mantenimiento .services {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: .6rem;
}
.btn-card-servicio {
    background-color: var(--white);
    color: var(--black);
    border-radius: .6rem;
    padding: .4rem 1rem;
}
.card-limpieza .service-card, .card-mantenimiento .service-card {
    position: relative;
    background-color: var(--white);
    color: var(--blue);
    border-radius: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: .6rem;
    text-align: center;
    padding: 1rem;
    padding-top: 1.5rem;
    height: 150px;
    transition: all ease 300ms;
}
.icon-servicio {
    position: absolute;
    top: .3rem;
    right: .5rem;
    color: #fafafa;    
}
.card-limpieza .service-card:hover, 
.card-mantenimiento .service-card:hover {
    background-color: var(--green);
    color: #fafafa;
    fill: #fafafa;
}
/* Section Container Servicio Detalle */
.container-detalle {
    margin-top: 7rem;
}
.img-detalle {
    max-width: 550px;
    width: 100%;
    border-radius: 1rem;
    overflow: hidden;
}
.img-detalle .swiper img {
    border-radius: 1rem;
}
.content-detalle .services {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    gap: 1rem;
    margin-top: 1rem;
}
.container-detalle .service-card {
    position: relative;
    background-color: var(--white);
    color: var(--blue);
    border-radius: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: .6rem;
    text-align: center;
    padding: 1rem;
    padding-top: 1.5rem;
    height: 150px;
    width: 150px;
    transition: all ease 300ms;
}
.icon-servicio {
    position: absolute;
    top: .3rem;
    right: .5rem;
    color: #fafafa;    
}
.container-detalle .service-card:hover {
    background-color: var(--green);
    color: #fafafa;
    fill: #fafafa;
}
.container-detalle p {
    width: 90%;
}
.detail-card {
    background-color: var(--white);
    border: 2px solid #f5f5f5;
    color: var(--blue);
    border-radius: 1rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: .6rem;
    text-align: center;
    padding: 1rem;
    transition: all ease 300ms;
}
.detail-card .icon-download {
    display: none;
    transition: all ease 600ms;
}
.detail-card:hover {
    background-color: var(--green);
    color: #fafafa;
    fill: #fafafa;
}
.detail-card:hover .icon-download {
    display: flex;
}
.row-ventajas {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    flex-grow: 1;
}
.card-ventaja {
    border: 2px solid #f5f5f5;
    padding: 1rem;
    border-radius: 1rem;
}
.row-destacados {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    flex-grow: 1;
    padding-top: 1rem;
}
.card-destacado {
    border: 2px solid #f5f5f5;
    padding: 1rem;
    border-radius: 1rem;
}
/* Section Container Nosotros */
#nosotros-page .container-detalle {
    margin-top: 7rem;
}
#nosotros-page .row-content {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
#nosotros-page .img-detalle {
    max-width: 650px;
    width: 100%;
    border-radius: 1rem;
    overflow: hidden;
}
#nosotros-page .img-detalle .swiper img {
    border-radius: 1rem;
}
.content-detalle .services {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    gap: 1rem;
    margin-top: 1rem;
}
#nosotros-page .content-detalle {
    width: 100%;
    max-width: 800px;
    text-align: left;
}
#nosotros-page .card-mision,
#nosotros-page .card-vision {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    border: 1px solid #f5f5f5;
    border-radius: 1rem;
    padding: 1rem;
}
#nosotros-page .card-mision .icon-card,
#nosotros-page .card-vision .icon-card {
    position: absolute;
    top: 1rem;
    right: 1rem;
    width: 2.25rem;
}
/* Cobertura de servicios style */
.container-cobertura {
    margin-top: 0rem;
}
.container-cobertura .row {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.container-cobertura .row .content {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-start;
    padding-left: 2rem;
    padding-top: 5rem;
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem;
}
.container-cobertura .row .mapa iframe {
    border:0;
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
}
/* Section Austral Style */
.container-austral {
    margin-top: 6rem;
}
.container-austral .row {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 500px;
    gap: 2rem;
}
.container-austral .content p {
    max-width: 800px;
}
.container-austral .cards {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
}
.container-austral .cards .card-equipo {
    position: relative;
    background-image: url('../images/img-nuestro-equipo.webp');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    text-align: center;
    padding: 1rem;
    border-radius: 1rem;
}
.container-austral .cards .card-equipo p {
    position: relative;
    z-index: 10;
}
.container-austral .cards .card-equipo::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background-color: var(--blue);
    opacity: .3;
    width: 100%;
    height: 100%;
    border-radius: 1rem;
    z-index: 1;
}
.container-austral .cards .card-austral {
    background-color: var(--blue);
    display: grid;
    text-align: center;
    padding: 1rem;
    border-radius: 1rem;
}
.container-austral .cards .card-austral img {
    place-self: center;
    align-self: center;
}
.container-austral .cards .card-austral p {
    align-self: end;
}
/* Section Nosotros Austral  */
.row-valores {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 2rem;
}
.row-valores .card-value {
    margin-top: 1rem;
}
.row-equipo {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 2rem;
}
.row-equipo .card-equipo {
    margin-top: 1rem;
}
/* Fin Estilos Austral */

/* Formulario de Presupuesto Styles */
.container-form-presupuesto {
    margin-top: 6rem;
    padding-bottom: 6rem;
}
#form-presupuesto {
    width: 100%;
    max-width: 1264px;
    margin: auto;
    padding-top: 2rem;
    padding-bottom: 2rem;
}
#form-presupuesto .row-form-presupuesto {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    width: 100%;
}
#form-presupuesto .row-form-presupuesto input,
#form-presupuesto .row-form-presupuesto select {
    width: 100%;
    background-color: var(--blue);
    height: 2.5rem;
    border-radius: .7rem;
    padding: .4rem 1rem;
    color: var(--white);
    margin-top: 1rem;
}
#form-presupuesto textarea {
    width: 100%;
    background-color: var(--blue);
    height: 6rem;
    border-radius: .7rem;
    padding: .4rem 1rem;
    color: var(--white);
    margin-top: 1rem;
}
#form-presupuesto .btn-form {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--green);
    color: var(--blue);
    border-radius: .7rem;
    padding: .6rem 1.2rem;
    margin-top: .7rem;
}
#form-presupuesto .select-input {
    background-image: url('../images/chevron-down.svg');
    background-size: 0.7rem;
    background-position: right 0.7rem center;
    background-repeat: no-repeat;
}
/* Section Google Reviews */
.container-reviews {
    margin-top: 6rem;
}
.container-reviews .row-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 2rem;
}
.container-reviews .row-reviews {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}
.container-reviews .row-reviews .card-review {
    position: relative;
    background-color: var(--white);
    border: 1px solid #F5F5F5;
    border-radius: 1rem;
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 1rem;
    width: 100%;
    max-width: 340px;
    min-height: 350px;
}
.container-reviews .row-reviews .card-review header img {
    width: 46px;
    height: 46px;
}
.container-reviews .row-reviews .card-review .stars {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}
.container-reviews .row-reviews .card-review .google-date {
    position: absolute;
    right: 0;
    bottom: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    padding-bottom: 1rem;
    font-size: .8rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.mySwiperReview .swiper-button-prev, 
.mySwiperReview .swiper-button-next {
    color: var(--blue)!important;
}
/* Section Contacto Styles */
.container-contacto {
    margin-top: 6rem;
}
.container-contacto .card-contact {
    background-color: var(--blue);
    border-radius: 1rem;
    display: flex;
    align-items: flex-start;
    justify-content: space-evenly;
    gap: 2rem;
    padding-top: 5rem;
    padding-bottom: 2rem;
}
.container-contacto .card-contact .form-contacto {
    width: 100%;
    max-width: 300px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding-bottom: 2rem;
}
#form-contacto {
    width: 100%;
    max-width: 1264px;
    margin: auto;
    padding-bottom: 2rem;
}
#form-contacto .row-form-presupuesto {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    width: 100%;
}
#form-contacto .row-form-presupuesto input,
#form-contacto .row-form-presupuesto select {
    width: 100%;
    background-color: var(--white);
    height: 2.5rem;
    border-radius: .7rem;
    padding: .4rem 1rem;
    color: var(--white);
    margin-top: 1rem;
}
#form-contacto textarea {
    width: 100%;
    background-color: var(--white);
    height: 6rem;
    border-radius: .7rem;
    padding: .4rem 1rem;
    color: var(--white);
    margin-top: 1rem;
}
#form-contacto .btn-form {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--green);
    color: var(--white);
    border-radius: .7rem;
    padding: .6rem 1.2rem;
    margin-top: .7rem;
}
/* Section Faqs Styles */
.container-faqs {
    margin-top: 6rem;
    padding-bottom: 6rem;
}
.item-faq {
    background-color: var(--white);
    box-shadow: rgba(149, 157, 165, 0.1) 0px 4px 12px;
    border: 1px solid var(--bluegrey);
    border-radius: 1rem;
    margin-bottom: 1rem;
    color: var(--blue);
}
.item-faq svg {
    fill: var(--blue);
}
.item-faq p {
    color: var(--bluegrey);
}
/* Estilos Viviendas y Locales */
#vivienda-locales .servicios {
    display: grid;
    align-items: start;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
    margin-top: 1rem;
}
#vivienda-locales .servicios .card-vivienda,
#vivienda-locales .servicios .card-local {
    padding: 1.5rem 1rem;
    border: 2px solid #f5f5f5;
    border-radius: 1rem;
    min-height: 280px;
}
/* Estilos Electricidad */
#electricidad .row-ventajas {
    grid-template-columns: repeat(4, 1fr);
}
/* Estilos Tapizados */
.servicios-tapizados {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    margin-top: 2rem;
}
.servicios-tapizados .card {
    padding: 1.5rem 1rem;
    border: 2px solid #f5f5f5;
    border-radius: 1rem;
}
/* Footer Styles */
#footer {
    min-height: 260px;
    margin-bottom: 0;
    padding-top: 4rem;
    padding-bottom: 4rem;
    position: relative;
}
.container-footer .row {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}
.container-footer .row .logo img {
    width: 100%;
    max-width: 150px;
}
.container-footer .row .social {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .8rem;
}
.row-legal {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 4rem;
    margin: auto;
    width: 100%;
}
.row-legal p {
    font-size: .8rem;
    font-weight: 200;
}

@media (min-width:1281px) {
    #header-main .main-menu {
        margin-left: 12rem;
    }
}

@media (max-width:1280px) {
    .container-contacto .card-contact {
        flex-wrap: wrap;
    }
    #header-main .main-menu {
        margin-left: 4rem;
    }
}
@media (max-width:1024px) {
    .br-mobile {
        display: none;
    }
    #header-main .main-menu {
        margin-left: 0;
    }
    .benefits {
        display: none!important;
    }
    .servicios-content .cards-servicios {
        grid-template-columns: auto;
    }
    .container-austral .row {
        grid-template-columns: auto;
        place-content: center;
        align-items: center;
        justify-content: center;
    }
    .container-austral .cards {
        min-height: 300px;
    }
    .container-reviews .row-title {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
    }
    .container-reviews .row-title .cta {
        margin-top: 2rem;
    }
    .container-reviews .row-reviews {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        gap: 1rem;
    }
    .container-contacto .card-contact .content {
        padding: 2rem;
        text-align: center;
    }
    .servicios-content {
        margin-top: 6rem;
    }
    .container-detalle .row-content {
        flex-direction: column-reverse;
        gap: 2rem;
    }
    .row-ventajas, .row-destacados {
        display: flex;
        flex-wrap: wrap;
    }
    #vivienda-locales .services {
        display: grid;
        align-items: start;
        grid-template-columns: 1fr;
        gap: 1rem;
        margin-top: 1rem;
    }
}
@media (max-width:768px) {
    header,
    main,
    footer {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .text-xs-sm {
        font-size: .8rem;
    }
    nav {
        display: none;
    }
    .contact-button {
        flex-direction: column;
    }
    .contact-button span {
        display: none;
    }
    .contact-button .btn-green {
        padding: .8rem 1.2rem!important;
    }
    .title-h1 {
        font-size: 2rem;
    }
    .logo-marca-de-agua {
        position: absolute;
        bottom: 6rem;
        right: 0;
        z-index: 1000000000000;
        width: 100px;
        left: 0;
        margin: auto;
    }
    #main-content .slide-hero h1 {
        max-width: 350px;
        word-wrap: break-word;
        position: relative;
        z-index: 10;
    }
    #main-content .slide-hero img {
        position: relative;
        z-index: 10;
        margin-top: 6rem;
        margin-bottom: 1.5rem;
        width: 250px;
        object-fit: cover;
        height: auto;
        filter: drop-shadow(0px 8px 24px #2b2e30e6);
    }
    .card-limpieza, .card-mantenimiento {
        height: 100%;
        width: 100%;
    }
    .card-limpieza .services, .card-mantenimiento .services {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }
    .card-limpieza .services .service-card, .card-mantenimiento .services .service-card {
        width: 142px;
        height: 150px;
    }
    .btn-card-servicio {
        display: none;
    }
    .container-cobertura .row {
        grid-template-columns: auto;
    }
    .container-cobertura .row .content {
        padding-left: 2rem;
        padding-top: 2rem;
        padding-bottom: 3rem;
        border-top-left-radius: 1rem;
        border-top-right-radius: 1rem;
        border-bottom-left-radius: 0rem;
        border-bottom-right-radius: 0rem;
    }
    .container-cobertura .row .mapa iframe{
        border:0;
        border-top-right-radius: 0rem;
        border-bottom-right-radius: 1rem;
        border-bottom-left-radius: 1rem;
    }
    .container-austral .cards {
        display: none;
    }
    #form-presupuesto .row-form-presupuesto {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 0rem;
        width: 100%;
    }
    .container-contacto .card-contact {
        gap: 1rem;
        padding-top: 2rem;
    }
    #form-contacto .row-form-presupuesto {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 0rem;
        width: 100%;
    }
    .container-contacto .card-contact .form-contacto {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    #footer {
        min-height: 300px;
    }
    .container-footer {
        display: flex;
        flex-direction: column;
    }
    .container-footer .row {
        display: flex;
        align-items: center;
        justify-content: space-evenly;
        gap: 1rem;
        flex-direction: column;
    }
    .whatsapp-cta {
        display: none;
    }
    .whatsapp-cta-mobile {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        display: flex;
        align-items: center;
        justify-content: space-around;
        z-index: 10000;
    }
    .whatsapp-cta-mobile .text-wa-mobile {
        background-color: var(--green);
        width: 50vw;
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--blue);
        padding-top: .4rem;
        padding-bottom: .4rem;
        border-top-left-radius: 1rem;
        border-top-right-radius: 1rem;
        gap: .6rem;
        font-size: 18px;
        font-weight: 500;
    }
    .whatsapp-cta-mobile .text-wa-mobile i {
        font-size: 1.5rem;
    }
    .whatsapp-cta-mobile .text-call-mobile {
        background-color: var(--lightblue);
        width: 50vw;
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--white);
        padding-top: .4rem;
        padding-bottom: .4rem;
        border-top-left-radius: 1rem;
        border-top-right-radius: 1rem;
        gap: .5rem;
        font-size: 18px;
        font-weight: 500;
    }
    .whatsapp-cta-mobile .text-call-mobile i {
        font-size: 1.5rem;
    }
    .mySwiperReview .swiper-button-prev, 
    .mySwiperReview .swiper-button-next {
        color: var(--blue)!important;
    }
    .content-detalle .services {
        flex-wrap: wrap;
    }
    .container-detalle p {
        width: 100%;
    }
    .row-valores {
        flex-direction: column;
    }
    .row-equipo {
        flex-direction: column;
    }
    .services-detail {
        flex-wrap: wrap;
    }
    .servicios-tapizados {
        display: grid;
        grid-template-columns: 1fr;
        gap: 1rem;
        margin-top: 2rem;
    }
}

/* Swiper Style */
.swiper-button-prev:after,
.swiper-button-next:after {
    display: none;
}
.swiper-button-prev,
.swiper-button-next {
    color: var(--white)!important;
    font-size: 1.2rem;
}
.swiper-pagination {
    position: relative !important;
    transform: translateY(-40px) !important;
    width: fit-content !important;
    margin: auto;
    background-color: var(--white);
    border-radius: 2rem;
    padding: .5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.swiper-pagination-bullet-active {
    background: var(--bluegrey)!important;
}
.swiper {
    width: 100%;
    height: 100%;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 600px;
}
.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.mySwiperReview .swiper-slide img {
    display: block;
    width: 42px;
    height: 42px;
    object-fit: cover;
}
.swiper {
    margin-left: auto;
    margin-right: auto;
}

/* Splash Animation Styles */
.splash{
    width: 100vw;
    height: 100vh;
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translateY(-100%);
    transition: .6s cubic-bezier(0.85, 0, 0.15, 1);
    transition-property: transform;
    background-color: #fafafa;
    z-index: 999999999999;
    padding-inline: 1.5rem;
    top: 0;
    left: 0;
}
.container-splash {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
}
.splash.active{
    transform: translateY(0);
}
.splash > span{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 2rem;
}
.word {
    display: flex;
}
.loader-container{
    width: 100%;
    margin-top: 8rem;
    background-color: var(--bluegrey);
    animation: opacityOut .4s 2s forwards;
    z-index: 100000;
}
.loader{
    height: 2px;
    background-color: var(--green);
    display: block;
    border-radius: 3px;
    width: 0;
    animation: widthAnimation 2s cubic-bezier(0.55, 0, 1, 0.45)  forwards;
}
.iso-logo img{
    scale: 1;
    width: 10rem;
    animation: scaleEntry .6s cubic-bezier(0.85, 0, 0.15, 1) 1s forwards;
} 
.iso-logo{
    transform: translateY(100px);
    /* animation: slideUp .6s cubic-bezier(0.85, 0, 0.15, 1) 2.5s forwards; */
} 
.splash .word{
    overflow: hidden;
}

@keyframes scaleEntry {
    from{
        scale: 1;
    }to{
        scale: 1.5;
    }
}
@keyframes opacityOut {
    from{
        opacity: 1;
    }to{
        opacity: 0;
    }
}
@keyframes slideUp {
    from{
        transform: translateY(100%);
    }to{
        transform: translateY(0);
    }
}
@keyframes  slideLeft{
    from{
        transform: translateX(100px);
    }to{
        transform: translateX(0);
    }
}
@keyframes  slideLeftDesktop{
    from{
        transform: translateX(135px);
    }to{
        transform: translateX(0);
    }
}
@keyframes widthAnimation {
    from{
        width: 0;
    }to{
        width: 100%;
    }
}