@charset "UTF-8";



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

>>> TABLA DE CONTENIDO:

----------------------------------------------------------------

# Normalize

# Forms

# Links

# Transitions

# Utilities

# Header

# Panel Side Mobile

# Footer



#   Hero

##  Filtro Home

#   Mapa

#   Asesoria

#   Modal

#   Comuna

#   Pilares

#   Blog



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

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

# Normalize

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

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



@font-face {

    font-family: 'gill_sansbold';

    src: url('../../assets/fonts/gill_sans_bold-webfont.woff2') format('woff2'),

         url('../../assets/fonts/gill_sans_bold-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'gill_sanslight';

    src: url('../../assets/fonts/gill_sans_light-webfont.woff2') format('woff2'),

         url('../../assets/fonts/gill_sans_light-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'gill_sansregular';

    src: url('../../assets/fonts/gill_sans-webfont.woff2') format('woff2'),

         url('../../assets/fonts/gill_sans-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'Karibu-Regular';

    src: url('../../assets/fonts/Karibu-Regular.ttf');

}



@font-face {

    font-family: 'karibu-bolduploaded_file';

    src: url('../../assets/fonts/karibu-bold-webfont.woff2') format('woff2'),

         url('../../assets/fonts/karibu-bold-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'karibu-demibolduploaded_file';

    src: url('../../assets/fonts/karibu-demibold-webfont.woff2') format('woff2'),

         url('../../assets/fonts/karibu-demibold-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'karibu-extrabolduploaded_file';

    src: url('../../assets/fonts/karibu-extrabold-webfont.woff2') format('woff2'),

         url('../../assets/fonts/karibu-extrabold-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;

}



html {

    font-size: 16px;

    overflow-x: hidden;

}



body {

    font-family: "Montserrat", sans-serif;

    color: #101820;

    font-size: 16px;

    position: relative;

    background-color: #F7F7F9;

}



p {

    font-weight: 400;

}



ul {

    list-style: none;

    margin: 0;

    padding: 0;

}



h1,h2,h3,h4,h5,h6 {

    font-family: 'karibu-extrabolduploaded_file';

    text-transform: uppercase;

}



img {

    max-width: 100%;

    height: auto;

}

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

# Forms

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

button,

[type=button],

[type=reset],

[type=submit] {

  -webkit-appearance: button;

}



button::-moz-focus-inner,

[type=button]::-moz-focus-inner,

[type=reset]::-moz-focus-inner,

[type=submit]::-moz-focus-inner {

  border-style: none;

  padding: 0;

}



button:-moz-focusring,

[type=button]:-moz-focusring,

[type=reset]:-moz-focusring,

[type=submit]:-moz-focusring {

  outline: 1px dotted ButtonText;

}



input:focus,

select:focus {

  outline: 0;

}



input:focus-visible,

select:focus-visible {

  outline: 0;

}



button,

input,

select,

textarea {

    color: #4A4F54;

    font-size: 1rem;

    line-height: 1;

    word-break: break-word;

    box-sizing: border-box;

}



input[type=text],

input[type=email],

input[type=url],

input[type=password],

input[type=search],

input[type=number],

input[type=tel],

input[type=range],

input[type=date],

input[type=month],

input[type=week],

input[type=time],

input[type=datetime],

input[type=datetime-local],

input[type=color],

textarea {

    width: 100%;

    color: #4A4F54;

    background: #fff;

    border: 1px solid #4A4F54;

    border-radius: 6px;

    padding: 14px 28px;

    box-sizing: border-box;

    outline: none;

    font-size: 1rem;

    line-height: 1;

}



input[type=text]:focus,

input[type=email]:focus,

input[type=url]:focus,

input[type=password]:focus,

input[type=search]:focus,

input[type=number]:focus,

input[type=tel]:focus,

input[type=range]:focus,

input[type=date]:focus,

input[type=month]:focus,

input[type=week]:focus,

input[type=time]:focus,

input[type=datetime]:focus,

input[type=datetime-local]:focus,

input[type=color]:focus,

textarea:focus {

  color: #4A4F54;

}



select {

    display: block;

    width: 100%;

    appearance: none;

    padding: 16px 28px;

    border: 1px solid #4A4F54;

    border-radius: 6px;

    background: #fff;

    outline: none;

}



.wrapper_select {

    position: relative;

}



.wrapper_select::after {

    display: inline-block;

    width: 28px;

    height: 28px;

    vertical-align: -0.125em;

    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath fill='%23101820' d='M831.872 340.864L512 652.672L192.128 340.864a30.59 30.59 0 0 0-42.752 0a29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728a30.59 30.59 0 0 0-42.752 0z'/%3E%3C/svg%3E");

    position: absolute;

    top: 50%;

    right: 28px;

    z-index: 1;

    transform: translateY(-50%);

    pointer-events: none;

}



textarea {

    width: 100%;

    height: 130px;

    vertical-align: top;

}



label {

    color: #4A4F54;

    font-weight: 700;

    line-height: 1;

    margin-bottom: 10px;

}



.cta.btnSubmit {

    border: 0;

    padding: 14px 21px;

}



.cta.btnSubmit::after {

    display: none;

}



::-webkit-input-placeholder {

  /* Chrome/Opera/Safari */

  color: #4A4F54;

}



::-moz-placeholder {

  /* Firefox 19+ */

  color: #4A4F54;

}



:-ms-input-placeholder {

  /* IE 10+ */

  color: #4A4F54;

}



:-moz-placeholder {

  /* Firefox 18- */

  color: #4A4F54;

}

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

# Links

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

a:hover, a:focus, a:active {

  color: #fff;

  text-decoration: none;

}

a:focus {

  outline: 0;

}

a:hover, a:active {

  outline: 0;

}

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

# Transitions

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

a, .Web-Header, .Web-Header.Sticky, .cta, img, .menu,

.panel-overlay, {

    text-decoration: none;

    -webkit-transition: all .5s ease;

    -moz-transition: all .5s ease;

    -ms-transition: all .5s ease;

    -o-transition: all .5s ease;

    transition: all .5s ease;

    letter-spacing: normal;

    color: #a4a4a4;

}

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

# Utilities

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

.Main-Wrapper {

    display: block;

    position: relative;

}



.main-border::before {

    content: '';

    position: absolute;

    top: -30px;

    left: 0;

    width: 100%;

    padding: 15px;

    background-color: #fff;

    border-top-left-radius: 30px;

    border-top-right-radius: 30px;

    z-index: 2;

}



.main-border::after {

    content: '';

    position: absolute;

    bottom: -30px;

    left: 0;

    width: 100%;

    padding: 15px;

    background-color: #f4f4f4;

    border-bottom-left-radius: 30px;

    border-bottom-right-radius: 30px;

    z-index: 2;    

}



#preloader {

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background-color: #fff;

    z-index: 999999;

}

#status {

    width: 200px;

    height: 200px;

    position: absolute;

    left: 50%;

    top: 50%;

    margin: -100px 0 0 -100px;

}



.cta {

    background: linear-gradient(-90deg, rgba(255, 89, 13, 1) 0%, rgba(231, 42, 101, 1) 100%);

    padding: 10px 19px;

    color: #fff;

    width: auto;

    text-align: center;

    text-decoration: none;

    font-size: 1rem;

    font-weight: 700;

    display: inline-flex;

    justify-content: center;

    align-items: center;

    letter-spacing: normal;

    border-radius: 0;

    position: relative;

    text-transform: uppercase;

    border-radius: 50px;

    transition: all 0.5s ease;

    background-size: 100% auto;   

}



.cta:hover {

    color: #fff;

    text-decoration: none;

    background-position: right center;

    background-size: 200% auto; 

    transition: all 0.5s ease; 

}



.cta-arrow {

    background: linear-gradient(-90deg, rgba(255, 89, 13, 1) 0%, rgba(231, 42, 101, 1) 100%);

    padding: 14px 32px 12px;

    color: #fff;

    width: auto;

    text-align: center;

    text-decoration: none; 

    font-size: 1rem;

    font-weight: 700;

    display: inline-flex;

    justify-content: center;

    align-items: center;

    letter-spacing: normal;

    border-radius: 0;

    position: relative;

    text-transform: uppercase;

    border-radius: 50px;

    transition: all 0.5s ease;

      background-size: 100% auto;  

}



.cta-arrow::after {

    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M4 11v2h12l-5.5 5.5l1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5L16 11z'/%3E%3C/svg%3E");

    display: inline-block;

    width: 24px;

    height: 24px;

    vertical-align: -0.125em;

    margin-left: 10px;

    margin-top: -4px; 

}



.cta-arrow:hover {

  background-position: right center;

  background-size: 200% auto;  

transition: all 0.5s ease;

 



}



.parallax {

    position: absolute;

    width: 100%;

    height: 100%;

    z-index: -2;

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

    background-attachment: scroll;

    top: 0;

    left: 0;

}



.panel-overlay {

    position: fixed;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    right: 0;

    z-index: 1050;

    background: rgba(0, 0, 0, 0.4);

    opacity: 0;

    visibility: hidden;

}



.panel-overlay.active {

    opacity: 1;

    visibility: visible;

}



.box_content .title {

    font-size: 2.5rem;

    line-height: 3.5rem;

    background: linear-gradient(-90deg, rgba(255, 107, 0, 1) 0%, rgba(231, 42, 101, 1) 100%);

    color: transparent;

    background-clip: text;

    -webkit-background-clip: text;

    margin-bottom: 20px;

}



.box_content .title .dest {

    background: linear-gradient(-90deg, rgba(255, 107, 0, 1) 0%, rgba(231, 42, 101, 1) 100%);

    color: #fff;

    padding: 0px 16px;

}



.seccion {

    padding: 100px 0;

}



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

# Header

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

.Web-Header {

    padding: 33px 0;

    position: absolute;

    top: 0;

    right: 0;

    left: 0;

    z-index: 1000;

}



.Web-Header .main-header {

    background-color: #fff;

    border-radius: 60px;

    padding: 10px 40px;

}



.main-header .header-row {

    display: flex;

    flex-wrap: nowrap;

    align-items: stretch;

}



.header-row > [class^=col-header] {

    display: flex;

    align-items: stretch;

    position: static;

}



.header-row .col-header {

    flex-basis: 0;

    flex-grow: 0.65;

    max-width: 100%;

    width: 100%;

    min-height: 1px;

}



.header-row .col-header.col-nav {

    -ms-flex-pack: center;

    justify-content: flex-end;

    flex-grow: 0.7;

}



.header-row .col-header.col-logo {

    flex-grow: 0.3;

    align-items: center;

}



.main-navigation {

    position: relative;

    display: inline-block;

    vertical-align: middle;

    height: 100%;

    width: auto;

}



.main-navigation > ul {

    position: relative;

    display: flex;

    width: 100%;

    vertical-align: middle;

    height: 100%;

}



.main-navigation ul {

    font-weight: normal;

    font-size: 1rem;

    list-style: none;

    margin: 0px 0px;

    padding: 0px 0px;

}



.main-navigation > ul > li {

    margin: 0px 15px;

    padding: 0px 0px;

    float: left;

    position: relative;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    height: 100%;

}



.main-navigation ul > li > a {

    position: relative;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    text-decoration: none;

    text-align: center;

    outline: none;

    color: #101820;

    white-space: nowrap;

    overflow: hidden;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

    padding: 10px 0;

}



.main-navigation ul > li > a:hover {

    color: #FF590D;

}



.main-navigation ul > li > a.cotizar {

    background: linear-gradient(-90deg, rgba(255, 107, 0, 1) 0%, rgba(231, 42, 101, 1) 100%);

    padding: 13px 20px;

    color: #fff;

    font-weight: 700;

    text-transform: uppercase;

    font-size: 0.875rem;

    line-height: 1;

    border-radius: 40px;

}



.main-navigation_mob ul > li > a.cotizar {

    position: relative;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    text-decoration: none;

    text-align: center;

    outline: none;

    color: #fff;

    white-space: nowrap;

    overflow: hidden;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

    padding: 10px 0;

    text-transform: uppercase;

    background: linear-gradient(-90deg, rgba(255, 107, 0, 1) 0%, rgba(231, 42, 101, 1) 100%);

    padding: 6px 10px;

    font-size: 0.875rem;

}



.main-navigation_mob ul > li > a.cotizar::after {

    content: '';

    background-image: url('../../assets/img/arrow.svg');

    background-size: 100% 100%;

    background-position: center;

    background-repeat: no-repeat;

    width: 17px;

    height: 16px;

    margin-left: 10px;

}



.main-nav-mob {

    display: flex;

    align-items: center;

}



.menu-burger {

    position: relative;

    width: 32px;

    height: 20px;

    flex-direction: column;

    align-items: center;

    justify-content: space-between;

    margin-left: 16px;

    cursor: pointer;

    display: flex;

}



.menu-burger > span {

    width: 100%;

    height: 2px;

    background-color: #4A4F54;

    opacity: 1;

    transform: translateY(0) rotate(0);

    transition: all 0.3s;

}



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

# Header Sticky

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

.header-sticky {

    position: fixed;

    top: -200px;

    left: 0;

    width: 100%;

    z-index: 1000;

    background-color: #fff;

    opacity: 0;

    -webkit-transition: all 0.7s;

    -moz-transition: all 0.7s;

    -o-transition: all 0.7s;

    -ms-transition: all 0.7s;

    transition: all 0.7s;

    border-bottom: 1px solid #e6e6e6;

    padding: 16px 0;

}



.Web-Header.Sticky .header-sticky {

    top: 0;

    opacity: 1;

}



.Web-Header.Sticky .header-sticky .main-header {

    border-radius: 0;

    padding: 0;

}



.header-sticky .main-navigation ul > li > a {}



.header-sticky .main-navigation ul > li > a.cotizar {

    padding: 10px 20px;

}



.header-sticky .menu-burger > span {

    width: 100%;

    height: 2px;

    background-color: #4a4f54;

    opacity: 1;

    transform: translateY(0) rotate(0);

    transition: all 0.3s;

}



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

# Panel Side Mobile

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

.side-panel {

    width: 340px;

    max-width: 100%;

    position: fixed;

    top: 0;

    bottom: 0;

    right: 0;

    background: #4a4f54;

    overflow-x: hidden;

    z-index: 9999;

    -webkit-transform: translateX(100%);

    -ms-transform: translateX(100%);

    transform: translateX(100%);

    /* -webkit-transform: translateX(0); */

    /* -ms-transform: translateX(0); */

    /* transform: translateX(0); */

    transition: all 0.3s linear;

    -webkit-transition: all 0.3s linear;

    -moz-transition: all 0.3s linear;

    -o-transition: all 0.3s linear;

    -ms-transition: all 0.3s linear;

}



.side-panel.side-panel-open {

    -webkit-transform: translateX(0);

    -ms-transform: translateX(0);

    transform: translateX(0);

}



.side-panel_inner {

    height: 100%;

    padding: 32px;

    padding-top: 0;

}



.side-panel_head {

    padding: 14px 0 13px;

    display: flex;

    justify-content: flex-start;

    align-items: center;

}



.side-panel_body {

    padding: 1rem 0;

}



.side-panel-redes {

    margin-top: 24px;

    line-height: 0;

}



.side-panel_body nav ul li {

    margin-bottom: 0.5rem;

}



.side-panel_body nav ul li a {

    color: #fff;

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: 5px 0px;

    text-decoration: none;

    text-transform: uppercase;

    font-size: 0.875rem;

}



.side-panel_body nav ul li a.cta {

    padding: 10px 20px;

    width: max-content;

}



.dropdown-menu {

    background-color: #009fe3;

    border: 0;

    width: 100%;

    padding: 10px;

}



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

# Footer

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

.Web-Footer {

    background-color: #464646;

    color: #fff;

    padding: 78px 0 44px;

}



.Web-Footer .container {}



.widget-footer {}

.widget-footer.widget-footer-1 {}

.widget-footer.widget-footer-2 {}

.widget-footer.widget-footer-3 {}

.widget-footer.widget-footer-4 {}



.widget-footer .nav-list li {

    margin-bottom: 20px;

}



.widget-footer a {

    color: #fff;

    font-family: 'gill_sanslight';

    text-decoration: none;

    font-size: 1.125rem;

    line-height: 1;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

}



.widget-footer a:hover {

    color: #FF590D;

}



.call-center {

    font-family: 'gill_sanslight';

    font-size: 1.8rem;

    line-height: 2rem;

}

.call-center .link {

    font-family: 'gill_sansbold';

    font-size: 21px;

    line-height: 2rem;

}



.social-list {

    margin-top: 48px;

    display: flex;

    align-items: center;

    gap: 36px;

}

.social-list li a {

    font-size: 28px;

}



.aviso-legal {

    font-family: 'gill_sanslight';

    font-size: 1.125rem;

    line-height: 1.563rem;

}



.aviso-legal .title {

    font-family: 'gill_sansbold';

    margin-bottom: 20px;

}



.aviso-legal .link {

    vertical-align: middle;

}



.aviso-legal .link::after {

    content: '';

    background-image: url('../../assets/img/arrow.svg');

    background-repeat: no-repeat;

    background-size: 100% 100%;

    background-position: center;

    width: 17px;

    height: 16px;

    margin-left: 10px;

    display: inline-block;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

}



.aviso-legal .link:hover::after {

    background-image: url('../../assets/img/arrow-naranja.svg');

}



.footer-copy {

    padding-top: 184px;

}



.footer-copyright {

    font-size: 0.875rem;

}



.footer-copyright p {

    font-family: 'gill_sansbold';

}



.footer-copyright p a {

    font-family: 'gill_sanslight';

    color: #fff;

    text-decoration: none;

}



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

#   Hero

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

.carrusel_image {

    height: 740px;

    object-fit: cover;

    object-position: center;

}



.carousel-caption {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    padding-top: 0;

    padding-bottom: 0;

    color: #fff;

    text-align: left;

    z-index: 2;

}



.carousel-caption_container {

    width: 100%;

    padding-right: var(--bs-gutter-x, .75rem);

    padding-left: var(--bs-gutter-x, .75rem);

    margin-right: auto;

    margin-left: auto;

    max-width: 1264px;

    padding-top: 130px;

    padding-bottom: 130px;

    height: 100%;

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    justify-content: center;

}



.carousel-control-next::after {

    content: '';

    display: inline-block;

    width: 32px;

    height: 54px;

    background-image: url('data:image/svg+xml,<svg width="32" height="54" viewBox="0 0 32 54" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 3L27 27L3 51" stroke="white" stroke-width="6" stroke-linecap="round"/></svg>');

    background-repeat: no-repeat;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

}



.carousel-control-prev::after {

    content: '';

    display: inline-block;

    width: 32px;

    height: 54px;

    background-image: url('data:image/svg+xml,<svg width="32" height="54" viewBox="0 0 32 54" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 3L27 27L3 51" stroke="white" stroke-width="6" stroke-linecap="round"/></svg>');

    background-repeat: no-repeat;

    transform: rotate(180deg);

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

}



.carousel-control-next, 

.carousel-control-prev {

    width: 32px;

    opacity: 1;

    top: 50%;

    transform: translateY(-50%);

}



.carousel-control-prev {

    left: 12px;

}



.carousel-control-next {

    right: 12px;

}



.carousel-control-prev .flecha_svg {

    transform: rotate(180deg);

}



.carousel-control-next:hover::after {

    background-image: url('data:image/svg+xml,<svg width="32" height="54" viewBox="0 0 32 54" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 3L27 27L3 51" stroke="%23ff590d" stroke-width="6" stroke-linecap="round"/></svg>');

}



.carousel-control-prev:hover::after {

    background-image: url('data:image/svg+xml,<svg width="32" height="54" viewBox="0 0 32 54" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 3L27 27L3 51" stroke="%23ff590d" stroke-width="6" stroke-linecap="round"/></svg>');

}



.carousel-indicators {

    margin-bottom: 62px;

}



.carousel-indicators [data-bs-target] {

    width: 10px;

    height: 10px;

    border-radius: 50%;

    background-color: #E6E6E6;

    border: 0;

    margin: 5px;

    opacity: 1;

}



.carousel-indicators .active {

    background: linear-gradient(-90deg, rgba(255, 107, 0, 1) 0%, rgba(231, 42, 101, 1) 100%);

}



.hero_content {}

.hero_content .logo_inversion {

    margin-bottom: 10px;

}

.hero_content .title {

    font-size: 3.5rem;

    line-height: 3.5rem;

}

.hero_content p {

    max-width: 686px;

    font-size: 1.25rem;

    line-height: 1.3;

}

.hero_content .title .dest {

    background: linear-gradient(-90deg, rgba(255, 107, 0, 1) 0%, rgba(231, 42, 101, 1) 100%);

    color: #fff;

    padding: 0px 16px;

    display: inline-block;

}

.hero_content .title .dest:last-child {

    margin-top: 10px;

}



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

##  Filtro Home

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

.seccion-filtro {

    background-color: #F7F7F9;

    padding-right: 20px;

    padding-left: 20px;

}



.box-filtro {

    margin-right: auto;

    margin-left: auto;

    max-width: 1240px;

    box-shadow: 0px 2px 8px -4px rgba(0, 0, 0, 0.2);

    border-radius: 14px;

    position: relative;

    top: -78px;

    z-index: 1;

    padding: 30px 64px;

    background-color: #fff;

}



.box-filtro .filtro-content {

    margin-bottom: 37px;

}



.box-filtro .filtro-content h3 {

    font-family: 'karibu-bolduploaded_file';

    color: #4A4F54;

    font-size: 2.25rem;

    line-height: 1;

    margin-bottom: 10px;

    text-transform: none;

}



.box-filtro .filtro-content h3 .color {

    color: #FF590D;

}



.box-filtro .filtro-content p {

    color: #4A4F54;

    font-size: 1rem;

    line-height: 1.3;

}



.box-filtro .filtro-content p .color {

    color: #E72A65;

    font-weight: 700;

}



.grid-filtros {

    display: grid;

    grid-template-columns: 1fr 1fr 1fr 80px;

    align-items: center;

    gap: 0;

    padding: 22px 20px;

    border-radius: 14px;

    box-shadow: 0px 2px 8px -4px rgba(0, 0, 0, 0.2);

}



.grid-filtros div {

    padding-left: 40px;

    border-right: 1px solid #E6E6E6;

}



.grid-filtros div:first-of-type {}



.grid-filtros div:nth-of-type(3) {

    border-right: 0;

}



.grid-filtros div:last-of-type {

    padding-left: 0;

    border-right: 0;

}



.grid-filtros label {

    color: #4A4F54;

    font-size: 1.25rem;

    line-height: 1;

    font-weight: 700;

    margin-bottom: 8px;

}



.grid-filtros .parent_select {

    position: relative;

}



.grid-filtros .parent_select::after {

    display: inline-block;

    width: 24px;

    height: 24px;

    vertical-align: -0.125em;

    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath fill='%234A4F54' d='M831.872 340.864L512 652.672L192.128 340.864a30.59 30.59 0 0 0-42.752 0a29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728a30.59 30.59 0 0 0-42.752 0z'/%3E%3C/svg%3E");

    position: absolute;

    top: 50%;

    right: 12px;

    transform: translateY(-50%);

    pointer-events: none;

}



.grid-filtros select {

    color: #4A4F54;

    padding: 0;

    border: 0;

    border-radius: 0;

    font-size: 1.25rem;

    line-height: 1.2;

    cursor: pointer;

}



.btn.btn-filtro {

    font-size: 1rem;

    background: linear-gradient(270deg, #FF590D 17.69%, #FF3B67 80.34%);

    color: white;

    border: none;

    padding: 9px 16px;

    border-radius: 50px;

    font-weight: 700;

    line-height: 1;

    width: 100%;

    height: 44px;

    transition: all .5s ease;

}



.btn.btn-filtro:hover {

    background: linear-gradient(270deg, #FF6B00 17.69%, #FF6B00 80.34%);

}



.box-filtro .mensaje p {

    text-align: center;

    background: linear-gradient(-90deg, rgba(255, 107, 0, 1) 0%, rgba(231, 42, 101, 1) 100%);

    color: transparent;

    background-clip: text;

    -webkit-background-clip: text;

    font-weight: 700;

    margin-top: 24px;

}



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

#   Mapa

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

.wrapper_mapa {

    padding: 55px 47px;

    background-color: #fff;

}



.wrapper_mapa .mapa_grid {

    display: grid;

    grid-template-columns: 424px 1fr;

    gap: 53px;

}



.wrapper_mapa .mapa_grid .card_mapa {}



.wrapper_mapa .mapa_grid .box_mapa {

    position: relative;

}



.wrapper_mapa .mapa_grid .box_mapa iframe {

    display: block;

    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.12);

    width: 100%;

    height: 682px;

}



.wrapper_mapa .mapa_grid .box_mapa .mapa {

    display: block;

    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.12);

    width: 100%;

    height: 682px;

    object-fit: cover;

}



.card_proyecto {

    height: 100%;

    background-color: #fff;

    padding: 20px;

    -webkit-box-shadow: 0px 2px 8px -4px rgba(0, 0, 0, 0.2);

    -moz-box-shadow: 0px 2px 8px -4px rgba(0, 0, 0, 0.2);

    box-shadow: 0px 2px 8px -4px rgba(0, 0, 0, 0.2);

    display: none;

}



.card_proyecto .card_proyecto_imagen {

    position: relative;

}



.card_proyecto .card_proyecto_imagen .ancla {

    display: block;

}



.card_proyecto .card_proyecto_imagen .cartel {

    position: absolute;

    top: 23px;

    left: 11px;

    display: inline-block;

    color: #fff;

    background: linear-gradient(-90deg, rgba(255, 107, 0, 1) 0%, rgba(231, 42, 101, 1) 100%);

    font-weight: 700;

    font-size: 1rem;

    line-height: 1;

    padding: 12px 20px;

    width: 220px;

    text-align: center;

    z-index: 1;

}



.card_proyecto .card_proyecto_imagen .cartel .cartel_inner {}

.card_proyecto .card_proyecto_imagen .cartel.cartel_verde {

    background: #fff;

    width: auto;

}

.card_proyecto .card_proyecto_imagen .cartel.cartel_verde .cartel_inner {

    background: #FF3B67;

    background: linear-gradient(to right, #FF3B67 0%, #FF590D 100%);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

}



.card_proyecto .card_proyecto_imagen .imagen {}



.card_proyecto .card_proyecto_content {

    padding-top: 30px;

}



.card_proyecto .card_proyecto_content .comuna {

    display: inline-block;

    font-size: 1rem;

    line-height: 1.219rem;

    font-weight: 700;

    background: #FF3B67;

    background: linear-gradient(to right, #FF3B67 0%, #FF590D 100%);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    margin-bottom: 10px;

}



.card_proyecto .card_proyecto_content h6 {

    font-family: "Montserrat", sans-serif;

    color: #101820;

    font-weight: 700;

    font-size: 1.25rem;

    line-height: 1.5rem;

    text-transform: math-auto;

}



.card_proyecto .card_proyecto_content h6 a {

    color: inherit;

    text-decoration: none;

}



.card_proyecto .card_proyecto_content .linea {

    background: linear-gradient(-90deg, rgba(255, 107, 0, 1) 0%, rgba(231, 42, 101, 1) 100%);

    display: block;

    width: 79px;

    height: 6px;

    margin-bottom: 10px;

}



.card_proyecto .card_proyecto_content p.item {

    margin-bottom: 10px;

}



.card_proyecto .card_proyecto_content p.item::before {

    display: inline-block;

    width: 20px;

    height: 20px;

    vertical-align: -0.125em;

    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23E72A65' fill-rule='evenodd' d='M8 12a4 4 0 1 0 0-8a4 4 0 0 0 0 8m2.61-4a2.61 2.61 0 1 1-5.22 0a2.61 2.61 0 0 1 5.22 0M8 5.246' clip-rule='evenodd'/%3E%3C/svg%3E");

    vertical-align: middle;

    margin-right: 10px;

}



.card_proyecto .card_proyecto_content .hr {

    width: 100%;

    height: 1px;

    background-color: #E6E6E6;

    margin: 10px 0;

}



.card_proyecto .card_proyecto_content p.percent {

    background: #FF3B67;

    background: linear-gradient(to right, #FF3B67 0%, #FF590D 100%);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    font-weight: 700;

    margin-bottom: 0;

}



.card_proyecto .card_proyecto_content p.percent::before {

    content: '';

    float: left;

    background-image: url('../../assets/img/arrow_02.png');

    background-repeat: no-repeat;

    background-size: contain;

    background-position: center;

    display: inline-block;

    width: 20px;

    height: 20px;

    vertical-align: -0.125em;

    margin-right: 10px;

}



.card_proyecto .card_proyecto_content p.location {

    line-height: 32px;

    margin-bottom: 10px;

}



.card_proyecto .card_proyecto_content p.location::before {

    content: '';

    float: left;

    background-image: url('../../assets/img/location.png');

    background-repeat: no-repeat;

    background-size: contain;

    background-position: center;

    display: inline-block;

    width: 30px;

    height: 28px;

    vertical-align: -0.125em;

    margin-right: 10px;

}



.card_proyecto .card_proyecto_content p.train {

        line-height: 32px;

    margin-bottom: 10px;

}



.card_proyecto .card_proyecto_content p.train::before {

    content: '';

    float: left;

    background-image: url('../img/Metro.png');

    background-repeat: no-repeat;

    background-size: contain;

    background-position: center;

    display: inline-block;

    width: 30px;

    height: 30px;

    vertical-align: -0.125em;

    margin-right: 10px;

}



.card_proyecto .card_proyecto_content .cta {

    padding: 10px 21px;

    margin-top: 14px;

}



.card_proyecto .card_proyecto_content .cta::after {

    display: none;

}



.card_proyecto.active {

    display: block;

}



.card_mapa_ubicacion {

    position: absolute;

    min-width: 214px;

    max-width: 214px;

    z-index: 5;

    pointer-events: none;

}



.card_mapa_ubicacion .card_mapa_ubicacion_inner {

    background-color: #fff;

    padding: 20px;

    box-shadow: 0px 2px 8px -4px rgba(0, 0, 0, 0.2);

    visibility: hidden;

}



.card_mapa_ubicacion .card_mapa_ubicacion_inner .comuna {

    display: inline-block;

    font-size: 1rem;

    line-height: 1.219rem;

    font-weight: 700;

    background: #FF3B67;

    background: linear-gradient(to right, #FF3B67 0%, #FF590D 100%);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    margin-bottom: 10px;

}



.card_mapa_ubicacion .card_mapa_ubicacion_inner h6 {

    font-family: "Montserrat", sans-serif;

    color: #101820;

    font-weight: 700;

    font-size: 1.25rem;

    line-height: 1.5rem;

    text-transform: math-auto;

}



.card_mapa_ubicacion .card_mapa_ubicacion_inner h6 .ancla {

    color: inherit;

    text-decoration: none;

}



.card_mapa_ubicacion .card_mapa_ubicacion_inner .linea {

    background: linear-gradient(-90deg, rgba(255, 107, 0, 1) 0%, rgba(231, 42, 101, 1) 100%);

    display: block;

    width: 79px;

    height: 6px;

    margin-bottom: 10px;

}



.card_mapa_ubicacion .card_mapa_ubicacion_inner .train {

    font-size: 0.813rem;

    line-height: 1.2;

    margin-bottom: 0;

}



.card_mapa_ubicacion .card_mapa_ubicacion_inner .train::before {

    content: '';

    float: left;

    background-image: url("../img/Metro.png");

    background-repeat: no-repeat;

    background-size: contain;

    background-position: center;

    display: inline-block;

    width: 30px;

    height: 30px;

    margin-right: 10px;

}



.card_mapa_ubicacion .card_map_inner .train span {

    padding-left: 43px;

    display: block;

}



.card_mapa_ubicacion .ubicacion {

    display: block;

    width: 24px;

    height: 31px;

    background-image: url('../../assets/img/ubicacion.png');

    background-repeat: no-repeat;

    background-size: contain;

    background-position: center;

    margin: auto;

    margin-top: 10px;

    pointer-events: all;

    cursor: pointer;

}



.card_mapa_ubicacion.active {

    z-index: 6;

}



.card_mapa_ubicacion.active .card_mapa_ubicacion_inner {

    visibility: visible;

}



.card_mapa_ubicacion.active .ubicacion {

    background-image: url('../../assets/img/ubicacion-activa.png');

}



.card_mapa_ubicacion.btnParentProyect_01 {

    top: 205px;

    left: 270px;

}



.card_mapa_ubicacion.btnParentProyect_02 {

    top: 65px;

    left: 198px;

}

.card_mapa_ubicacion.btnParentProyect_03 {

    right: 120px;

    bottom: 135px;

}

.card_mapa_ubicacion.btnParentProyect_04 {

    top: 160px;

    left: 100px;

}

.card_mapa_ubicacion.btnParentProyect_05 {

    right: 165px;

    bottom: 278px;

}

.card_mapa_ubicacion.btnParentProyect_06 {

    right: 98px;

    bottom: 135px;

}

.card_mapa_ubicacion.btnParentProyect_07 {

        right: 100px;

    bottom: 121px;

}

.card_mapa_ubicacion.btnParentProyect_08 {

    bottom: 155px;

    left: 180px;

}

.card_mapa_ubicacion.btnParentProyect_09 {

        right: 140px;

    bottom: 135px;

}



.controlsContainer {

    pointer-events: none;

}



.controlsContainer .controlSlider {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    z-index: 2;

    background-color: #fff;

    width: 58px;

    height: 58px;

    border-radius: 50%;

    display: flex;

    justify-content: center;

    align-items: center;

    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.25);

    -webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.25);

    -moz-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.25);

    border: 1px solid #fff;

    cursor: pointer;

    pointer-events: all;

}



.controlsContainer .controlSlider.prevBtn {

    left: 16px;

}



.controlsContainer .controlSlider.nextBtn {

    right: 16px;

}



.controlsContainer .controlSlider img {

    width: 24px;

}



.controlsContainer .controlSlider.prevBtn img {

    transform: rotate(180deg);

}



.tns-nav {

    margin-top: 24px;

    position: relative;

    left: 0;

    right: 0;

    gap: 10px;

    height: 100%;

    display: flex;

    justify-content: center;

    align-items: center;

}



.tns-nav button {

    width: 10px !important;

    height: 10px !important;

    background: #E6E6E6;

    border: 0;

    border-radius: 100%;

    padding: 0 !important;

}



.tns-nav button.tns-nav-active {

    background: linear-gradient(-90deg, rgba(255, 107, 0, 1) 0%, rgba(231, 42, 101, 1) 100%);

}



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

#   Asesoria

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

.seccion_asesoria {

    background-image: url('../../assets/img/asesoria.jpg');

    background-size: contain;

    background-repeat: no-repeat;

    background-position: right;

    background-color: #fff;

}



.box_asesoria {

    max-width: 800px;

    padding-right: 90px;

    padding-top: 90px;

    padding-bottom: 90px;

    background-color: #fff;

}



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

#   Modal

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

.modal {

    position: fixed;

    top: 0;

    left: 0;

    width: 100vw;

    height: 100vh;

    background: rgba(0, 0, 0, 0.8);

    display: flex;

    align-items: center;

    justify-content: center;

    visibility: hidden;

    opacity: 0;

    transition: opacity 0.3s ease, visibility 0.3s ease;

}



.modal .modal-content {

    position: relative;

    width: 100%;

    height: 100%;

    background: white;

}



.modal iframe {

    width: 100%;

    height: 100%;

}



.modal .modal-content .modal_mapa {

    width: 100%;

    height: 100%;

    object-fit: cover;

    object-position: center;

}



.modal .close {

    position: absolute;

    top: 67px;

    right: 8px;

    cursor: pointer;

    z-index: 10;

}



.modal_carrusel {

    position: absolute;

    right: 0;

    bottom: 0;

    left: 0;

    z-index: 5;

/*     visibility: hidden; */

}



.modal_carrusel .modal_carrusel_inner {

    padding-left: 12px;

    padding-bottom: 64px;

}



.iconUbicacion {

    display: block;

    width: 24px;

    height: 31px;

    background-image: url('../../assets/img/ubicacion.png');

    background-repeat: no-repeat;

    background-size: contain;

    background-position: center;

    pointer-events: all;

    cursor: pointer;

    position: absolute;

    z-index: 4;

}



.iconUbicacion.active {

    background-image: url('../../assets/img/ubicacion-activa.png');

}



.iconUbicacion.iconUbicacion_0 {

    top: 55%;

    right: 80px;

}



.iconUbicacion.iconUbicacion_1 {

    top: 41%;

    right: 160px;

}

.iconUbicacion.iconUbicacion_2 {

    right: 30px;

    bottom: 25%;

}

.iconUbicacion.iconUbicacion_3 {

    top: 51%;

    left: 130px;

}

.iconUbicacion.iconUbicacion_4 {

    right: 58px;

    bottom: 41%;

}

.iconUbicacion.iconUbicacion_5 {

    right: 20px;

    bottom: 25%;

}

.iconUbicacion.iconUbicacion_6 {

        right: 5px;

    bottom: 24%;

}

.iconUbicacion.iconUbicacion_7 {

    left: 220px;

    bottom: 28%;

}

.iconUbicacion.iconUbicacion_8 {

    right: 40px;

    bottom: 25%;

}



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

#   Comuna

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

.comuna-grid {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 20px;

}

.card-01 {

    position: relative;

    color: #fff;

    text-decoration: none;

    border-radius: 14px;

    overflow: hidden;

    display: block;

    transition: all .5s ease;

}

.card-01 .card-01_img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    transition: all .5s ease;

}

.card-01 .card-01_content {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    padding: 24px;

    display: grid;

    grid-template-columns: 1fr 79px;

    align-items: flex-end;

}

.card-01 .card-01_content p {

    font-family: 'karibu-bolduploaded_file';

    margin: 0;

    font-size: 2rem;

    line-height: 1;

}

.card-01 .card-01_content .card-01_btn {

    font-size: 1rem;

    background: linear-gradient(270deg, #FF590D 17.69%, #FF3B67 80.34%);

    color: white;

    border: none;

    padding: 9px 16px;

    border-radius: 50px;

    font-weight: 700;

    line-height: 1;

    width: 100%;

    height: 44px;

    transition: all .5s ease;

    display: flex;

    align-items: center;

    justify-content: center;

}



.card-01:hover .card-01_content .card-01_btn {

    background: linear-gradient(270deg, #FF6B00 17.69%, #FF6B00 80.34%);

}



.card-01:hover .card-01_img {

    transform: scale(1.1);

}



.pilares-grid { 

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    gap: 20px;

}



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

#   Pilares

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

.container-carrusel {

    padding-left: 12px;

}



.card-02 {

    background-color: #fff;

    box-shadow: 0px 2px 8px -4px rgba(0, 0, 0, 0.2);

    padding: 30px 20px;

    border-radius: 20px;

}

.card-02 .card-02_icon {

    margin-bottom: 0px;

}

.card-02 h5 {

    font-size: 1.5rem;

    text-transform: none;

    background: linear-gradient(-90deg, rgba(255, 107, 0, 1) 0%, rgba(231, 42, 101, 1) 100%);

    color: transparent;

    background-clip: text;

    -webkit-background-clip: text;

}

.card-02 p {

    line-height: 1.3;

}



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

#   Blog

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

.blog-grid {

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: 20px;

}



.blog-grid div:first-child {

    grid-column: 1/3;

}



.card-blog {

    background-color: #fff;

    border-radius: 20px;

    padding: 24px;

    box-shadow: 0px 2px 8px -4px rgba(0, 0, 0, 0.2);

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    align-items: flex-end;

}

.card-blog .card-blog_content {}

.card-blog .card-blog_content .card-blog-box_img {

    border-radius: 10px;

    overflow: hidden;

    margin-bottom: 20px;

}

.card-blog .card-blog_content .card-blog-box_img .card-blog_img {

    width: 100%;

    height: 188px;

    object-fit: cover;

    transition: all .5s ease;

}

.card-blog .card-blog_content .categoria {

    display: block;

    color: #E72A65;

    font-size: 1rem;

    line-height: 1;

    font-weight: 400;

    background-color: rgba(231, 42, 101, 0.1);

    border-radius: 8px;

    padding: 5px 10px;

    width: fit-content;

    margin-bottom: 16px;

}

.card-blog .card-blog_content h5 {

    font-family: "Montserrat", sans-serif;

    text-transform: none;

    font-weight: 700;

    font-size: 1.25rem;

    line-height: 1.2;

    color: #4A4F54;

}

.card-blog .card-blog_content h5 span {

    background: linear-gradient(-90deg, rgba(255, 107, 0, 1) 0%, rgba(231, 42, 101, 1) 100%);

    color: transparent;

    background-clip: text;

    -webkit-background-clip: text;

}

.card-blog .card-blog_content p {}

.card-blog .Btn {

    font-size: 1rem;

    background: linear-gradient(270deg, #FF590D 17.69%, #FF3B67 80.34%);

    color: white;

    border: none;

    padding: 9px 16px;

    border-radius: 50px;

    font-weight: 700;

    line-height: 1;

    width: 100%;

    height: 44px;

    max-width: 79px;

    transition: all .5s ease;

    display: flex;

    align-items: center;

    justify-content: center;

}



.card-blog:hover .card-blog_content .card-blog-box_img .card-blog_img {

    transform: scale(1.1);

}



.card-blog:hover .Btn {

    background: linear-gradient(270deg, #FF6B00 17.69%, #FF6B00 80.34%);

}



.seccion_proyectos {

    background-image: url("../../assets/img/black_patron.webp");

    background-size: cover;

    background-position: center;

    background-repeat: repeat-x;

}



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

#   Pagina Proyectos

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

.pagina_proyectos {

    padding: 190px 0 90px;

}



.proyectos-grid {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 20px;

}



.container-filtros {

    margin-bottom: 40px;

}



.filter-btn {

    display: inline-flex;

    align-items: center;

    gap: 4px;

    padding: 11px 12px;

    border: 2px solid #E6E6E6;

    border-radius: 8px;

    background-color: transparent;

    cursor: pointer;

    font-size: 1rem;

    font-weight: 400;

    color: #4A4A4A;

    transition: background 0.2s ease;

}



.filter-btn:hover {

    background-color: #E6E6E6;

}



.filter-btn .filter-icon,

.filter-btn .filter-arrow {

    display: flex;

    align-items: center;

}



.filter-btn .filter-text {

    white-space: nowrap;

}



.filter-btn .filter-arrow {

    margin-left: 20px;

}



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

#   404

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

.pagina_error {

    padding: 190px 0 90px;

}



.box-error {

    display: grid;

    grid-template-columns: 350px 1fr;

    align-items: center;

    gap: 60px;

    max-width: 800px;

    margin-right: auto;

    margin-left: auto;

}

.box-error .robot {}

.box-error .box-error_right {

    text-align: left;

}

.box-error .box-error_right .error_img {

        width: 350px;

    margin-bottom: 24px;

}

.box-error .box-error_right p {}

.box-error .box-error_right .cta-arrow {}



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

#   Modal filtros

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

.modal-filtros {

    position: fixed;

    inset: 0;

    background: rgb(74 79 84 / 50%);    

    transition: 0.3s ease;

    z-index: 1100;

    opacity: 0;

    visibility: hidden;

}

.modal-filtros.active {

    opacity: 1;

    visibility: visible;

}

.modal-filtros_inner {

    position: relative;

    width: 100%;

    height: 100%;

    display: flex;

    align-items: flex-start;

    justify-content: center;

    padding: 10px;

    overflow-y: scroll;

}

/* Modal flotante */

.filter-modal {

  background-color: #fff;

    width: 100%;

    max-width: 648px;

    border-radius: 40px;

    padding: 26px 86px 48px;

    transition: 0.3s ease;

    z-index: 1000;

    margin: auto;

}

/* Header del modal */

.filter-modal .filter-header {

  display: flex;

  justify-content: space-between;

  align-items: center;

  padding: 22px 20px;

    border-bottom: 1px solid #E6E6E6;

}

.filter-modal .filter-header h2 {

  font-family: "Montserrat", sans-serif;

    font-size: 1.25rem;

    margin: 0;

    color: #4A4F54;

    font-weight: 700;

    text-transform: none;

}

.filter-modal .close-btn {

  background: none;

  border: none;

  font-size: 16px;

  cursor: pointer;

      padding: 0;

}

/* Secciones */

.filter-modal .filter-section {

  padding: 20px 24px;

    border-bottom: 1px solid #E6E6E6;

}

.filter-modal .filter-section h3 {

  font-family: "Montserrat", sans-serif;

    color: #4A4F54;

    text-transform: none;

    font-size: 1rem;

    font-weight: 700;

    margin-bottom: 8px;

}

.filter-modal .filter-section label {

  display: block;

    padding: 10px 0;

    margin-bottom: 0;

    font-size: 1rem;

    color: #4A4F54;

    font-weight: 400;

}

.filter-modal input[type=range] {

    padding: 0;

    border: 0;

    background: transparent;

    border-radius: 0;

    color: inherit;

}

/* Slider */

.filter-modal .slider {

  width: 100%;

  accent-color: #FF4081; /* Color rosado */

}

.filter-modal .uf-values {

  display: flex;

  justify-content: space-between;

  margin-top: 20px;

}

.filter-modal .uf-values div {

  text-align: center;

}

.filter-modal .uf-values .small, 

.filter-modal .uf-values small {

    font-size: 1rem;

    line-height: 1;

    display: block;

    text-align: center;

    margin-bottom: 10px;

    color: #4A4F54;

}

.filter-modal .uf-values input {

  width: 118px;

    padding: 9px 20px;

    border: 1px solid #4A4F54;

    border-radius: 12px;

    font-size: 1rem;

    line-height: 1;

    color: #4A4F54;

}



/* Footer botones */

.filter-modal .filter-footer {

  display: flex;

  justify-content: space-between;

  margin-top: 20px;

}

.filter-modal .clear-btn {

  background: none;

    border: none;

    color: #4A4F54;

    cursor: pointer;

    font-size: 1rem;

    line-height: 1.188rem;

    font-weight: 700;

    padding: 0;

    display: flex;

    align-items: center;

    gap: 4px;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

}

.filter-modal .search-btn {

  background: linear-gradient(90deg, #FF4081, #FF7E00);

    border: none;

    color: white;

    padding: 10px 20px;

    border-radius: 50px;

    font-weight: 700;

    cursor: pointer;

    width: 280px;

    height: 56px;

    font-size: 1.25rem;

}



.filter-modal .search-btn:hover {

    background: linear-gradient(90deg, #ff590d, #ff590d);

}



.seccion_metodos .container-carrusel {

    max-width: 1160px;

    margin-right: auto;

    margin-left: auto;

    padding: 0 12px;

    position: relative;

}



.seccion_metodos .card-01 .card-01_img {

    height: 215px;

}



.control_slide {}

.control_slide li {

    width: 50px;

    height: 50px;

    border: 1px solid #FF590D;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    position: absolute;

    top: 43%;

    transform: translateY(-50%);

    z-index: 1;

    background-color: #fff;

    cursor: pointer;

}

.control_slide li.prev {

    left: -50px;

}

.control_slide li.prev svg {

    transform: rotate(180deg);

}

.control_slide li.next {

    right: -50px;

}



.card_video_imagen {

    position: relative;

    overflow: hidden;

    width: 100%;

}



.card_video_imagen a {

    display: block;

    position: relative;

}





.card_video_imagen a .play {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

}