@charset "UTF-8";



:root {

  --header-h: 80px;

}



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

>>> TABLA DE CONTENIDO:

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

# Normalize

# Links

# Transitions

# Utilities

# Header

# Panel Side Mobile

# Footer

# Animaciones



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

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

# Normalize

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

@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');



@font-face {

    font-family: 'albra_display_trialLttrial';

    src: url('../fonts/albradisplaytrial-light-webfont.woff2') format('woff2'),

         url('../fonts/albradisplaytrial-light-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Albra Display TRIAL Light It TRIAL';

    src: url('../fonts/AlbraDisplayTRIAL-LightItalic.woff2') format('woff2'),

        url('../fonts/AlbraDisplayTRIAL-LightItalic.woff') format('woff');

    font-weight: 300;

    font-style: italic;

    font-display: swap;

}



@font-face {

    font-family: 'albra_trialMdIttrial';

    src: url('../fonts/albratrial-medium-italic-webfont.woff2') format('woff2'),

         url('../fonts/albratrial-medium-italic-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}



html {

    font-size: 16px;

    overflow-x: hidden;

}



body {

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

    font-size: 16px;

    font-optical-sizing: auto;

    font-weight: 400;

    font-style: normal;

    background: #fff;

    color: #000000;

    position: relative;

}



p {

    font-weight: 400;

    font-size: 1.063rem;

    line-height: 1.5rem;

}



p:last-child {

    margin-bottom: 0;

}



ul {

    list-style: none;

    margin: 0;

    padding: 0;

}



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

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

}



h2 {

    font-size: 2.813rem;

    line-height: 3.125rem;

    font-weight: 300;

}



img {

    max-width: 100%;

    height: auto;

}



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

# Links

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

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

  color: #ffffff;

  text-decoration: none;

}



a:focus {

  outline: 0;

}



a:hover, a:active {

  outline: 0;

}

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

# Transitions

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

a, .Web-Header, .Web-Header.Sticky, .cta, img, .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 {

    display: block;

    position: relative;

    overflow: hidden;

}



#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-color: #DF0C19;

    border: 2px solid #DF0C19;

    padding: 2px 20px;

    color: #FFFFFF;

    text-align: center;

    text-decoration: none;

    font-size: 1rem;

    line-height: 1;

    font-weight: 500;

    letter-spacing: normal;

    border-radius: 50px;

    position: relative;

    transition: all .5s ease;

    max-width: fit-content;

    min-width: 180px;

    width: max-content;

    height: 42px;

    display: flex;

    align-items: center;

    justify-content: center;

}



.cta:hover {

    background-color: transparent;

    color: #fff;

    text-decoration: none;

}



.panel-overlay {

    position: fixed;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    right: 0;

    z-index: 1010;

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

    opacity: 0;

    visibility: hidden;

}



.panel-overlay.active {

    opacity: 1;

    visibility: visible;

}



.seccion {

    padding: 90px 0;

}



h2 .fontAlbra {

    font-family: 'albra_trialMdIttrial';

    font-size: 3.125rem;

    line-height: 3.875rem;

    font-weight: normal;

}



.px-4 {

    padding-right: 1.25rem !important;

    padding-left: 1.25rem !important;

}



.fontAlbraLightItalic {

    font-family: 'Albra Display TRIAL Light It TRIAL';

    font-size: 3.125rem;

}



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

# Header

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

.Web-Header {

        transition: all .3s ease-in-out;

    padding: 15px 0;

    background-color: #fff;

    position: relative;

}



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

    max-width: 100%;

    width: 100%;

    min-height: 1px;

}



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

    flex-grow: 0.3;

    align-items: center;

}



.header-row .col-header.col-header_center {

    display: none;

}



.header-row .col-header.col-header_left,

.header-row .col-header.col-header_right {

    -ms-flex-pack: center;

    flex-grow: 0.2;

}



.header-row .col-header.col-header_right {

    justify-content: flex-end;

    flex-grow: 0.8;

}



.header-logo .logo {

    width: 50px;

}



.header-redes {

    line-height: 0;

}



.header-redes > a {

    display: inline-block;

    margin-left: 10px;

}



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

    font-size: 0.875rem;

    list-style: none;

    margin: 0px 0px;

    padding: 0px 0px;

}



.main-navigation > ul > li {

    margin: 0px 10px;

    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: #4D4D4D;

    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;

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

}



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

    border-radius: 30px;

    padding: 7px 22px;

    background-color: #ffffff;

    margin-left: 20px;

}



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

/*    border-bottom: 2px solid #009fe3;*/

}



.main-navigation ul > li > a.active::after {

    content: '';

    position: absolute;

    left: 0;

    bottom: 38px;

    width: 100%;

    height: 1px;

    background-color: #009fe3;

}



.menu-burger {

    position: relative;

    width: 42px;

    height: 100%;

    max-height: 36px;

    flex-direction: column;

    align-items: center;

    justify-content: space-between;

    margin-left: 20px;

    cursor: pointer;

    border: 1px solid #757575;

    padding: 10px;

    border-radius: 6px;

    display: none;

}



.menu-burger > span {

    width: 100%;

    height: 1px;

    background-color: #757575;

    opacity: 1;

    transform: translateY(0) rotate(0);

    transition: all 0.3s;

}



.ic-facebook {

  display: inline-block;

  width: 20px;

  height: 20px;

  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='%23000000' d='M14 13.5h2.5l1-4H14v-2c0-1.03 0-2 2-2h1.5V2.14c-.326-.043-1.557-.14-2.857-.14C11.928 2 10 3.657 10 6.7v2.8H7v4h3V22h4z'/%3E%3C/svg%3E");

}



.ic-facebook_02::after {

  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 24 24'%3E%3Cpath fill='white' d='M14 13.5h2.5l1-4H14v-2c0-1.03 0-2 2-2h1.5V2.14c-.326-.043-1.557-.14-2.857-.14C11.928 2 10 3.657 10 6.7v2.8H7v4h3V22h4z'/%3E%3C/svg%3E");

}



.ic-twitter {

  display: inline-block;

  width: 20px;

  height: 20px;

  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='%23009fe3' fill-rule='evenodd' d='M15.022 3.343c.508-.087 1.077-.116 1.613-.025a4.85 4.85 0 0 1 2.54 1.273c.456.01.905-.08 1.302-.208a5.36 5.36 0 0 0 1.098-.501l.009-.006a.75.75 0 0 1 1.042 1.037c-.207.315-.496.877-.819 1.507l-.155.301c-.185.36-.375.724-.552 1.036c-.111.196-.23.395-.35.567v.274A12.34 12.34 0 0 1 8.287 21.03a12.32 12.32 0 0 1-6.694-1.97a.75.75 0 0 1 .5-1.375a7.471 7.471 0 0 0 4.033-.642a4.858 4.858 0 0 1-2.61-2.922a.75.75 0 0 1 .147-.722l.01-.01A4.848 4.848 0 0 1 2.05 9.793v-.052a.75.75 0 0 1 .553-.724A4.84 4.84 0 0 1 2.09 6.84a4.9 4.9 0 0 1 .65-2.442a.75.75 0 0 1 1.232-.1a10.89 10.89 0 0 0 7.006 3.93a4.85 4.85 0 0 1 2.562-4.406c.402-.214.934-.385 1.482-.479m-11.28 7.548a3.35 3.35 0 0 0 2.503 2.164a.75.75 0 0 1 .072 1.453c-.272.083-.551.14-.834.173a3.358 3.358 0 0 0 2.59 1.3a.75.75 0 0 1 .45 1.339a8.97 8.97 0 0 1-3.548 1.695a10.82 10.82 0 0 0 3.313.515h.009A10.838 10.838 0 0 0 19.25 8.607v-.535a.75.75 0 0 1 .186-.495c.07-.079.19-.261.36-.56c.16-.282.338-.622.523-.981l.033-.066a4.992 4.992 0 0 1-1.593.097a.75.75 0 0 1-.47-.237a3.35 3.35 0 0 0-1.904-1.032a3.42 3.42 0 0 0-1.11.025a3.605 3.605 0 0 0-1.028.323a3.35 3.35 0 0 0-1.678 3.74a.75.75 0 0 1-.767.925a12.39 12.39 0 0 1-8.149-3.627a3.41 3.41 0 0 0-.063.657v.002a3.34 3.34 0 0 0 1.486 2.785A.75.75 0 0 1 4.64 11a4.798 4.798 0 0 1-.897-.11' clip-rule='evenodd'/%3E%3C/svg%3E");

}



.ic-instagram {

  display: inline-block;

  width: 20px;

  height: 20px;

  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='%23009fe3' d='M7.8 2h8.4C19.4 2 22 4.6 22 7.8v8.4a5.8 5.8 0 0 1-5.8 5.8H7.8C4.6 22 2 19.4 2 16.2V7.8A5.8 5.8 0 0 1 7.8 2m-.2 2A3.6 3.6 0 0 0 4 7.6v8.8C4 18.39 5.61 20 7.6 20h8.8a3.6 3.6 0 0 0 3.6-3.6V7.6C20 5.61 18.39 4 16.4 4zm9.65 1.5a1.25 1.25 0 0 1 1.25 1.25A1.25 1.25 0 0 1 17.25 8A1.25 1.25 0 0 1 16 6.75a1.25 1.25 0 0 1 1.25-1.25M12 7a5 5 0 0 1 5 5a5 5 0 0 1-5 5a5 5 0 0 1-5-5a5 5 0 0 1 5-5m0 2a3 3 0 0 0-3 3a3 3 0 0 0 3 3a3 3 0 0 0 3-3a3 3 0 0 0-3-3'/%3E%3C/svg%3E");

}



.ic-x::after {

  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='white' d='M9.294 6.928L14.357 1h-1.2L8.762 6.147L5.25 1H1.2l5.31 7.784L1.2 15h1.2l4.642-5.436L10.751 15h4.05zM7.651 8.852l-.538-.775L2.832 1.91h1.843l3.454 4.977l.538.775l4.491 6.47h-1.843z'/%3E%3C/svg%3E");

}



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

    padding: 12px 0;

}



.Web-Header.Sticky .navigation-sticky {

    top: 0;

    opacity: 1;

}



.navigation-sticky .main-navigation ul > li > a.dest {

    background-color: #000;

    color: #fff;

}



.navigation-sticky .main-navigation .subMenu li a {

    padding: 0;

}



.main-navigation.main-navigation_mob > ul > li {

    margin: 0;

}



.main-navigation.main-navigation_mob > ul > li > a.dest {

    padding: 6px 16px;

    margin-left: 10px;

}



.header-style-2 .main-navigation ul > li > a.dest {

    border: 1px solid #000;

}



.col-header.col-header_right .main-navigation > ul > li {

    margin: 0px 10px;

}



.col-header.col-header_right .main-navigation > ul > li:last-child {

    margin-right: 0;

}



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

    color: #fff;

    border-radius: 0;

    font-size: 0.875rem;

    line-height: 1;

    background-color: #11202F;

    min-width: 115px;

    max-width: max-content;

    padding: 8px 24px;

    border: 1px solid #11202F;

    font-weight: 600;

    transition: all .5s ease;

    justify-content: center;

}



.main-navigation ul li:last-of-type a.cta_header {

    color: #fff;

    border: 1px solid #E52713;

    background-color: #E52713;

}



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

    border: 1px solid #11202F;

    background-color: transparent;

    color: #11202F;

}



.main-navigation ul li:last-of-type a.cta_header:hover {

    border: 1px solid #E52713;

    background-color: #fff;

    color: #E52713;

}



.navigation-sticky .header-logo .logo {

    width: 50px;

}



.navigation-sticky .menu-burger {

    border: 1px solid #000;

}



.navigation-sticky .menu-burger > span {

    background-color: #000;

}



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

# Panel Side Mobile

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

.side-panel {

    width: 50%;

    max-width: 100%;

    position: fixed;

    top: 0;

    bottom: 0;

    right: 0;

    background: #f0ece9;

    overflow-x: hidden;

    z-index: 1051;

    -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: 20px 13px 48px 48px;

}



.side-panel_head {

    padding: 0 0 13px;

/*    border-bottom: 1px solid #000;*/

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.side-panel_body {

    padding: 0 0;

}



.side-panel_body nav ul li {

    margin-bottom: 10px;

}



.side-panel_body nav ul li a {

    color: #363a3b;

    display: flex;

    justify-content: center;

    align-items: center;

    padding: 0px;

    background-color: #f0ece9;

    text-decoration: none;

}



.side-panel-redes {

    margin-top: 24px;

    line-height: 0;

}



.side-panel-redes > a {

    display: inline-block;

    padding: 10px;

    border-radius: 50%;

    background-color: #000;

}



.main-navigation .subMenu {

    width: 200px;

    position: absolute;

    top: 100%;

    left: -24px;

    z-index: 5;

    background-color: rgb(0 159 227 / 75%);

    padding: 24px;

    transition: all .5s ease;

    opacity: 0;

    visibility: hidden;

}



.main-navigation .subMenu li {

    margin-bottom: 0.5rem;

}



.main-navigation .subMenu li:last-child {

    margin-bottom: 0;

}



.main-navigation .subMenu li a {

    color: #fff;

    padding: 0;

    font-weight: 300;

    font-family: 'PP Editorial New Ultralight';

    text-transform: capitalize;

    font-size: 1.2rem;

    letter-spacing: 0.04em;

}



.dropdown:hover .subMenu {

    opacity: 1;

    visibility: visible;

}



.dropdown-menu {

    background-color: #009fe3;

    border: 0;

    width: 100%;

    padding: 10px;

}



.sidebar_ctas .cta_header {

    border-radius: 0;

    font-size: 0.875rem;

    line-height: 1;

    border: 1px solid #4D4D4D;

    background-color: transparent;

    color: #4D4D4D;

    min-width: 165px;

    max-width: max-content;

    padding: 8px 24px;

    font-weight: 600;

    transition: all .5s ease;

    display: flex;

    justify-content: center;

    text-decoration: none;

    margin: auto;

}



.sidebar_ctas .cta_header:last-of-type {

    border: 1px solid #E52713;

    background-color: #E52713;

    color: #fff;

}



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

# Footer

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

.Web-Footer {

    padding: 100px 0 40px;

    background-color: #1E1E1E;

    color: #fff;

}



.widget_footer_01 .title {

    line-height: 1;

    font-weight: 500;

    margin-bottom: 8px;

}



.widget_footer_01 .persona {

    font-size: 1.25rem;

    font-weight: 500;

}



.widget_footer a {

    color: #fff;

    text-decoration: none;

    font-weight: 300;

}



.footer_datos {

    margin-bottom: 2rem;

}



.footer_datos li {

    margin-bottom: 10px;

}



.footer_datos li a {

    font-size: 0.875rem;

    margin-left: 10px;

}



.footer_datos li p {

    font-size: 0.875rem;

    margin-left: 10px;

    font-weight: 300;

}



.list_horario i {

    margin-top: 5px;

}



.Web-Footer hr.hr {

    background-color: #b5a49e;

    margin: 100px 0 30px;

    opacity: 1;

}



.widget_footer .cta_footer {

    color: #E9E7E0;

    font-size: 0.875rem;

    font-weight: 600;

    background-color: #E40C21;

    border: 1px solid #E40C21;

    padding: 8px 24px;

    width: 300px;

    max-width: 260px;

    text-align: center;

    border-radius: 40px;

    letter-spacing: 0.05em;

}



.widget_footer .cta_footer:last-of-type {

    background-color: #E9E7E0;

    border: 1px solid #E9E7E0;

    color: #1E1E1E;

}



.cta_waze {

    display: flex;

    justify-content: center;

    color: #1E1E1E;

    font-size: 0.875rem;

    font-weight: 600;

    background-color: #E9E7E0;

    border: 1px solid #E9E7E0;

    padding: 8px 24px;

    width: 300px;

    max-width: 100%;

    text-align: center;

    border-radius: 40px;

    letter-spacing: 0.05em;

    text-decoration: none;

}



.cta_waze::before {

  display: inline-block;

    width: 1.5rem;

    height: 1.5rem;

    vertical-align: -0.525em;

  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%231E1E1E' d='M20.54 6.63c.69.94 1.15 2.04 1.35 3.19c.21 1.25.11 2.52-.31 3.72a7.35 7.35 0 0 1-2 3.06a9.1 9.1 0 0 1-2.26 1.58c.41 1.07-.13 2.27-1.2 2.68c-.24.09-.49.14-.74.14a2.08 2.08 0 0 1-2.07-2h-3.07c-.11 1.14-1.13 2-2.27 1.87c-1.06-.1-1.86-.98-1.88-2.04c.01-.19.04-.39.1-.57a8.37 8.37 0 0 1-4-2.85c-.33-.44-.23-1.07.23-1.41c.18-.14.4-.22.63-.22c.72 0 1-.25 1.17-.63c.24-.72.38-1.47.39-2.23c.03-.53.09-1.05.17-1.57A7.3 7.3 0 0 1 7.5 5c1.66-1.3 3.69-2 5.79-2c1.43 0 2.84.35 4.11 1a8.7 8.7 0 0 1 3.14 2.63m-3.82 10.68c1.78-.81 3.18-2.27 3.87-4.1c1.62-4.94-2.59-9.16-7.3-9.16c-.35 0-.71.02-1.06.07C9.36 4.5 6.4 6.5 5.81 9.5c-.38 2 .19 5.29-2.76 5.29C4 16 5.32 16.93 6.81 17.37c.85-.76 2.16-.68 2.93.18c.11.12.2.25.26.39h3.55c.52-1.02 1.78-1.44 2.8-.9c.15.08.25.17.37.27m-5.75-7c-.58.03-1.09-.41-1.12-1c-.03-.58.42-1.08 1-1.12c.58-.03 1.09.42 1.12 1.06a1 1 0 0 1-.97 1.04zm4.69 0c-.58.03-1.09-.41-1.12-1c-.04-.58.42-1.08 1-1.12c.58-.03 1.09.42 1.12 1.06c.02.55-.41 1.02-1 1.04zm-5.95 1.76c-.06-.28.13-.57.41-.62s.56.13.62.41a2.5 2.5 0 0 0 2.58 1.74c1.14.06 2.18-.64 2.57-1.72c.14-.26.46-.38.71-.23c.18.1.29.27.29.47c-.19.71-.63 1.33-1.23 1.76c-.69.48-1.5.75-2.34.76h-.11c-1.63.07-3.1-1-3.53-2.58z'/%3E%3C/svg%3E");

  margin-right: 10px;

}



.footer_copy .copy {

    color: #e8e4dd;

    font-weight: 300;

    font-size: 0.813rem;

    line-height: 1.25rem;

}



.footer_copy .copy a {

    color: #e8e4dd;

    font-weight: 300;

    text-decoration: none;

}



.footer_social a {

    color: #e8e4dd;

    font-size: 20px;

    margin-left: 20px;

    text-decoration: none;

}



.twitter::after {

  display: inline-block;

  width: 1.25rem;

  height: 1.25rem;

  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='%23e8e4dd' d='M9.294 6.928L14.357 1h-1.2L8.762 6.147L5.25 1H1.2l5.31 7.784L1.2 15h1.2l4.642-5.436L10.751 15h4.05zM7.651 8.852l-.538-.775L2.832 1.91h1.843l3.454 4.977l.538.775l4.491 6.47h-1.843z'/%3E%3C/svg%3E");

}



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

## Hero

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

.seccion_hero {

    position: relative;

}

.hero_video {

    position: relative;

    overflow: hidden;

}

.hero_video > div {

    min-height: calc(100vh - var(--header-h));

}

.hero_video video {

    position: absolute;

    inset: 0;

    width: 100%;

    height: 100%;

    object-fit: cover;

    pointer-events: none;



    z-index: 1;

    min-height: 100%;

    min-width: 100%;

    overflow: hidden;



    background-origin: padding-box;

    background-position-x: 0%;

    background-position-y: 0%;

    background-repeat: repeat;

    background-size: auto;

    background-attachment: scroll;

    background-clip: border-box;

    background-color: rgb(250, 250, 250);

    background-image: none;

}

.hero_video video {

    animation: 0.1s ease 0s 1 normal forwards running fadeInBackground;

}

@keyframes fadeInBackground {

    0% {

        background: transparent;

    }

    100% {

        background: rgb(250, 250, 250);

    }

}



.hero_contenido {

    position: absolute;

    inset: 0;

    z-index: 2;

    min-height: inherit;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: space-between;

    padding: 50px 20px;

    background: linear-gradient(180deg, rgba(61, 61, 61, 0) 0%, rgb(0 0 0 / 60%) 94.23%);

}

.seccion_hero .titulo-imagen {}

.seccion_hero p {

    font-size: 1.125rem;

    font-weight: 400;

    color: #fff;

    text-align: center;

}

.seccion_hero p::before {

    content: '';

    display: block;

    width: 20px;

    height: 20px;

    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='13' height='16' viewBox='0 0 13 16' fill='none'><path d='M6.5 0C4.77669 0.00189054 3.12453 0.664747 1.90596 1.84315C0.687402 3.02155 0.00195497 4.61927 0 6.28578C0 11.6644 5.90909 15.7266 6.16097 15.8966C6.26032 15.9639 6.37869 16 6.5 16C6.62131 16 6.73968 15.9639 6.83903 15.8966C7.09091 15.7266 13 11.6644 13 6.28578C12.998 4.61927 12.3126 3.02155 11.094 1.84315C9.87547 0.664747 8.22331 0.00189054 6.5 0ZM6.5 4.00004C6.96748 4.00004 7.42447 4.1341 7.81317 4.38526C8.20186 4.63642 8.50482 4.9934 8.68371 5.41106C8.86261 5.82873 8.90942 6.28831 8.81822 6.7317C8.72702 7.17509 8.5019 7.58237 8.17134 7.90204C7.84078 8.2217 7.41962 8.4394 6.96112 8.5276C6.50262 8.61579 6.02737 8.57053 5.59548 8.39752C5.16358 8.22452 4.79443 7.93155 4.53471 7.55567C4.27499 7.17978 4.13636 6.73785 4.13636 6.28578C4.13636 5.67956 4.38539 5.09818 4.82866 4.66952C5.27192 4.24086 5.87312 4.00004 6.5 4.00004Z' fill='white'/></svg>") no-repeat center;

    background-size: contain;

    margin: auto;

    margin-bottom: 12px;

}



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

## Modal Calendly

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

#modal-calendly {

    padding-right: 0 !important;

}



#modal-calendly .modal-fullscreen {

    width: 100%;

}



#modal-calendly .modal-body {

    overflow-y: visible;

}



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

##  AMPLITUD

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

.text_small {

    font-size: 1.125rem;

    line-height: 1.625rem;

}



.box_control {

    display: flex;

    align-items: center;

    gap: 14px;

}



.box_control li {

    cursor: pointer;

}



.box_control li.prev .icon-flecha {

    transform: rotate(-180deg);

}



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

##  VISITA

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

.seccion_visita {

    color: #EAE7E1;

    display: flex;

    min-height: 90vh;

    position: relative;

    width: 100%;

    backface-visibility: hidden;

    overflow: hidden;

}



.seccion_visita .pp-tableCell {

    display: table-cell;

    vertical-align: middle;

    width: 100%;

    height: 100%;

}



#videoVisita {

    position: absolute;

    z-index: 4;

    right: 0;

    bottom: 0;

    top: 0;

    right: 0;

    width: 100%;

    height: 100%;

    background-size: 100% 100%;

    background-color: black;

    background-image: /* our video */;

    background-position: center center;

    background-size: contain;

    object-fit: cover;

}



.seccion_visita .seccion_visita_content {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 5;

    background-color: rgb(0 0 0 / 40%);

    display: flex;

    align-items: flex-end;

    padding-bottom: 45px;

}



.seccion_visita .icon-shape {

    margin-bottom: 120px;

}



.seccion_visita p {

    font-size: 1.25rem;

    line-height: 1.563rem;

    margin-bottom: 24px;

}



.seccion_visita .textRefe {

    margin-bottom: 0;

    color: #fff;

    font-size: 0.75rem;

    margin-top: 155px;

} 



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

##  PLANTAS

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

.seccion_plantas {

    background-color: #F7F7F7;

}



.seccion_plantas .box_content > .title {

    font-size: 2.813rem;

    line-height: 3.125rem;

    color: #4D4D4D;

    margin-bottom: 40px;

}



.seccion_plantas .box_content > .title .fontAlbraLightItalic {

    font-family: 'Albra Display TRIAL Light It TRIAL';

    font-size: 3.125rem;

    color: #AEB7A8;

}



.seccion_plantas .box_content .text_large {

    color: #4D4D4D;

    font-size: 1.375rem;

    line-height: 1;

}



.plantas_hr {

    color: #3D3D3D;

    background-color: #3D3D3D;

    margin-top: 20px;

    margin-bottom: 20px;

}



.slider_detalles {

    padding-left: 64px;

}



.slider_detalles .title {

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

    font-size: 2.188rem;

    font-weight: 300;

    line-height: 2.75rem;

    color: #4D4D4D;

}



.slider_detalles .subTitle {

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

    color: #3d3d3d;

    font-size: 3.5rem;

    line-height: 1;

    font-weight: 100;

}



.slider_detalles .tipo {

    color: #4D4D4D;

    font-size: 1.125rem;

    line-height: 1;

    font-weight: 400;

    margin-top: 0;

    margin-bottom: 0;

}



.planta_tabla_detalles {

    /* margin-top: 32px;

    margin-bottom: 32px;

    border-top: 1px solid #3d3d3d;

    padding-top: 32px; */

}



.planta_tabla_detalles .text {

    color: #4D4D4D;

    font-weight: 400;

    font-size: 0.875rem;

    line-height: 1.125rem;

    min-height: 46px;

}



.tb_head {

    color: #AEB5AC;

    font-size: 1rem;

    line-height: 1rem;

    font-weight: 400;

    margin-bottom: 6px;

}



.tb_content {

    font-size: 1.625rem;

    line-height: 1;

    margin-bottom: 0;

    color: #4D4D4D;

}



.slider_detalles .precio {

    color: #AEB5AC;

    font-size: 1.125rem;

    line-height: 1rem;

    font-weight: 500;

}



.slider_detalles .precio_uf {

    font-size: 2.813rem;

    line-height: 3.25rem;

    text-transform: uppercase;

    color: #4D4D4D;

    font-weight: 200;

}



.slider_detalles .cta_cotiza {

    color: #FFFFFF;

    font-size: 1.125rem;

    font-weight: 600;

    line-height: 1;

    background-color: #AEB7A8;

    border: 2px solid #AEB7A8;

    border-radius: 30px;

    max-width: 100%;

    text-decoration: none;

    display: flex;

    width: 220px;

    height: 42px;

    justify-content: center;

    align-items: center;

    transition: all .5s ease;

    margin-left: auto;

}



.slider_detalles .cta_cotiza:hover {

    color: #717B6B;

    background-color: transparent;

}



.slider_detalles .aclaracion {

    font-size: 0.625rem;

    line-height: 1rem;

    font-weight: 400;

    color: #4D4D4D;

}



.box_btn_paginas {

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    max-width: 185px;

    margin-left: auto;

}



.box_btn_paginas .paginas {

    color: #4D4D4D;

    font-size: 1.125rem;

    line-height: 1;

    font-weight: 500;

    text-align: center;

}



.control_slide {

    display: flex;

    justify-content: flex-end;

    align-items: center;

    gap: 12px;

}



.control_slide li {

    border: 2px solid #AEB7A8;

    border-radius: 50%;

    width: 49px;

    height: 49px;

    display: flex;

    align-items: center;

    justify-content: center;

    cursor: pointer;

}



.control_slide li.prev svg {

    transform: rotate(180deg);

}



.wrapper_box_planta {

    max-width: 622px;

}



.wrapper_box_planta .lupa {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    cursor: pointer;

    display: flex;

    justify-content: flex-start;

    align-items: flex-start;

    z-index: 10;

    max-height: 531px;

    pointer-events: none;

}



.wrapper_planta > a {

    width: 100%;

    color: inherit;

    display: block;

}



.carrusel_planta_fotos .tns-item img {

    width: 100%;

    height: 622px;

    object-fit: cover;

}



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

## Zoom Imagen

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

.zoom {

    display:inline-block;

    position: relative;

}



.zoom:after {

    content:'';

    display:block; 

    width:533px; 

    height:533px; 

    position:absolute; 

    top:0;

    right:0;

    /* background:url(icon.png); */

}



.zoom img {

    display: block;

}



.zoom img::selection { background-color: transparent; }



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

## PopUp

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

.popup {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

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

  display: flex;

  justify-content: center;

  align-items: center;

  visibility: hidden;

  opacity: 0;

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

  z-index: 9999;

}



.popup.visible {

  visibility: visible;

  opacity: 1;

}



.popup-content {

  text-align: center;

  position: relative;

}



.popup-imagen {

    height: 80vh;

}



.close-btn {

    background-color: transparent;

    color: #fff;

    border: none;

    padding: 0px 0px;

    cursor: pointer;

    line-height: 1;

    width: 61px;

    height: 61px;

    position: absolute;

    top: 0;

    right: 0;

}



.indication {

    position: absolute;

    bottom: 24px;

    left: 24px;

    font-size: 1rem;

    font-weight: 700;

    line-height: 1;

    color: #C0C0C0;

}



@media (max-width: 575px) {

    .popup {

        background-color: #f8f8f8;

    }

    .popup-content {

        height: 100%;

        display: flex;

        align-items: center;

        justify-content: center;

    }

    .indication {

        left: 50%;

        transform: translateX(-50%);

    }

    .popup .popup-imagen {

        height: auto;

        width: 279px;

    }

    .popup .close-btn {

        top: 0;

        right: 0;

        width: 47px;

        height: 47px;

    }

    .wrapper_planta .lupa img {

        width: 47px;

    }

}



.tns-nav {

    display: flex;

    align-items: center;

    gap: 8px;

    justify-content: center;

    margin-top: 24px;

}



.tns-nav button {

    width: 8px !important;

    height: 8px !important;

    background-color: rgb(255 255 255 / 40%);

    border: 0px !important;

    border-radius: 100%;

    padding: 0 !important;

}



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

    background-color: rgb(255 255 255);

}



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

## Utilidades

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

.textRefe {

    font-size: 0.75rem;

    line-height: 1rem;

    color: #4D4D4D;

    font-weight: 400;

}



.wrapper-btns {

    display: grid;

    grid-template-columns: 1fr 201px;

    align-items: flex-end;

    margin-top: 60px;

}



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

##  CALIDAD

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

.seccion_calidad {

    color: #4D4D4DD4;

    background-color: #EDE9E7;

}



.seccion_calidad .icon-shape {

    margin-bottom: 120px;

} 



.seccion_calidad h2 {

    color: #AEB7A8;

}



.seccion_calidad h2 .fontAlbraLightItalic {

    color: #8A8175;

}



.seccion_calidad .box_content p {

    max-width: 510px;

}



.seccion_calidad .box_content .cta {

    background-color: #8A8175;

    border: 2px solid #8A8175;

}



.seccion_calidad .box_content .cta:hover {

    background-color: transparent;

    color: #8A8175;

    text-decoration: none;

}



.seccion_calidad .textRefe {

    color: #AEB7A8;

    max-width: 634px;

    margin-left: auto;

}



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

## Financiamiento

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

.seccion_financiamiento {

    background-color: #fff;

    color: #4D4D4D;

}



.seccion_financiamiento h2 .fontColor {

    color: #E40C21;

    font-weight: 600;

}



.seccion_financiamiento p {

    max-width: 500px;

}



.seccion_financiamiento .cta:hover {

    color: #DF0C19;

}



.carrusel_financiamiento_control {

    margin-top: 8px;

}



.carrusel_control  {

    display: flex;

    align-items: center;

    gap: 11px;

}



.carrusel_control li {

    transition: .3s all ease-in;

    cursor: pointer;

}



.carrusel_control li.prev svg {

    transform: rotate(180deg);

}



.seccion_financiamiento .carrusel_control li:hover {

    transform: scale(1.1);

}



.seccion_financiamiento .box-carrusel {

    margin-top: 90px;

}



.carrusel_financiamiento_02 .box-slide h6 {

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

    font-size: 1.125rem;

    font-weight: 700;

    line-height: 1rem;

    color: #E40C21;

}



.carrusel_financiamiento_02 .box-slide p {

    font-size: 1rem;

    line-height: 1.25rem;

    max-width: 485px;

    min-height: 120px;

}



.seccion_financiamiento .tns-nav button {

    background-color: rgb(77 77 77 / 40%);

}



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

    background-color: rgb(77 77 77);

}



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

## Proyecto

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

.seccion_proyecto {

    background-color: #11202F;

    color: #fff;

    position: relative;

    overflow: hidden;

}

.seccion_proyecto .shape {

    position: absolute;

    top: 0;

    left: 50%;

    transform: translateX(-50%);

    z-index: 1;

}

.seccion_proyecto .box_content {

    max-width: 588px;

    margin: auto;

    position: relative;

    z-index: 2;

}

.seccion_proyecto .icon-shape {

    margin-bottom: 80px;

}

.seccion_proyecto h2 {

    font-size: 2.5rem;

    color: #AEB7A8;

    margin-bottom: 13px;

}

.seccion_proyecto h2 .fontAlbraLightItalic {

    font-size: 2.813rem;

}

.seccion_proyecto h2 + p {

    color: #AEB7A8;

    font-size: 1.125rem;

    margin-bottom: 90px;

}

.seccion_proyecto .block_last p {

    color: #AEB7A8;

    font-weight: 600;

    margin-top: 90px;

    margin-bottom: 30px;

}

.seccion_proyecto .cta {

    margin: auto;

    background-color: #fff;

    border: 2px solid #fff;

    color: #11202F;

    font-weight: 600;

}

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

## Equilibrio

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

.seccion_equilibrio {

    color: #4D4D4DD4;

    background-color: #F7F7F7;

}

.seccion_equilibrio .icon-shape {

    margin-bottom: 65px;

} 

.seccion_equilibrio h2 {

    color: #AEB7A8;

}

.seccion_equilibrio h2 .fontAlbraLightItalic {

    color: #8A8175;

}

.seccion_equilibrio .box_content p {

    max-width: 510px;

}

.seccion_equilibrio .box_content .cta {

    background-color: #8A8175;

    border: 2px solid #8A8175;

}

.seccion_equilibrio .box_content .cta:hover {

    background-color: transparent;

    color: #8A8175;

    text-decoration: none;

}

.seccion_equilibrio .textRefe {

    color: #AEB7A8;

    max-width: 634px;

    margin-left: auto;

    text-align: center;

}

.carrusel_equilibrio .equi_item p {

    color: #6D6153;

    font-weight: 600;

    font-size: 1.25rem;

    line-height: 1;

    text-align: center;

}

.tns-nav.carrusel_equilibrio_nav {

    gap: 40px;

    margin-top: 0;

}

.tns-nav.carrusel_equilibrio_nav button {

    width: fit-content !important;

    height: fit-content !important;

    color: #CFCFCF;

    font-size: 1.125rem;

    line-height: 1.5rem;

    font-weight: 600;

    border-radius: 0 !important;

    background-color: transparent;

}

.tns-nav.carrusel_equilibrio_nav button span::before {

    content: '';

    display: inline-block;

    width: 9px;

    height: 14px;

    background-repeat: no-repeat;

    background-size: contain;

    background-position: center;

    background-image: url("data:image/svg+xml;utf8,<svg width='9' height='14' viewBox='0 0 9 14' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M0.707031 12.707L6.70703 6.70703L0.707032 0.707031' stroke='%23fff' stroke-width='2'/></svg>");

        margin-right: 9px;

        vertical-align: middle;

}

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

    color: #6D6153;

}

.tns-nav.carrusel_equilibrio_nav button.tns-nav-active span::before {

    background-image: url("data:image/svg+xml;utf8,<svg width='9' height='14' viewBox='0 0 9 14' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M0.707031 12.707L6.70703 6.70703L0.707032 0.707031' stroke='%236D6153' stroke-width='2'/></svg>");

}

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

## Tipologias

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

.seccion_tipologias {

    background-color: #AEB7A8;

    color: #fff;

}

.seccion_tipologias h2 {

    margin-bottom: 50px;

}

.seccion_tipologias h2 .fontAlbraLightItalic {

    color: #5A6567;

}

.tipologias_grid {

    display: grid;

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

    gap: 19px;

}

.tipo_item {}

.tipo_item .box_icon {

    width: 86px;

    height: 86px;

    margin: auto;

}

.tipo_item h3 {

    font-family: 'albra_display_trialLttrial';

    font-size: 1.563rem;

    line-height: 1;

    margin-bottom: 16px;

}

.tipo_item p {

    font-size: 1.125rem;

    line-height: 1.5rem;

}

.seccion_tipologias .cta {

    margin: auto;

    margin-top: 40px;

    background-color: #5A6567;

    border: 2px solid #5A6567;

}

.seccion_tipologias .tns-nav button {

    background-color: rgb(90 101 103 / 40%);

}

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

    background-color: #5A6567;

}



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

## Bienestar

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

.seccion_bienestar {

    background-color: #11202F;

    color: #fff

}



.seccion_bienestar .icon-shape {

    margin-bottom: 90px;

}



.seccion_bienestar h2 .fontAlbraLightItalic {

    color: #AEB7A8;

}



.seccion_bienestar p {

    max-width: 500px;

}



.seccion_bienestar .cta {

    background-color: #AEB7A8;

    border: 2px solid #AEB7A8;

}



.seccion_bienestar .cta:hover {

    background-color: transparent;

    color: #AEB7A8;

}



.seccion_bienestar .textRefe {

    color: #AEB7A8;

    max-width: 634px;

    text-align: right;

}



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

## Menu Flotante

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

/* --- CONTENEDOR PRINCIPAL --- */

.floating-menu-container {

    position: fixed;

    bottom: 25px;

    left: 25px; /* Desktop: Izquierda */

    display: flex;

    align-items: center;

    gap: 10px;

    background-color: rgba(255, 255, 255, 0.98);

    padding: 8px 12px;

    border-radius: 50px;

    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);

    z-index: 9999;

    transition: all 0.3s ease;

}



/* --- BOTONES --- */

.menu-item {

    display: flex;

    align-items: center;

    cursor: pointer;

    border: none;

    background: none;

    padding: 0;

    border-radius: 50px;

    text-decoration: none;

    overflow: hidden;

    transition: background-color 0.3s;

    -webkit-tap-highlight-color: transparent; /* Evita flash azul en móviles */

}



/* Iconos */

.menu-item img {

    width: 45px;

    height: 45px;

    display: block;

    flex-shrink: 0;

}



/* Etiquetas de texto */

.menu-item .label {

    max-width: 0;

    opacity: 0;

    white-space: nowrap;

    font-size: 15px;

    /* Grosor cambiado a Regular */

    font-weight: 400; 

    color: #555;

    transition: max-width 0.3s ease, 

                opacity 0.3s ease, 

                margin 0.3s ease;

    margin-left: 0;

}



/* --- COMPORTAMIENTO DESKTOP (HOVER) --- */

@media (min-width: 769px) {

    .menu-item:hover {

        background-color: #f5f5f5;

    }

    .menu-item:hover .label {

        max-width: 200px;

        opacity: 1;

        margin-left: 10px;

        margin-right: 15px;

    }

}



/* --- ESTADO ACTIVO (Para Mobile / Clic 1) --- */

.menu-item.is-active {

    background-color: #f5f5f5;

}

.menu-item.is-active .label {

    max-width: 200px;

    opacity: 1;

    margin-left: 10px;

    margin-right: 15px;

}



/* --- DISEÑO MOBILE --- */

@media (max-width: 768px) {

    .floating-menu-container {

        left: 50%;

        transform: translateX(-50%); /* Centrado en móviles */

        bottom: 20px;

        width: max-content;

        padding: 6px 10px;

    }



    .menu-item img {

        width: 42px;

        height: 42px;

    }

    

    .menu-item .label {

        font-size: 14px;

    }

}





span.img-ref {

    position: absolute;

    bottom: 0;

    z-index: 9;

    padding: 10px;

    color: #fff;

    font-size: 0.75rem;

}