@charset "UTF-8";



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

>>> TABLA DE CONTENIDO:

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

# Normalize

# Forms

# Links

# Transitions

# Utilities

# Header

# Panel Side Mobile

# Footer



#   Hero

#   Servicio

#   Requisito

#   Paso a paso

#   Proyectos

#   Asesoria

#   Preguntas

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

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

# 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;

}



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, 107, 0, 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 .5s ease;

}



/* .cta::after {

    content: '';

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

    background-repeat: no-repeat;

    background-size: 100% 100%;

    background-position: center;

    width: 18px;

    height: 19px;

    margin-left: 12px;

} */



.cta:hover{

    color: #fff;

    text-decoration: none;

}



.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: 30px;

}



.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: 23px 0;

}



.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: 0.875rem;

    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.2s ease-out 0s;

    -moz-transition: all 0.2s ease-out 0s;

    -o-transition: all 0.2s ease-out 0s;

    transition: all 0.2s ease-out 0s;

    padding: 10px 0;

}



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

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

    padding: 10px 20px;

    color: #fff;

    font-weight: 700;

    text-transform: uppercase;

    font-size: 1rem;

    border-radius: 50px;

}



.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.2s ease-out 0s;

    -moz-transition: all 0.2s ease-out 0s;

    -o-transition: all 0.2s ease-out 0s;

    transition: all 0.2s ease-out 0s;

    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;

}



.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;

}



.call-center {

    font-family: 'gill_sanslight';

    font-size: 1.8rem;

    line-height: 2rem;

}

.call-center .link {

    font-family: 'gill_sansbold';

    font-size: 1.8rem;

    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;

}



.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

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

.section_hero {

    background-image: url('../../assets/img/subsidio_hero.webp');

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    height: 600px;

    display: flex;

    align-items: center;

}



.section_hero .hero_content {}



.section_hero .hero_content .title {

    color: #fff;

    font-size: 3rem;

    line-height: 4rem;

    margin-bottom: 0;

}



.section_hero .hero_content .text {

    color: #fff;

    font-size: 1.25rem;

    line-height: 1.5rem;

    max-width: 700px;

    margin-bottom: 40px;

}



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

#   Servicio

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

.seccion_servicio {

    padding: 100px 0;

}



.seccion_servicio .box_content .text {

    font-size: 1.125rem;

    line-height: 1.5rem;

    max-width: 1045px;

    margin: auto;

}



.card_porque .icon {

    margin-bottom: 20px;

}



.card_porque h3 {

    background: #FF3B67;

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

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    font-size: 1.5rem;

    line-height: 2rem;

    text-transform: math-auto;

    margin-bottom: 16px;

    text-transform: uppercase;

}



.card_porque p {

    font-size: 1.125rem;

    line-height: 1.5rem;

}



.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%);

}



.datos_content {}



.datos_content .title {

    font-family: 'Karibu-Regular';

    font-size: 2.25rem;

    line-height: 2.25rem;

    text-transform: math-auto;

}



.datos_content .title .dest {

    font-family: 'karibu-bolduploaded_file';

    background: #FF3B67;

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

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

}



.card_datos {

    text-align: center;

    padding: 30px;

    border: 1px solid #4A4F54;

    border-radius: 14px;

}



.card_datos .dato_numero {

    background: #FF3B67;

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

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    font-size: 3rem;

    line-height: 3.375rem;

}



.dato_numero::after {

    content: '';

    display: inline-block;

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

    background-size: 100% 100%;

    background-size: contain;

    background-repeat: no-repeat;

    width: 25px;

    height: 36px;

    margin-left: 16px;

}



.card_datos .text {

    font-size: 1.125rem;

    line-height: 1.5rem;

    font-weight: 700;

}



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

#   Requisito

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

.list_check {}

.list_check li {

    display: flex;

    align-items: center;

    gap: 10px;

    margin-bottom: 16px;

}

.list_check li::before {

    content: url('../../assets/img/Ellipse-morado.svg');

    width: 16px;

    height: 16px;

    display: inline-block;

}

.list_check li .text {

    font-size: 1.125rem;

    margin-bottom: 0;

}



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

#   Proyectos

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

.seccion_proyectos {

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

    background-size: cover;

    background-position: center;

    background-repeat: repeat-x;

}



.box_filtros_proyectos {}

.box_filtros_proyectos > p {

    font-size: 1rem;

    font-weight: 700;

    line-height: 1.219rem;

    color: #4A4F54;

    margin-bottom: 10px;

}

.box_filtros_proyectos .filtro_proyectos {}

.box_filtros_proyectos .filtro_proyectos .btnFiltro {

    padding: 10px 10px;

    background-color: #E6E6E6;

    border: 0;

    color: #101820;

    font-size: 1rem;

    line-height: 1.5rem;

    border-radius: 6px;

    margin-right: 5px;

    transition: all .5s ease;

}

.box_filtros_proyectos .filtro_proyectos .btnFiltro::before {

    content: '';

    display: none;

    width: 1.5rem;

    height: 1.5rem;

    background-repeat: no-repeat;

    background-size: 100% 100%;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffffff' d='M18.3 5.71a.996.996 0 0 0-1.41 0L12 10.59L7.11 5.7A.996.996 0 1 0 5.7 7.11L10.59 12L5.7 16.89a.996.996 0 1 0 1.41 1.41L12 13.41l4.89 4.89a.996.996 0 1 0 1.41-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4'/%3E%3C/svg%3E");

    vertical-align: middle;

    margin-right: 8px;

}

.box_filtros_proyectos .filtro_proyectos .btnFiltro.active {

    background-color: #101820;

    color: #fff;

}

.box_filtros_proyectos .filtro_proyectos .btnFiltro.active::before {

    display: inline-block;

}



.grid_proyectos {

    display: grid;

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

    gap: 24px;

}



.card_depto {

    display: none;

    background-color: #fff;

    padding: 20px;

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

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

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

}



.card_depto .card_depto_imagen {

    position: relative;

}



.card_depto .card_depto_imagen .ancla {

    display: block;

}



.card_depto .card_depto_imagen .ancla .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_depto .card_depto_imagen .ancla .cartel .cartel_inner {}

.card_depto .card_depto_imagen .ancla .cartel.cartel_verde {

    background: #fff;

    width: auto;

}

.card_depto .card_depto_imagen .ancla .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_depto .card_depto_imagen .ancla .imagen {}



.card_depto .card_depto_content {

    padding-top: 30px;

}



.card_depto .card_depto_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_depto .card_depto_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_depto .card_depto_content h6 a {

    color: inherit;

    text-decoration: none;

}



.card_depto .card_depto_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_depto .card_depto_content p.item {

    margin-bottom: 10px;

}



.card_depto .card_depto_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_depto .card_depto_content .cta {

    padding: 10px 21px;

    margin-top: 14px;

}



.card_depto .card_depto_content .cta::after {

    display: none;

}



.seccion_proyectos .text_small {

    font-size: 0.813rem;

}



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

#   Preguntas

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

.seccion_preguntas {

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

    background-size: cover;

    background-position: center;

    background-repeat: repeat-x;

}



.box_preguntas {}



.accordion-item {

    background-color: transparent !important;

    padding: 20px;

    border: 0;

    border-bottom-width: 1px;

    border-style: solid;

    border-image: linear-gradient(to right, #ff6b00, #e72a65) 1;

    border-radius: 0;

}



.box_pregunta {

    position: relative;

    display: flex;

    align-items: center;

    width: 100%;

    color: #101820;

    font-size: 1.5rem;

    font-weight: 400;

    line-height: 1;

    text-decoration: none;

    text-align: left;

    background-color: transparent;

    padding: 0;

    border: 0;

    border-radius: 0;

    overflow-anchor: none;

    transition: color .15s ease-in-out;

    font-family: 'Karibu-Regular';

}



.box_pregunta:hover,

.box_pregunta:focus {

    color: #101820;

}



.box_pregunta::after {

    content: "";

    flex-shrink: 0;

    width: 32px;

    height: 32px;

    margin-left: auto;

    background-image: url("../../assets/img/plus.svg");

    background-repeat: no-repeat;

    background-size: 32px;

    transition: transform .2s ease-in-out;

}



.box_pregunta[aria-expanded="true"]::after {

    background-image: url("../../assets/img/less.svg");

}



.collapse_content {

    padding-top: 20px;

    color: #101820;

    font-size: 1.125rem;

    line-height: 1.5rem;

}



.collapse_content p {

    max-width: 950px;

}



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

#   Por Que

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

.seccion_porque {

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

    background-size: cover;

    background-position: center;

    background-repeat: repeat-x;

}



.seccion_porque .container-lg.container-items-desk {

    max-width: 1100px;

}



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

#   Pilares IA

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

.seccion_pilaresIa {}

.seccion_pilaresIa .box_content .text_large {

    background: #FF3B67;

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

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    font-family: 'karibu-bolduploaded_file';

    font-size: 2rem;

    line-height: 2.2rem;

}



.seccion_pilaresIa .box_content .text {

    font-size: 1.25rem;

    line-height: 1.5rem;

}



.seccion_pilaresIa .box_content .text .dest {

    background: #FF3B67;

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

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    font-weight: 700;

}



.seccion_pilaresIa .box_content .cta {

    padding: 10px 32px;

}



.terminos-y-condiciones {

    margin-top: 20px;

    font-size: 13px;

    line-height: 20px;  

    display: block;

}

.terminos-y-condiciones a {

    color: #FF590D;

    font-weight: 500;

    text-decoration: none;

}



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

#   SOCOVESA Proyecto

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

.seccion_socovesa {}

.seccion_socovesa::before {

    content: '';

    width: 480px;

    height: 550px;

    background-color: #F1F1F1;

    position: absolute;

    top: 50%;

    left: 0;

    z-index: -1;

    transform: translateY(-50%);

}

.seccion_socovesa::after {

    content: '';

    width: 90px;

    height: 550px;

    background-color: #F1F1F1;

    position: absolute;

    top: 50%;

    right: 0;

    z-index: -1;

    transform: translateY(-50%);

}

.seccion_socovesa .box_content {}

.seccion_socovesa .box_content .subTitle {

    color: #503078;

    margin-bottom: 16px;

}

.seccion_socovesa .box_content .title {

    color: #313444;

    font-size: 3rem;

    margin-bottom: 0;

}

.seccion_socovesa .box_content .text_large {

    color: #8D8D8D;

    font-family: 'karibu-extrabolduploaded_file';

    font-size: 1.3rem;

}

.seccion_socovesa .box_content .cta_img {

    display: flex;

    align-items: flex-end;

    justify-content: space-between;

}

.seccion_socovesa .box_content .cta_img .cta {

    border: 1px solid #5A2D81;

    background: transparent;

    color: #5A2D81;

}

.seccion_socovesa .box_content .cta_img .cta:hover {

    background-color: #5A2D81;

    color: #fff;

}

.seccion_socovesa .box_content .cta_img .socovesa-logo {}



.seccion_socovesa .img_shape::before {

    content: '';

    width: 350px;

    height: 415px;

    background-color: #C7C7C7;

    position: absolute;

    top: 36px;

    left: -15px;

    z-index: -1;

}



.seccion_socovesa .img_shape .cartel {

    position: absolute;

    top: 23px;

    left: 11px;

    display: inline-block;

    color: #fff;

    background: #503078;

    font-weight: 700;

    font-size: 1rem;

    line-height: 1;

    padding: 12px 20px;

    width: 220px;

    text-align: center;

    z-index: 1;

}



.controlsContainer {

    position: absolute;

    top: 50%;

    width: 100%;

    display: flex;

    justify-content: space-between;

    z-index: 1;

    pointer-events: none;

    padding: 0 12px 0 24px;

    transform: translateY(-50%);

}



.controlsContainer .controlSlider {

    background-color: #fff;

    width: 58px;

    height: 58px;

    border-radius: 50%;

    display: flex;

    justify-content: center;

    align-items: center;

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

    -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);

    border: 1px solid #fff;

    cursor: pointer;

    pointer-events: all;

}



.controlsContainer .controlSlider img {

    width: 24px;

}



.controlSlider.prevBtn img {

    transform: rotate(180deg);

}



.btn-flotante {

    position: fixed;

    right: 24px;

    bottom: 24px;

    z-index: 1500;

}



.destacado {

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

    display: block;

    color: white;

    text-align: center;

    font-size: 16px;

    padding: 5px;

    font-weight: 500;

}