/*!
Theme Name: Mila Wells Child
Theme URI: http://dsherpass.com
Author: Brian Raw
Author URI: http://instagram.com/brian.raw 
Description: Mila Wells Theme
* Template: milawells
Version: 1.0.0
*/ 


/*==================== GOOGLE FONTS ====================*/ 
    @font-face{
        font-family: 'Fraunces';
        src: url('/wp-content/themes/milawells-child/fonts/Fraunces_72pt-SemiBold.woff2') format('woff2'), 
             url('/wp-content/themes/milawells-child/fonts/Fraunces_72pt-SemiBold.woff') format('woff'); 
        font-weight: normal;
        font-style: normal;
        font-display:swap;
    }
     
    @font-face{
        font-family: 'Fraunces';
        src: url('/wp-content/themes/milawells-child/fonts/Fraunces_72pt-SemiBoldItalic.woff2') format('woff2'), 
             url('/wp-content/themes/milawells-child/fonts/Fraunces_72pt-SemiBoldItalic.woff') format('woff'); 
        font-weight: normal;
        font-style: italic;
        font-display:swap; 
    }
    
    @font-face{
        font-family: 'Avenir';
        src: url('/wp-content/themes/milawells-child/fonts/AvenirLTPro-Bold.woff') format('woff');  
        font-weight: normal;
        font-style: normal;
        font-display:swap;
    }



/* ------------------------- colors UPDATE -------------------------------------------------- */
:root {
    --color-button:hsl(30deg 60.8% 49.02%);
    --color-hover:  hsl(36.18deg 90.67% 70.59%);
    --color-bg: hsl(210deg 30.77% 9%);
    --color-c5:     hsl(201.82deg 26.83% 16.08%);  
    --color-mila:      #34495e;
}

/*==================== VARIABLES CSS ====================*/
:root {
    --menu-height: 86.71px; 

    /*========== Colors ==========*/
    /*  brand-color:    
            HEX: #57A4AA
            RGB: rgb(87, 164, 170)
            HSL: hsl(184.34, 32.81%, 50.39%)
            HSL: hsl(184, 33%, 50%)
    */
    --easeOut:      cubic-bezier(.77, 0, .175, 1);
    --easeOutBack:  cubic-bezier(.175, 0, .77, 1);
    --easeOutQuint: cubic-bezier(.23, 1, .32, 1);
    --customEase:   cubic-bezier(.19, 1, .22, 1);
    
    --hue-color: 210;
    /* HSL color mode */
    --first-color:          hsl(var(--hue-color), 69%, 61%);
    --first-color-second:   hsl(var(--hue-color), 69%, 61%);
    --first-color-alt:      hsl(var(--hue-color), 57%, 53%);
    --first-color-lighter:  hsl(var(--hue-color), 92%, 85%);
    --body-color:           var(--color-bg);
    --title-color:          hsl(var(--hue-color), 33%, 95%);
    --text-color:           hsl(var(--hue-color), 19%, 80%);
    /*--text-color-light:     hsl(var(--hue-color), 33%, 65%);*/  
    --text-color-light:     hsl(var(--hue-color),  3%, 44%);
    --input-color:          hsl(var(--hue-color), 70%, 96%);
    --white-color:          hsl(var(--hue-color), 70%, 100%);   
    --scroll-bar-color:     hsl(var(--hue-color), 33%, 90%);
    --scroll-thumb-color:   hsl(var(--hue-color), 33%, 80%);

    /*========== Font and typography ==========*/
    --body-font: 'Montserrat', sans-serif;
    --title-font: 'Avenir', sans-serif;
    --brand-font: 'Fraunces', serif;   

    /* .5rem = 8px, 1rem = 16px, 1.5rem = 24px ... */
    --big-font-size: 2rem;
    --h1-font-size: 1.5rem;
    --h2-font-size: 1.25rem;
    --h3-font-size: 1.25rem;
    --normal-font-size: .938rem;
    --small-font-size: .813rem;
    --smaller-font-size: .75rem;

    /*========== Font weight ==========*/
    --font-medium: 500;
    --font-semi-bold: 600;

    /*========== Margenes Bottom ==========*/
    /* .25rem = 4px, .5rem = 8px, .75rem = 12px ... */
    --mb-0-25: .25rem;
    --mb-0-5: .5rem;
    --mb-0-75: .75rem;
    --mb-1: 1rem;
    --mb-1-5: 1.5rem;
    --mb-2: 2rem;
    --mb-2-5: 2.5rem;
    --mb-3: 3rem;

    /*========== z index ==========*/
    --z-tooltip: 10;
    --z-fixed: 100;
    --z-modal: 1000;
}

/* Font size for large devices */
@media screen and (min-width: 968px) {
    :root {
        --big-font-size: 3rem;
        --h1-font-size: 2.25rem;
        --h2-font-size: 1.5rem;
        --h3-font-size: 1.25rem;
        --normal-font-size: 1rem;
        --small-font-size: .875rem;
        --smaller-font-size: .813rem;
    }
}

/*========== Variables Dark theme ==========*/
body.dark-theme {
    --first-color-second:   hsl(var(--hue-color), 30%, 8%);
    --title-color:          hsl(var(--hue-color), 8%, 8%);
    --text-color:           hsl(var(--hue-color), 8%, 75%);
    --input-color:          hsl(var(--hue-color), 29%, 16%);
    --body-color:           hsl(var(--hue-color), 28%, 12%);
    --container-color:      hsl(var(--hue-color), 29%, 16%);
    --scroll-bar-color:     hsl(var(--hue-color), 12%, 48%);
    --scroll-thumb-color:   hsl(var(--hue-color), 12%, 36%);
}

/*=============== BASE ===============*/
* {
	box-sizing:border-box;
	padding:0;
	margin:0;
}

::selection{
    background-color:var(--body-color);
    color:var(--color-button);
    border-radius:.5rem;
}

html {
	scroll-behavior: smooth;
}

@media screen and (min-width: 968px) {
    html {
        scrollbar-gutter: stable;
    }
}

body, body.page {
	margin: 0;
	font-family: var(--body-font);
    font-size: var(--normal-font-size); 
    /*background-color: var(--body-color);*/
    background-color:var(--color-bg);
    color: var(--text-color); 
}

body.show__menu,
body.modal-opened {
    overflow:hidden;
}

main {
    transition: transform .3s;
    /*margin-top: var(--menu-height);*/
} 

.header__empty main,
main.page__cart,
main.page__checkout,
.home main{
    margin-top:0;  
}

main.body__show-menu {

}

body.body__show-menu {
    overflow: hidden;
}

h1,h2, .h2 {
	color: var(--title-color);
    font-weight: var(--font-semi-bold);
    font-family: var(--brand-font);
}

.h2 {
    font-size:var(--h2-font-size);
}

ul {
	list-style: none;
	margin:0;
}

a {
	text-decoration: none;
}

img {
	max-width:100%;
	height:auto;
}

pre {
    background-color:var(--body-color);
}

.texarea__wrap { 
    padding: .75rem 1rem;
    border: 1px solid #eaeaea;
    border-radius: 0.5rem;
}


.textarea__label {
    font-size: var(--smaller-font-size);
    font-weight: 500;
}


.texarea__wrap:has(textarea:focus-visible) {
    outline: -webkit-focus-ring-color auto 1px;
}

.texarea__wrap:has(textarea:focus-visible) .textarea__label {
    color:var(--title-color);
}



textarea {
    resize:vertical;
    border: none;
    outline: none;
    padding: 0.25rem 0.5rem 0.5rem 0;
    font-size: var(--normal-font-size);
    font-family: var(--body-font);
    background-color: transparent;
}

figure {
    margin:0;
}

p, li {
    line-height:1.5;
}

strong {
    font-weight:500;
}

a,
a:visited {
	color: var(--title-color);
}

select::-ms-expand {
    display: none;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-position: calc(100% - 0.5rem) center;
    background-size: 0.875rem;
    background-repeat: no-repeat;
    padding: 0.5rem;
    padding-right: 2rem; /* Ajusta el espacio para la flecha */
    cursor: pointer;
    border-radius: 0.125rem;
}

select {
    background-image: url(https://rumis.pe/wp-content/themes/rumis-child/assets/chevron-down.svg);
}

video {
  outline: none;
  background-color:var(--body-color);
}
        
video::-webkit-media-controls {
  opacity: 0;
  visibility:hidden;
}
        
video[autoplay] {
  display: block;
  /*cursor:pointer;*/ 
}
        
ul.list__icon li,
.type__rock ul li,
.toggle__content ul li,
.workshop__target ul li {
    margin-left: 1.5rem; 
    list-style-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEyNS43NiAyMTguMDkiPjxkZWZzPjxzdHlsZT4uZHtmaWxsOiM3MDcwNzA7fTwvc3R5bGU+PC9kZWZzPjxnIGlkPSJhIi8+PGcgaWQ9ImIiPjxnIGlkPSJjIj48Zz48cGF0aCBjbGFzcz0iZCIgZD0iTTcwLjI5LDIxOC4wOWMtMTYuODYtNi43Mi0yNy4xOC0xNS45OC0zNC4wNy0yNy4yOS02LjA5LTEwLjAxLTEzLjk1LTE5LjU4LTIwLjg1LTI5LjQtMS4yMS0xLjcyLTIuNDUtMy43OC0yLjEtNS41Niw0Ljk4LTI1LjU2LDEwLjIyLTUxLjA5LDE1LjYyLTc3LjcyLDguNjYsNS4wMiwxNi4zOCw5LjQyLDIzLjg5LDEzLjk2LDEuMTIsLjY4LDEuNTcsMi4wMywxLjcyLDMuMTEsNS4zNyw0MC4zLDEwLjY3LDgwLjYsMTUuOTYsMTIwLjkxLC4wOCwuNi0uMSwxLjIyLS4xNywyWiIvPjxwYXRoIGNsYXNzPSJkIiBkPSJNMTI1LjQ4LDY4LjI3Yy0xNi4zNSw0Ny4xOC0zMi4zMyw5My4yNi00OC4zLDEzOS4zNGwtMS40OCwuMDJjLS42Mi00LjI1LTEuMjktOC41LTEuODYtMTIuNzUtNC4yOS0zMi4xNy04LjQ2LTY0LjM1LTEyLjk5LTk2LjUtLjU4LTQuMTQsMS4wOC02LjQsNi44OC04LjQ4LDE4LjktNi43NiwzNy40MS0xMy45Niw1Ny43NS0yMS42MloiLz48cGF0aCBjbGFzcz0iZCIgZD0iTTEyNS43Niw2My42OWMtMjEuNjgsOC4xNi00Mi44NywxNi4xNC02NS40NCwyNC42NCwuODYtMzAuMDEsMS43LTU5LjAxLDIuNTMtODguMDJsMS40OS0uM2MyMC4zNiwyMS4xMSw0MC43MSw0Mi4yMSw2MS40Miw2My42OVoiLz48cGF0aCBjbGFzcz0iZCIgZD0iTTI0Ljk1LDcwLjdjLTguNi00Ljk2LTE2LjQ0LTkuNDgtMjQuODItMTQuMzJDMTYuODIsMzkuNDMsMzMuMjksMjIuNjksNDkuNzcsNS45NmwxLjMyLC4zMWMtOC42LDIxLjIxLTE3LjIsNDIuNDItMjYuMTMsNjQuNDRaIi8+PHBhdGggY2xhc3M9ImQiIGQ9Ik01NS4wMywxMi4xNlY4Ni4xOGwtMi4xMywuNTljLTcuMDYtNC4wNS0xNC4yLTguMDUtMjEuMDktMTIuMjItLjk4LS41OS0xLjI3LTIuMTMtLjktMy4wNyw3LjkyLTE5LjcyLDE1Ljk5LTM5LjQxLDI0LjExLTU5LjMyWiIvPjxwYXRoIGNsYXNzPSJkIiBkPSJNMCw2Mi4yYzEuNTksLjQ0LDEuODYsLjQ3LDIuMDUsLjU3cTIxLjU0LDExLjQ3LDE3Ljg0LDI5LjIzYy0yLjk1LDE0LjM0LTUuNzksMjguNjktMTAuMzEsNDMuMDZDNi40MSwxMTAuOTIsMy4yMyw4Ni43OCwwLDYyLjJaIi8+PC9nPjwvZz48L2c+PC9zdmc+);
}



/******* Inputs Type Google *******/
#frm-contact .form__div,
#frm-claims .form__div,
#commentform .form__div {
    position:relative;
    height:3rem; 
}

#frm-contact .form__input,
#frm-claims .form__input,
#commentform .form__input {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border:1px solid #eaeaea;
    border-radius:.5rem;
    outline:none;
    padding:0 1rem;
    background:none;
    z-index:1;
    font-size: var(--normal-font-size);
    font-family: var(--body-font);
    color: var(--title-color); 
}

#frm-contact .form__label,
#frm-claims .form__label,
#commentform .form__label {
    position:absolute;
    left:1rem;
    top:1rem;
    padding:0 .25rem;
    background-color:#fff;
    -webkit-transition: all .25s cubic-bezier(.4,0,.2,1),opacity .15s cubic-bezier(.4,0,.2,1),background-color .15s cubic-bezier(.4,0,.2,1);
    transition: all .25s cubic-bezier(.4,0,.2,1),opacity .15s cubic-bezier(.4,0,.2,1),background-color .15s cubic-bezier(.4,0,.2,1);
    font-size:var(--normal-font-size);
    line-height: 1;
    z-index: 2;
    pointer-events: none;
}

#frm-contact .form__input:focus + .form__label,
#frm-claims .form__input:focus + .form__label,
#commentform .form__input:focus + .form__label {
    top:-0.35rem; 
    left:0.8rem;
    color:var(--title-color);
    font-size:var(--smaller-font-size);
    font-weight:500; 
    z-index:10;
    pointer-events: auto;
}

#frm-contact .form__input:not(:placeholder-shown).form__input:not(:focus) +  .form__label,
#frm-claims .form__input:not(:placeholder-shown).form__input:not(:focus) +  .form__label,
#commentform .form__input:not(:placeholder-shown).form__input:not(:focus) +  .form__label {
    top:-0.35rem;
    left:0.8rem;
    font-size:var(--smaller-font-size);
    font-weight:500;
    z-index:10;
}

#frm-contact .form__input:focus,
#frm-claims .form__input:focus,
#commentform .form__input:focus {
    outline: -webkit-focus-ring-color auto 1px; 
}

/*Form Terms + check verify*/
.form__terms {
    display: flex; 
    gap: 0.25rem;
}

.form__terms input {
    appearance: none;
    width:1rem;
    height:1rem;
    border:1px solid var(--text-color);
    border-radius:.25rem;
    display: flex; 
    align-items: center;
    justify-content: center;
    cursor:pointer;
    background-color:#fff;
    -webkit-transition: all .25s cubic-bezier(.4,0,.2,1),opacity .15s cubic-bezier(.4,0,.2,1),background-color .15s cubic-bezier(.4,0,.2,1);
    transition: all .25s cubic-bezier(.4,0,.2,1),opacity .15s cubic-bezier(.4,0,.2,1),background-color .15s cubic-bezier(.4,0,.2,1);
    margin-top: 0.25rem;
}

.form__terms input:checked {
    background-color:var(--first-color);
    border:1px solid var(--first-color);
}

.form__terms input:before {
    content:"✔";
    color:#fff;
    font-size:.75rem;
    opacity:0;
}

.form__terms input:checked:before {
    opacity:1;
}

.form__terms a {
    color: var(--text-color);
    text-decoration: underline;
    transition:.3s ease;
}

.form__terms a:hover {
    color: var(--title-color);
} 

.grecaptcha-badge {
    display: none!important;
    opacity: 0;
}

/******* Inputs Type Google *******/





/*========== SCROLL BAR ==========*/
::-webkit-scrollbar {
    width: 0.6rem;
    height: 0.5rem;
    background-color:var(--body-color);
    /*border-radius: .5rem;*/
}

::-webkit-scrollbar-thumb {
    background-color:var(--scroll-thumb-color);
    border-radius: .5rem;
}

::-webkit-scrollbar-thumb:hover {
    background-color:var(--text-color-light);
}

.nav__menu::-webkit-scrollbar {
    width:.25rem;
}

/*==================== LAYOUT ====================*/
.container {
	max-width: 1200px;
    margin-left: var(--mb-1-5);
    margin-right: var(--mb-1-5);
}

.section {
	padding: 2rem 0 4rem;
}

.section__header h2,
.section__title {
    font-size:var(--big-font-size);  
}

.section__alt {
    padding:4rem 0;
}

.grid,
.comment-respond,
.comment-form {
	display: grid;
    gap: 1.5rem;
}

.flex {
    display:flex;
    gap:1.5rem;
}

.flex-col {
    display:flex;
    flex-direction:column;
    gap:1.5rem;
}

.button, .button:visited,
input[type="button"], 
input[type="reset"], 
input[type="submit"] {
    color: var(--body-color);
    background-color: var(--title-color);
    padding: calc(1rem - 2px) 2rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
    transition: all .3s ease-in-out;
    border:2px solid var(--title-color);
    font-weight: var(--font-medium);
    user-select: none;
}

.button-alt, 
.button-alt:visited {
    color:var(--text-color);
    background:none; 
    padding:0;
    border:none;
    font-weight:bold;
    text-align:initial;
    font-family:var(--body-font);
    width:100%;
    font-size: var(--normal-font-size); 
}

.button__whith__icon {
    display: flex;
    align-items: center; 
    position: relative;
    justify-content: flex-end;
}

.button__whith__icon .button {
    padding-right: calc(2rem + 20px); 
}

.button__whith__icon .button__icon {
    position: absolute;
    fill: #fff;
    right: 1.5rem;
    pointer-events: none;
    transition: .3s ease;
}

.button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    color: var(--title-color);
    background-color: var(--body-color);
    border-color:var(--title-color);
}

.woocommerce-notices-wrapper .button,
.woocommerce-notices-wrapper .button:visited { 
    padding: 0;
    color: var(--title-color);
    background-color: transparent;
    width: fit-content;
    border: none;
    margin-bottom: 0.5rem;
}

.woocommerce-notices-wrapper .button:hover {
    text-decoration: underline;
}

/* For medium devices */
@media screen and (min-width: 568px) {

}

@media screen and (min-width: 767px) {
	.container {
		margin-left:auto;
		margin-right:auto; 
	}
	
    .container__full {
        width: 80%; 
        max-width: 960px;
        margin: auto;
    }
	
	body {
		margin:0;
		position:relative;
	}
	
	.section {
		padding: 6rem 0 2rem;
	}
	
	.section__alt {
        padding:4rem 0;
    } 
	
	.container {
        width: 80%;
        max-width: 1080px;
    }
}

/**/
.grid-item {
    padding: .5rem;
    position:relative;
}

.hero .grid-item {
    padding: 0; 
}

.grid-item .pin-btn,
.grid-item .pin-btn:visited {
    position:absolute;
    top:1.5rem;
    right:1.5rem; 
    opacity:0;
    transition:.3s ease;
    color:#fff;
    display:none; 
}

.grid-item .lightbox-item:hover+.pin-btn {
    opacity:.5; 
}

.grid-item:hover .pin-btn:hover {
    opacity:1;  
}

.grid-item img {
    display:block;
    width:100%;
}



@keyframes slideUp {
    0% {
        -webkit-transform: translate3d(0, 0%, 0) rotate(0.0001deg);
        -moz-transform: translate3d(0, 0%, 0) rotate(0.0001deg);
        transform: translate3d(0, 0%, 0) rotate(0.0001deg)
    }

    95% {
        -webkit-transform: translate3d(0, -65%, 0) rotate(0.0001deg);
        -moz-transform: translate3d(0, -65%, 0) rotate(0.0001deg);
        transform: translate3d(0, -65%, 0) rotate(0.0001deg);
        opacity: 1;
        filter: blur(0px)
    }

    97% {
        -webkit-transform: translate3d(0, -65%, 0) rotate(0.0001deg);
        -moz-transform: translate3d(0, -65%, 0) rotate(0.0001deg);
        transform: translate3d(0, -65%, 0) rotate(0.0001deg);
        opacity: 1;
        filter: blur(0px)
    }

    98% {
        opacity: .01;
        filter: blur(5px);
        -webkit-transform: translate3d(0, -65%, 0) rotate(0.0001deg);
        -moz-transform: translate3d(0, -65%, 0) rotate(0.0001deg);
        transform: translate3d(0, -65%, 0) rotate(0.0001deg)
    }

    99% {
        -webkit-transform: translate3d(0, 0%, 0) rotate(0.0001deg);
        -moz-transform: translate3d(0, 0%, 0) rotate(0.0001deg);
        transform: translate3d(0, 0%, 0) rotate(0.0001deg)
    }

    100% {
        opacity: 1;
        filter: blur(0px)
    }
}






.pswp .pswp__button--arrow .pswp__icn { 
    top: 50%; 
    margin-top: -14px;
    width: 28px;
    height: 28px;
    opacity: .6;
    stroke: #000;
    stroke-width: .1px;
}

.pswp__button.pswp__button--pinterest,
.pswp__button.pswp__button--pinterest:visited {
    display: grid;
    place-content: center;
    color: var(--white-color);
}

/*--------- hero ----------*/
.hero__section {
    /*opacity:0;*/
    height:100vh;
    position: relative; 
    overflow:hidden;
    animation: fadeIn 100ms ease-in-out 10ms;
    animation-fill-mode: forwards;  
}

.hero {
    animation: slideUp var(--duration) linear infinite;  
    animation-delay: 1s; 
}

.logo_hero {
    position:fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: grid;
    place-content: center;
    filter: contrast(0) brightness(100) drop-shadow(0 0 15px #fff) drop-shadow(0 0 5px #fff);
    filter: contrast(0) brightness(100) drop-shadow(0 0 15px #00000033) drop-shadow(0 0 5px #00000011);
    filter: contrast(0) brightness(100);
}

.logo_hero svg {
    width: 70vw;
    max-width: 70vw;
    min-width: 300px;
}


@media screen and (min-width: 767px) {
    .logo_hero svg {
        width: 80vw;
        max-width: 42.5vw;
        min-width:initial; 
    }
}

/************** MODAL ******************/
ul.embla__container {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: calc((100% / var(--count)) - ((var(--gap) * (var(--count) - 1)) / var(--count)));
    grid-column-gap: calc(var(--gap));
    grid-template-columns: initial;
    padding: 0;
}

.embla {
    position:relative;
    overflow: hidden; 
    height:100%;
}

.products.embla__container {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: calc((100% / var(--count)) - ((var(--gap) * (var(--count) - 1)) / var(--count)));
    grid-column-gap: calc(var(--gap)); 
    grid-template-columns: initial;
}

.embla__viewport {
    height: 100%;
}

.embla__config {
    --gap: 1rem;
    --count: 1.25;
}

.section__reviews-video .embla__config {
    --count:1.5;
}

@media (min-width: 450px) {
  .embla__config {
        --count: 3;
  }
}

@media (min-width: 767px) {
  .embla__config {
        --count: 6;
        --gap: 0rem;
         
  }
}

@media (min-width: 1155px) {
    .embla__config {
        --count: 6;
    }
}


/*Video Carousel Reviews*/
.videoReviews .embla {
    overflow:clip visible;
}

.videoReviews .embla__container {
    margin: 1.5rem;
}

.videoReviews .embla__viewport ul {
    max-width: 1200px;
    margin: 0 auto; 
}

.embla__config.videoReviews {
    --gap: 1rem;
    --count: 1.35;
}

.videoReviews .embla__viewport {
    margin:0 1.5rem;
}


@media (min-width: 480px) {
  .embla__config.videoReviews {
        --count: 2.5;
  }
} 

@media (min-width: 767px) {
  .embla__config.videoReviews {
        --count: 4;
        --gap: 0rem;
  }
}

@media (min-width: 1155px) {
    .embla__config.videoReviews {
        --count: 5;
    }
}

.t-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100dvh;
    overflow: hidden;
    z-index: 99;
    display: grid;
    place-content: end center;
    background-color: #0000003d;
    backdrop-filter: blur(8px);
    transition: .35s cubic-bezier(0.61,-0.01,0.27,1.55);
    opacity:0;
    pointer-events:none;
}

.t-modal.active {
    opacity:1;
    pointer-events:initial;
}

.t-modal--wrap { 
    margin: auto;
    display: block;
    background: var(--body-color);
    border: 1px solid transparent;
    border-bottom-width: 0;
    border-bottom-color: transparent;
    border-radius: 1.25rem 1.25rem 0 0;
    width: 100%;
    padding: .75rem .75rem 3rem .75rem;
    position: relative;
    overflow: auto;
    box-shadow: 0 0 #0000001a, 0 5px 10px #0000001a, 0 20px 20px #00000017;
    transition: .65s cubic-bezier(0.61,-0.01,0.27,1.55);
    transform: translateY(10%);
    max-height: 95dvh;
}

.t-modal--wrap::-webkit-scrollbar {
    width: 0rem;
    height: 0rem; 
}   

.active .t-modal--wrap {
    transform: translateY(0%); 
} 

.t-modal--content {
    display:none;
}

.t-modal--content.active {
    display:grid;
}

.t-modal--content img {
    aspect-ratio:1;
    object-fit:cover;
}

.t-modal--media {
    border-radius: .875rem;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.t-modal--media video,
.t-modal--media picture {
    aspect-ratio:1;
    object-fit: cover;
    width:100%;
    height:100%;
}

.t-modal--media video {
    position:relative;
}

.t-modal--media picture {
    position:absolute;
    top:0;
}

@media screen and (min-width: 767px) {
    .t-modal {
        place-content: center;
    }
    
    .t-modal--wrap { 
        border-radius: 1.25rem; 
        height: initial;
        overflow: hidden;
        padding: .75rem;
        border-bottom-width: 1px;
        border-bottom-color: transparent; 
    }
     
    .t-modal--wrap {
        max-width: 55rem;
        max-height:34rem;
    }
    .t-modal--content {
        /*grid-template-columns: 1fr 1fr;*/
    }
    
    .t-modal--content img {
        aspect-ratio:4/5;
    }
    
    .t-modal--media video,
    .t-modal--media picture { 
        aspect-ratio:4/5;
    }
} 

.t-modal--info {
    padding: 0 1.25rem;
    place-self: center stretch;
}

.t-modal--close {
    z-index: 3;
    border-radius: 5rem;
    background-color: #000;
    justify-content: center;
    align-items: center;
    width: 2rem; 
    height: 2rem;
    padding: .65rem;
    display: flex;
    position: absolute;
    inset: 1.875rem 1.25rem auto auto;
    cursor:pointer;  
}

.t-modal--wrap img {
    display:block; 
}

.overlay {
    pointer-events: none;
    position: absolute;
    inset: 0%;
    width:100%;
}

.play-button {
    z-index: 1;
    justify-content: center; 
    align-items: center;
    display: flex;
}

.play-button-icon {
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    color: var(--color--white);
    background-color: #fff3;
    border-radius: 100rem;
    justify-content: center;
    align-items: center;
    width: 3rem;
    height: 3rem;
    padding: 1rem;
    transition: transform .45s cubic-bezier(.175,.885,.32,1.275);
    display: flex;
    transform: scale(0);
}

.play-button-icon.active {
    transform: scale(1);
}

.svg-icon {
    width: 100%;
    height: 100%;
}

.sound-icon {
    z-index: 2;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 1.125rem 1.5rem 1.5rem 1.25rem;
    display: flex;
}

.sound-button-icon {
    pointer-events: auto;
    cursor: pointer;
    background-color: #f9fafb59;
    border-radius: 100rem;
    width: 2rem;
    height: 2rem;
    padding: .4rem;
} 

.sound-button-icon .play {
    display:none;
}
.sound-button-icon.muted .play{
    display:block;
}

.sound-button-icon.muted .mute{
    display:none;
}

.t-list {
    display:grid;
    grid-template-columns:repeat(6, 1fr); 
}

.t-card {
    aspect-ratio:3/4;
    transition: .35s cubic-bezier(0.61,-0.01,0.27,1.55);
    transform: rotate(var(--angle));
    box-shadow: 0 25px 16px #0000000d, 0 10px 10px #0000001a, 0 3px 6px #0000001a;
}

.t-card:hover {
    transform: scale(1.1);
    z-index:2; 
}

.t-card[data-card]:hover {
    transform: translateY(-10%) scale(1.05);
}

.slide__active.t-card .cover-img,
.t-card:hover .cover-img {
    opacity:0;
}

.slide__active.t-card .bg-video,
.t-card:hover .bg-video {
    opacity:1;
}

.t-card__inner {
    color: #ffffff;
    cursor: pointer;
    border-radius: .625rem;
    width: 100%;
    height: 100%;
    margin-left: 0;
    margin-right: 0;
    position: relative;
    overflow: hidden;
    border: 1px solid #eaeaea20;
}

.cover-img {
    border-radius: .75rem;
    width: 100%;
    max-width: none;
    height: 100%;
    transition: .35s ease;
    background-color:var(--body-color); 
}

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

.bg-video {
    z-index: 0;
    opacity: 0;
    object-fit: cover;
    border-radius: .75rem;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0%;
    transition: .35s ease;
}

.testimonial-card__info {
    z-index: 5;
    grid-column-gap: .75rem;
    grid-row-gap: .5rem;
    flex-flow: column;
    justify-content: flex-end;
    align-items: flex-start;
    padding: 2rem 3rem .75rem 1rem;
    display: flex;
    position: absolute;
    background-image: linear-gradient(#0000, #000000b3);
    height: 50%;
    bottom: 0;
}

.testimonial-card__data {
    font-size: var(--smaller-font-size);
    display: flex;
    gap: .25rem;
    opacity: .6;
} 

@media screen and (min-width: 480px) {
    .videoReviews .testimonial-card__info {
        display:none;
    }
}

.testimonial-card__title p { 
    margin-bottom:0;
    text-wrap: balance;
    font-weight: 600;
}

.testimonial-card__play {
    z-index: 2;
    position: absolute;
    bottom: .75rem;
    right: .75rem;
}

.play-button-wrap {
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    color: var(--color--white);
    background-color: #fff3;
    border-radius: 100rem;
    justify-content: center;
    align-items: center;
    width: 2.25rem; 
    height: 2.25rem;
    padding: .75rem;
    transition: transform .45s cubic-bezier(.175,.885,.32,1.275);
    display: flex;
}

.embla-thumbs__container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: .625rem;
}
.embla-thumbs__slide {
    border:1px solid transparent; 
    border-radius: 50%;
    transition: border .5s cubic-bezier(.165,.84,.44,1);
    background-color: transparent;
    touch-action: manipulation;
    display: grid;
    cursor: pointer;
    place-content:center;
    width: 2.5rem;
    aspect-ratio:1;
    overflow:hidden;
}

.embla-thumbs__slide--selected {
  border:1px solid #fff;
}

.embla-thumbs__slide img { 
    aspect-ratio:1; 
    object-fit:cover;
    display:block;
}


@media screen and (min-width: 767px) {
    .embla-thumbs {
        display:none; 
    }
}

/********************************/
.animated-link,
.animated-link:visited {
    /*padding: .5rem 1rem;*/
    padding: .75rem 2rem;
    position:relative;
    color: var(--body-color);
    width: fit-content;
    display: block;
    cursor:pointer;
    font-size: var(--smaller-font-size);
    font-weight: bold;
    user-select: none;
    white-space: nowrap;
    text-align:center;
    border-radius:1.5rem; 
}

.animated-link.small { 
    font-size: var(--smaller-font-size);
    font-weight: bold;
}

.animated-link:hover {
    color: var(--body-color);
}

.animated-link.featured,
.animated-link.featured:hover {
    color:var(--title-color); 
}

.animated-link .text-original span,
.animated-link .text-clone span {
    will-change: transform; 
    transition: transform 0.8s cubic-bezier(0.625, 0.05, 0, 1);  
    transition-delay: calc(0.00666667s * var(--index)); 
    display: inline-block;
}

.animated-link .text-original span {
    transform-origin: bottom;
}

.animated-link.full .text-clone {
    width:100%; 
}

.animated-link .text-clone span { 
    transform-origin: top;
    transform: translate(0, 100%);
} 

.animated-link:hover .text-original span {
    transform: translate(0, -100%);
}

.animated-link:hover .text-clone span {  
    transform: translate(0, -100%);
}

.text-wrap {
    overflow:clip;
    position:relative;
}

.text-clone {
    width:100%;
}

@media screen and (min-width: 767px) {
    .menu-item-has-children .animated-link {
        color:var(--body-color);  
    }
}

.animated-link:before { 
    content: "";
    position: absolute;
    inset: 0%;
    background-color: var(--title-color);
    transform: scale(1); 
    transition: transform 0.8s cubic-bezier(0.625, 0.05, 0, 1), background-color 0.2s ease-in-out; 
    border-radius:1.5rem;
    display:block;
}

.animated-link.outline {
    color:var(--title-color);
}

.animated-link.outline:before {
    outline:1px solid rgba(255,255,255,0.25); 
    background-color: transparent;
}

.animated-link.blur:before {
    color:var(--title-color);
    background-color: rgba(255,255,255,.15);
    backdrop-filter:blur(4px);
}


.animated-link.text,
.animated-link.text:visited {
    color:var(--title-color);
}

.animated-link.text:before {
    border:none;
    background-color: transparent;
}

.animated-link.text:hover {
    color:var(--title-color);
}

.animated-link.full {
    text-align:center; 
    width: 100%;
}

.animated-link:hover:before {
    transform: scale(0.95); 
}

.animated-link.main-action,
.animated-link.main-action:hover {
    color:var(--title-color); 
}

.animated-link.main-action:before {
    background-color: var(--color-button);
    box-shadow: 0 0 12px hsl(30deg 60.8% 49.02% / 50%);
}

/********************************/
.faqs__header {
    display: grid;
    align-content: center;
}

.section__faqs .faqs__header .faqs__header--title {
    font-size:var(--big-font-size);
    color: var(--title-color);
    margin:0;
    font-weight:bold;
}
.section__faqs .faqs__header .faqs__header--title h2 {
    margin-bottom:0;
    font-size: var(--big-font-size);
}


@media screen and (min-width: 767px) {
    .faq--wrap {
        grid-template-columns: 4fr 5fr;
        column-gap: 10%;
    }
    
    .section__faqs .faqs__header p {
        text-wrap-style: balance;
    }
}

/************ SIMPLE TOGGLE ************/
.toggle__list {
    display:grid;
    /*margin: 0 0 1.5rem 0;*/
    margin: 0 auto 1.5rem auto;
    padding: 0;
    align-content: start;
}

.toggle__header {
    padding: 1.25rem 0 1rem 0;
    font-weight:500;
    transition:color .3s ease, transition .3s ease;
    position:relative;
    align-items:center;
    cursor:pointer;
    color:var(--title-color); 
}

@media screen and (min-width: 767px) { 
    .toggle__header {
        padding: 1.5rem 0;
    }
}

.toggle__header h3 {
    font-weight: bold;
    line-height: 1.5;
}

.toggle__li:not(:last-child) {
    border-bottom: 1px solid  #1e2021;
}

.faq:hover .toggle__header, 
.faq:hover .arrow__faq {
    color:var(--title-color);
}

.toggle__content {
    display:grid;
    grid-template-rows:0fr;
    padding:0;
    overflow: hidden;
    transition: 0.4s cubic-bezier(0.625, 0.05, 0, 1);
}

.active .toggle__content {
    grid-template-rows:1fr;
}


.toggle__content--wrap {
    border-radius: 0.5rem;
    transition: all .3s ease;
    margin:0;
    opacity:0;
    transition: 0.4s cubic-bezier(0.625, 0.05, 0, 1);
    color: var(--text-color);
    overflow:hidden;
}

.toggle__content--inside {
    padding: 0 0 .5rem 3rem;
}

.toggle__content--wrap p {
    margin-bottom: .75rem;
}

.toggle__content a {
    text-decoration:underline;
    color:var(--title-color);
    word-break: break-word;
}

.toggle__content a:hover {
    color:var(--title-color);
}

.active .toggle__content--wrap {
    opacity:1;
}

.arrow__faq {
    display:grid;
    place-content:center;
    transition: transform .6s cubic-bezier(0.625, 0.05, 0, 1);
    width:1.5rem;
    height:1.5rem;
}

.active .arrow__faq {
    transform: rotate(315deg);
}

@media screen and (min-width: 767px) { 
    .toggle__list {
        max-width: 29.25rem;
    }
    
    .toggle__header h3,
    .toggle__content {
        text-wrap-style: balance;
    }
    
    .toggle__header h3 {
        font-size:var(--normal-font-size);
    }
    
}

/********************************/
.fflag {
    background-image:url(https://milawells.dsherpass.com/wp-content/themes/milawells-child/assets/flagSprite60.png); 
    background-repeat:no-repeat;
    background-size: 100% 49495%;
    display: inline-block;
    overflow: hidden;
    position: relative;
    vertical-align: middle;
    box-sizing: content-box;
    box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 0px 1px;
    border-radius: 2px;
    aspect-ratio: 7/5;
    width: 17px;
}

.fflag-CH,
.fflag-NP {box-shadow: none!important}
.fflag-DZ {background-position:center 0.2287%}
.fflag-AO {background-position:center 0.4524%}
.fflag-BJ {background-position:center 0.6721%}
.fflag-BW {background-position:center 0.8958%}
.fflag-BF {background-position:center 1.1162%}
.fflag-BI {background-position:center 1.3379%}
.fflag-CM {background-position:center 1.5589%}
.fflag-CV {background-position:center 1.7805%}
.fflag-CF {background-position:center 2.0047%}
.fflag-TD {background-position:center 2.2247%}
.fflag-CD {background-position:left 2.4467%}
.fflag-DJ {background-position:left 2.6674%}
.fflag-EG {background-position:center 2.8931%}
.fflag-GQ {background-position:center 3.1125%}
.fflag-ER {background-position:left 3.3325%}
.fflag-ET {background-position:center 3.5542%}
.fflag-GA {background-position:center 3.7759%}
.fflag-GM {background-position:center 4.0015%}
.fflag-GH {background-position:center 4.2229%}
.fflag-GN {background-position:center 4.441%}
.fflag-GW {background-position:left 4.66663%}
.fflag-CI {background-position:center 4.8844%}
.fflag-KE {background-position:center 5.1061%}
.fflag-LS {background-position:center 5.3298%}
.fflag-LR {background-position:left 5.5495%}
.fflag-LY {background-position:center 5.7712%}
.fflag-MG {background-position:center 5.994%}
.fflag-MW {background-position:center 6.2156%}
.fflag-ML {background-position:center 6.4363%}
.fflag-MR {background-position:center 6.658%}
.fflag-MU {background-position:center 6.8805%}
.fflag-YT {background-position:center 7.1038%}
.fflag-MA {background-position:center 7.3231%}
.fflag-MZ {background-position:left 7.5448%}
.fflag-NA {background-position:left 7.7661%}
.fflag-NE {background-position:center 7.98937%}
.fflag-NG {background-position:center 8.2099%}
.fflag-CG {background-position:center 8.4316%}
.fflag-RE {background-position:center 8.6533%}
.fflag-RW {background-position:right 8.875%}
.fflag-SH {background-position:center 9.0967%}
.fflag-ST {background-position:center 9.32237%}
.fflag-SN {background-position:center 9.5426%}
.fflag-SC {background-position:left 9.7628%}
.fflag-SL {background-position:center 9.9845%}
.fflag-SO {background-position:center 10.2052%}
.fflag-ZA {background-position:left 10.4269%}
.fflag-SS {background-position:left 10.6486%}
.fflag-SD {background-position:center 10.8703%}
.fflag-SR {background-position:center 11.0945%}
.fflag-SZ {background-position:center 11.3135%}
.fflag-TG {background-position:left 11.5354%}
.fflag-TN {background-position:center 11.7593%}
.fflag-UG {background-position:center 11.9799%}
.fflag-TZ {background-position:center 12.2005%}
.fflag-EH {background-position:center 12.4222%}
.fflag-YE {background-position:center 12.644%}
.fflag-ZM {background-position:center 12.8664%}
.fflag-ZW {background-position:left 13.0873%}
.fflag-AI {background-position:center 13.309%}
.fflag-AG {background-position:center 13.5307%}
.fflag-AR {background-position:center 13.7524%}
.fflag-AW {background-position:left 13.9741%}
.fflag-BS {background-position:left 14.1958%}
.fflag-BB {background-position:center 14.4175%}
.fflag-BQ {background-position:center 14.6415%}
.fflag-BZ {background-position:center 14.8609%}
.fflag-BM {background-position:center 15.0826%}
.fflag-BO {background-position:center 15.306%}
.fflag-VG {background-position:center 15.528%}
.fflag-BR {background-position:center 15.7496%}
.fflag-CA {background-position:center 15.9694%}
.fflag-KY {background-position:center 16.1911%}
.fflag-CL {background-position:left 16.4128%}
.fflag-CO {background-position:left 16.6345%}
.fflag-KM {background-position:center 16.8562%}
.fflag-CR {background-position:center 17.0779%}
.fflag-CU {background-position:left 17.2996%}
.fflag-CW {background-position:center 17.5213%}
.fflag-DM {background-position:center 17.743%}
.fflag-DO {background-position:center 17.968%}
.fflag-EC {background-position:center 18.1864%}
.fflag-SV {background-position:center 18.4081%}
.fflag-FK {background-position:center 18.6298%}
.fflag-GF {background-position:center 18.8515%}
.fflag-GL {background-position:left 19.0732%}
.fflag-GD {background-position:center 19.2987%}
.fflag-GP {background-position:center 19.518%}
.fflag-GT {background-position:center 19.7383%}
.fflag-GY {background-position:center 19.96%}
.fflag-HT {background-position:center 20.1817%}
.fflag-HN {background-position:center 20.4034%}
.fflag-JM {background-position:center 20.6241%}
.fflag-MQ {background-position:center 20.8468%}
.fflag-MX {background-position:center 21.0685%}
.fflag-MS {background-position:center 21.2902%}
.fflag-NI {background-position:center 21.5119%}
.fflag-PA {background-position:center 21.7336%}
.fflag-PY {background-position:center 21.9553%}
.fflag-PE {background-position:center 22.177%}
.fflag-PR {background-position:left 22.4002%}
.fflag-BL {background-position:center 22.6204%}
.fflag-KN {background-position:center 22.8421%}
.fflag-LC {background-position:center 23.0638%}
.fflag-PM {background-position:center 23.2855%}
.fflag-VC {background-position:center 23.5072%}
.fflag-SX {background-position:left 23.732%}
.fflag-TT {background-position:center 23.9506%}
.fflag-TC {background-position:center 24.1723%}
.fflag-US {background-position:center 24.392%}
.fflag-VI {background-position:center 24.6157%}
.fflag-UY {background-position:left 24.8374%}
.fflag-VE {background-position:center 25.0591%}
.fflag-AB {background-position:center 25.279%}
.fflag-AF {background-position:center 25.5025%}
.fflag-AZ {background-position:center 25.7242%}
.fflag-BD {background-position:center 25.9459%}
.fflag-BT {background-position:center 26.1676%}
.fflag-BN {background-position:center 26.3885%}
.fflag-KH {background-position:center 26.611%}
.fflag-CN {background-position:left 26.8327%}
.fflag-GE {background-position:center 27.0544%}
.fflag-HK {background-position:center 27.2761%}
.fflag-IN {background-position:center 27.4978%}
.fflag-ID {background-position:center 27.7195%}
.fflag-JP {background-position:center 27.9412%}
.fflag-KZ {background-position:center 28.1615%}
.fflag-LA {background-position:center 28.3846%}
.fflag-MO {background-position:center 28.6063%}
.fflag-MY {background-position:center 28.829%}
.fflag-MV {background-position:center 29.0497%}
.fflag-MN {background-position:left 29.2714%}
.fflag-MM {background-position:center 29.4931%}
.fflag-NP {background-position:left 29.7148%}
.fflag-KP {background-position:left 29.9365%}
.fflag-MP {background-position:center 30.1582%}
.fflag-PW {background-position:center 30.3799%}
.fflag-PG {background-position:center 30.6016%}
.fflag-PH {background-position:left 30.8233%}
.fflag-SG {background-position:left 31.045%}
.fflag-KR {background-position:center 31.2667%}
.fflag-LK {background-position:right 31.4884%}
.fflag-TW {background-position:left 31.7101%}
.fflag-TJ {background-position:center 31.9318%}
.fflag-TH {background-position:center 32.1535%}
.fflag-TL {background-position:left 32.3752%}
.fflag-TM {background-position:center 32.5969%}
.fflag-VN {background-position:center 32.8186%}
.fflag-AX {background-position:center 33.0403%}
.fflag-AL {background-position:center 33.25975%}
.fflag-AD {background-position:center 33.4837%}
.fflag-AM {background-position:center 33.7054%}
.fflag-AT {background-position:center 33.9271%}
.fflag-BY {background-position:left 34.1488%}
.fflag-BE {background-position:center 34.3705%}
.fflag-BA {background-position:center 34.5922%}
.fflag-BG {background-position:center 34.8139%}
.fflag-HR {background-position:center 35.0356%}
.fflag-CY {background-position:center 35.2555%}
.fflag-CZ {background-position:left 35.479%}
.fflag-DK {background-position:center 35.7007%}
.fflag-EE {background-position:center 35.9224%}
.fflag-FO {background-position:center 36.1441%}
.fflag-FI {background-position:center 36.3658%}
.fflag-FR {background-position:center 36.5875%}
.fflag-DE {background-position:center 36.8092%}
.fflag-GI {background-position:center 37.0309%}
.fflag-GR {background-position:left 37.2526%}
.fflag-GG {background-position:center 37.4743%}
.fflag-HU {background-position:center 37.696%}
.fflag-IS {background-position:center 37.9177%}
.fflag-IE {background-position:center 38.1394%}
.fflag-IM {background-position:center 38.3611%}
.fflag-IT {background-position:center 38.5828%}
.fflag-JE {background-position:center 38.8045%}
.fflag-XK {background-position:center 39.0262%}
.fflag-LV {background-position:center 39.2479%}
.fflag-LI {background-position:left 39.4696%}
.fflag-LT {background-position:center 39.6913%}
.fflag-LU {background-position:center 39.913%}
.fflag-MT {background-position:left 40.1347%}
.fflag-MD {background-position:center 40.3564%}
.fflag-MC {background-position:center 40.5781%}
.fflag-ME {background-position:center 40.7998%}
.fflag-NL {background-position:center 41.0215%}
.fflag-MK {background-position:center 41.2432%}
.fflag-NO {background-position:center 41.4649%}
.fflag-PL {background-position:center 41.6866%}
.fflag-PT {background-position:center 41.9083%}
.fflag-RO {background-position:center 42.13%}
.fflag-RU {background-position:center 42.3517%}
.fflag-SM {background-position:center 42.5734%}
.fflag-RS {background-position:center 42.7951%}
.fflag-SK {background-position:center 43.0168%}
.fflag-SI {background-position:center 43.2385%}
.fflag-ES {background-position:left 43.4602%}
.fflag-SE {background-position:center 43.6819%}
.fflag-CH {background-position:center 43.9036%}
.fflag-TR {background-position:center 44.1253%}
.fflag-UA {background-position:center 44.347%}
.fflag-GB {background-position:center 44.5687%}
.fflag-VA {background-position:right 44.7904%}
.fflag-BH {background-position:center 45.0121%}
.fflag-IR {background-position:center 45.2338%}
.fflag-IQ {background-position:center 45.4555%}
.fflag-IL {background-position:center 45.6772%}
.fflag-KW {background-position:left 45.897%}
.fflag-JO {background-position:left 46.1206%}
.fflag-KG {background-position:center 46.3423%}
.fflag-LB {background-position:center 46.561%}
.fflag-OM {background-position:left 46.7857%}
.fflag-PK {background-position:center 47.0074%}
.fflag-PS {background-position:center 47.2291%}
.fflag-QA {background-position:center 47.4508%}
.fflag-SA {background-position:center 47.6725%}
.fflag-SY {background-position:center 47.8942%}
.fflag-AE {background-position:center 48.1159%}
.fflag-UZ {background-position:left 48.3376%}
.fflag-AS {background-position:right 48.5593%}
.fflag-AU {background-position:center 48.781%}
.fflag-CX {background-position:center 49.002%}
.fflag-CC {background-position:center 49.2244%}
.fflag-CK {background-position:center 49.4445%}
.fflag-FJ {background-position:center 49.6678%}
.fflag-PF {background-position:center 49.8895%}
.fflag-GU {background-position:center 50.1112%}
.fflag-KI {background-position:center 50.3329%}
.fflag-MH {background-position:left 50.5546%}
.fflag-FM {background-position:center 50.7763%}
.fflag-NC {background-position:center 50.998%}
.fflag-NZ {background-position:center 51.2197%}
.fflag-NR {background-position:left 51.4414%}
.fflag-NU {background-position:center 51.6631%}
.fflag-NF {background-position:center 51.8848%}
.fflag-WS {background-position:left 52.1065%}
.fflag-SB {background-position:left 52.3282%}
.fflag-TK {background-position:center 52.5499%}
.fflag-TO {background-position:left 52.7716%}
.fflag-TV {background-position:center 52.9933%}
.fflag-VU {background-position:left 53.215%}
.fflag-WF {background-position:center 53.4385%}
.fflag-AQ {background-position:center 53.6584%}
.fflag-EU {background-position:center 53.875%}
.fflag-JR {background-position:center 54.099%}
.fflag-OLY {background-position:center 54.32%}
.fflag-UN {background-position:center 54.54%}


/*******************/
.embla__button { 
    position: absolute;  
    top: 50%;
    transform:translateY(-50%);
    width: calc((100% / var(--count)) - ((var(--gap)*(var(--count) - 1)) / var(--count))); 
    display: grid;
    align-content: center;
    pointer-events: none;
}

.embla__button.btn__prev {left:0;justify-content: start;}
.embla__button.btn__next {right:0;justify-content: end;}

.embla__button.btn__prev button,
.embla__button.btn__next button {
    transition: 0.4s cubic-bezier(.75, 0, .25, 1);
}

.embla__button.btn__prev button {transform-origin:left;}
.embla__button.btn__next button {transform-origin:right;}


.embla__button.btn__prev button[disabled],
.embla__button.btn__next button[disabled] {
    scale:0;
    pointer-events: none;
    visibility: hidden;
}

.embla__button button {
    cursor: pointer;
    pointer-events: auto;
    width: 2.25rem;
    aspect-ratio: 1;
    display: grid; 
    place-content: center;
    transition: .3s ease;
    background-color: transparent;
    padding: 0;
    cursor: pointer;
    color: var(--title-color);
    transition: .3s ease;
    border:none;
}

.embla__button button:hover {
    color: var(--title-color);  
} 

.section__faqs--wrap {
    display:grid;
    gap:2.75rem; 
}

.section__faqs--wrap h2 { 
    font-size:var(--big-font-size);
}

@media screen and (min-width: 767px){
    .section__faqs--wrap {
        grid-template-columns: 1fr 1fr;
    }
    
    .section__faqs--wrap h2 {
        position: sticky; 
        top: 7.5rem;
        height: fit-content;
        margin-bottom: 7.5rem; 
    }
}


/***************************/
.review__from {
    display:flex;
    gap:.5rem;
    align-items: center;
}

.pop__body {
    color:#fff;
    font-size:var(--small-font-size);
}


.pop__header small {
    font-size: var(--smaller-font-size);
    font-weight: bold;
}


.pop__header .user a,
.pop__header .user a:hover {
    display: flex;
    gap: .5rem;
    opacity: .5;
    transition: .3s ease;
    width:fit-content;
}

.pop__header .user a:hover {
    color:var(--title-color);
    opacity:1;
}

.pop__header h2 {
    font-size:var(--h1-font-size); 
}

@media screen and (min-width: 767px) {
    .pop__body,
    .pop__footer {
        width:80%;
    }
    
    .pop__footer {
        margin-top:1.5rem;
    }
}


/*GSAP ANIMATIONS*/

:root { 
    /*Power1*/
    --hop: linear(
    0, 0.153 2.5%, 0.292 5.3%, 0.417 8.6%, 0.529 12.3%, 0.627 16.4%, 0.713 21%,
    0.787 26.1%, 0.852 31.8%, 0.903 37.2%, 0.936 41.8%, 0.959 46.8%, 0.976 52.5%,
    0.988 59.8%, 0.995 69.3%, 0.999 81.9%, 1
  );
    
    --power1-in: linear( 0, 0.0039, 0.0156, 0.0352, 0.0625, 0.0977, 0.1407, 0.1914, 0.2499, 0.3164, 0.3906 62.5%, 0.5625, 0.7656, 1 ); 
    --power1-out: linear( 0, 0.2342, 0.4374, 0.6093 37.49%, 0.6835, 0.7499, 0.8086, 0.8593, 0.9023, 0.9375, 0.9648, 0.9844, 0.9961, 1 ); 
    --power1-in-out: linear( 0, 0.0027, 0.0106 7.29%, 0.0425, 0.0957, 0.1701 29.16%, 0.2477, 0.3401 41.23%, 0.5982 55.18%, 0.7044 61.56%, 0.7987, 0.875 75%, 0.9297, 0.9687, 0.9922, 1 );
    
    /*Power2*/
    --power2-in: linear( 0, 0.0014 11.11%, 0.0071 19.24%, 0.0188 26.6%, 0.037 33.33%, 0.0634 39.87%, 0.0978 46.07%, 0.1407 52.02%, 0.1925 57.74%, 0.2559 63.49%, 0.3295 69.07%, 0.4135 74.5%, 0.5083 79.81%, 0.6141 85%, 0.7312 90.09%, 1 ); 
    --power2-out: linear( 0, 0.2688 9.91%, 0.3859 15%, 0.4917 20.19%, 0.5865 25.5%, 0.6705 30.93%, 0.7441 36.51%, 0.8075 42.26%, 0.8593 47.98%, 0.9022 53.93%, 0.9366 60.13%, 0.963 66.67%, 0.9812 73.4%, 0.9929 80.76%, 0.9986 88.89%, 1 ); 
    --power2-in-out: linear( 0, 0.0036 9.62%, 0.0185 16.66%, 0.0489 23.03%, 0.0962 28.86%, 0.1705 34.93%, 0.269 40.66%, 0.3867 45.89%, 0.5833 52.95%, 0.683 57.05%, 0.7829 62.14%, 0.8621 67.46%, 0.8991 70.68%, 0.9299 74.03%, 0.9545 77.52%, 0.9735 81.21%, 0.9865 85%, 0.9949 89.15%, 1 ); 
    --power3-in: linear( 0, 0.0039 25%, 0.0117 32.89%, 0.0248 39.68%, 0.0457 46.22%, 0.0743 52.21%, 0.1113 57.77%, 0.1575 63%, 0.218 68.33%, 0.2901 73.39%, 0.3745 78.23%, 0.4718 82.88%, 0.5827 87.37%, 0.7074 91.71%, 0.8462 95.91%, 1 ); 
    
    /*Power3*/
    --power3-out: linear( 0, 0.1538 4.09%, 0.2926 8.29%, 0.4173 12.63%, 0.5282 17.12%, 0.6255 21.77%, 0.7099 26.61%, 0.782 31.67%, 0.8425 37%, 0.8887 42.23%, 0.9257 47.79%, 0.9543 53.78%, 0.9752 60.32%, 0.9883 67.11%, 0.9961 75%, 1 ); 
    --power3-in-out: linear( 0, 0.0029 13.8%, 0.0184 21.9%, 0.0339 25.51%, 0.0551 28.81%, 0.0827 31.88%, 0.1168 34.76%, 0.1962 39.57%, 0.3005 44.02%, 0.4084 47.53%, 0.6242 53.45%, 0.7493 57.93%, 0.8495 62.97%, 0.8888 65.67%, 0.9213 68.51%, 0.9629 73.9%, 0.9876 80.16%, 0.998 87.5%, 1 ); 
    
    /*Power4*/
    --power4-in: linear( 0, 0.0024 29.91%, 0.008 38.03%, 0.0179 44.72%, 0.035 51.16%, 0.0595 56.88%, 0.0922 62.08%, 0.1338 66.88%, 0.1914 71.85%, 0.262 76.5%, 0.3461 80.88%, 0.4447 85.04%, 0.5587 89.01%, 0.689 92.82%, 0.8359 96.48%, 1 ); 
    --power4-out: linear( 0, 0.1641 3.52%, 0.311 7.18%, 0.4413 10.99%, 0.5553 14.96%, 0.6539 19.12%, 0.738 23.5%, 0.8086 28.15%, 0.8662 33.12%, 0.9078 37.92%, 0.9405 43.12%, 0.965 48.84%, 0.9821 55.28%, 0.992 61.97%, 0.9976 70.09%, 1 ); 
    --power4-in-out: linear( 0, 0.0012 14.95%, 0.0089 22.36%, 0.0297 28.43%, 0.0668 33.43%, 0.0979 36.08%, 0.1363 38.55%, 0.2373 43.07%, 0.3675 47.01%, 0.5984 52.15%, 0.7121 55.23%, 0.8192 59.21%, 0.898 63.62%, 0.9297 66.23%, 0.9546 69.06%, 0.9733 72.17%, 0.9864 75.67%, 0.9982 83.73%, 1 ); 
    
    /*Quad*/
    --quad-in: linear( 0, 0.0039, 0.0156, 0.0352, 0.0625, 0.0977, 0.1407, 0.1914, 0.2499, 0.3164, 0.3906 62.5%, 0.5625, 0.7656, 1 ); 
    --quad-out: linear( 0, 0.2342, 0.4374, 0.6093 37.49%, 0.6835, 0.7499, 0.8086, 0.8593, 0.9023, 0.9375, 0.9648, 0.9844, 0.9961, 1 ); 
    --quad-in-out: linear( 0, 0.0027, 0.0106 7.29%, 0.0425, 0.0957, 0.1701 29.16%, 0.2477, 0.3401 41.23%, 0.5982 55.18%, 0.7044 61.56%, 0.7987, 0.875 75%, 0.9297, 0.9687, 0.9922, 1 ); 
    
    /*Expo*/
    --expo-in: linear( 0, 0.0036 31.98%, 0.0097 40.98%, 0.02 48.31%, 0.0373 55.17%, 0.0617 61.16%, 0.0942 66.5%, 0.1354, 0.1918 76.12%, 0.2606 80.46%, 0.3431 84.42%, 0.4399 88.04%, 0.5529 91.38%, 0.6832 94.47%, 0.8315 97.33%, 1 ); 
    --expo-out: linear( 0, 0.1685 2.67%, 0.3168 5.53%, 0.4471 8.62%, 0.5601 11.96%, 0.6569 15.58%, 0.7394 19.54%, 0.8082 23.88%, 0.8646 28.68%, 0.9058 33.5%, 0.9383 38.84%, 0.9627 44.83%, 0.98 51.69%, 0.9903 59.02%, 0.9964 68.02%, 1 ); 
    --expo-in-out: linear( 0, 0.0018 15.99%, 0.01 24.16%, 0.0309 30.58%, 0.0471 33.25%, 0.0678 35.66%, 0.0981 38.21%, 0.1356 40.51%, 0.2348 44.49%, 0.3643 47.7%, 0.6011 51.64%, 0.7153 54.1%, 0.8211 57.49%, 0.8981 61.52%, 0.9293 64.05%, 0.9538 66.88%, 0.9723 70.08%, 0.9853 73.76%, 0.9975 82.54%, 1 ); 
    
    /*Circ*/
    --circ-in: linear( -0, 0.0048 9.8%, 0.0192 19.5%, 0.043 29.02%, 0.0761 38.26%, 0.1181 47.13%, 0.1685 55.56%, 0.227 63.44%, 0.2929 70.71%, 0.3656 77.3%, 0.4445 83.15%, 0.5285 88.19%, 0.6173 92.39%, 0.7099 95.7%, 0.805 98.08%, 0.9021 99.52%, 1 ); 
    --circ-out: linear( 0, 0.0979 0.48%, 0.195 1.92%, 0.2901 4.3%, 0.3827 7.61%, 0.4715 11.81%, 0.5555 16.85%, 0.6344 22.7%, 0.7071 29.29%, 0.773 36.56%, 0.8315 44.44%, 0.8819 52.87%, 0.9239 61.74%, 0.957 70.98%, 0.9808 80.5%, 0.9952 90.2%, 1 ); 
    --circ-in-out: linear( -0, 0.0033 5.75%, 0.0132 11.43%, 0.0296 16.95%, 0.0522 22.25%, 0.0808 27.25%, 0.1149 31.89%, 0.1542 36.11%, 0.1981 39.85%, 0.2779 44.79%, 0.3654 48.15%, 0.4422 49.66%, 0.5807 50.66%, 0.6769 53.24%, 0.7253 55.37%, 0.7714 58.01%, 0.8142 61.11%, 0.8536 64.65%, 0.9158 72.23%, 0.9619 80.87%, 0.9904 90.25%, 1 ); 
    
    /*Sine*/
    --sine-in: linear( 0, 0.0035, 0.0141 10.7%, 0.0318 16.09%, 0.0566 21.51%, 0.0885 26.98%, 0.1278 32.53%, 0.2288 43.93%, 0.3563 55.48%, 0.5171 67.92%, 0.7139 81.53%, 1 ); 
    --sine-out: linear( 0, 0.2861 18.47%, 0.4829 32.08%, 0.6437 44.52%, 0.7712 56.07%, 0.8722 67.47%, 0.9115 73.02%, 0.9434 78.49%, 0.9682 83.91%, 0.9859 89.3%, 0.9965, 1 ); 
    --sine-in-out: linear( 0, 0.007 5.35%, 0.0282 10.75%, 0.0638 16.26%, 0.1144 21.96%, 0.1833 28.16%, 0.2717 34.9%, 0.6868 62.19%, 0.775 68.54%, 0.8457 74.3%, 0.9141 81.07%, 0.9621 87.52%, 0.9905 93.8%, 1 ); 
    
    /*Back*/
    --back-in: linear( 0, -0.0029 4.31%, -0.0119 9.02%, -0.0837 31.27%, -0.0954 36.64%, -0.0998 41.45%, -0.0951 47.03%, -0.079 52.25%, -0.051 57.19%, -0.0108 61.92%, 0.0515 67.19%, 0.1312 72.27%, 0.2286 77.18%, 0.3445 81.96%, 0.4792 86.62%, 0.633 91.17%, 0.8066 95.63%, 1 ); 
    --back-out: linear( 0, 0.1934 4.37%, 0.367 8.83%, 0.5208 13.38%, 0.6555 18.04%, 0.7714 22.82%, 0.8688 27.73%, 0.9485 32.81%, 1.0108 38.08%, 1.051 42.81%, 1.079 47.75%, 1.0951 52.97%, 1.0998 58.55%, 1.0954 63.36%, 1.0837 68.73%, 1.0119 90.98%, 1.0029 95.69%, 1 ); 
    --back-in-out: linear( 0, -0.0059 4.51%, -0.0418 15.63%, -0.0499 20.72%, -0.0476 23.51%, -0.0395 26.12%, -0.0255 28.59%, -0.0055 30.95%, 0.0281 33.76%, 0.0717 36.47%, 0.1901 41.63%, 0.344 46.32%, 0.6156 52.65%, 0.7495 56.35%, 0.8757 60.97%, 0.9663 65.85%, 1.0006 68.58%, 1.0256 71.43%, 1.0417 74.43%, 1.0493 77.65%, 1.0452 83.02%, 1.0077 94.8%, 1 ); 
    
    /*Elastic*/
    --elastic-in: linear( 0, 0.0019 13.34%, -0.0056 27.76%, -0.0012 31.86%, 0.0147 39.29%, 0.0161 42.46%, 0.0039 46.74%, -0.0416 54.3%, -0.046 57.29%, -0.0357, -0.0122 61.67%, 0.1176 69.29%, 0.1302 70.79%, 0.1306 72.16%, 0.1088 74.09%, 0.059 75.99%, -0.0317 78.19%, -0.3151 83.8%, -0.3643 85.52%, -0.3726, -0.3705 87.06%, -0.3463, -0.2959 89.3%, -0.1144 91.51%, 0.7822 97.9%, 1 ); 
    --elastic-out: linear( 0, 0.2178 2.1%, 1.1144 8.49%, 1.2959 10.7%, 1.3463 11.81%, 1.3705 12.94%, 1.3726, 1.3643 14.48%, 1.3151 16.2%, 1.0317 21.81%, 0.941 24.01%, 0.8912 25.91%, 0.8694 27.84%, 0.8698 29.21%, 0.8824 30.71%, 1.0122 38.33%, 1.0357, 1.046 42.71%, 1.0416 45.7%, 0.9961 53.26%, 0.9839 57.54%, 0.9853 60.71%, 1.0012 68.14%, 1.0056 72.24%, 0.9981 86.66%, 1 ); 
    --elastic-in-out: linear( 0, -0.0028 13.88%, 0.0081 21.23%, 0.002 23.37%, -0.0208 27.14%, -0.023 28.64%, -0.0178, -0.0061 30.83%, 0.0588 34.64%, 0.0651 35.39%, 0.0653 36.07%, 0.0514, 0.0184 38.3%, -0.1687 42.21%, -0.1857 43.04%, -0.181 43.8%, -0.1297 44.93%, -0.0201 46.08%, 1.0518 54.2%, 1.1471, 1.1853 56.48%, 1.1821 57.25%, 1.1573 58.11%, 0.9709 62%, 0.9458, 0.9347 63.92%, 0.9349 64.61%, 0.9412 65.36%, 1.0061 69.17%, 1.0178, 1.023 71.36%, 1.0208 72.86%, 0.998 76.63%, 0.9919 78.77%, 1.0028 86.12%, 1 ); 
    
    /*Bounce*/
    --bounce-in: linear( 0, 0.0117, 0.0156, 0.0117, 0, 0.0273, 0.0468, 0.0586, 0.0625, 0.0586, 0.0468, 0.0273, 0 27.27%, 0.1093, 0.1875 36.36%, 0.2148, 0.2343, 0.2461, 0.25, 0.2461, 0.2344, 0.2148 52.28%, 0.1875 54.55%, 0.1095, 0, 0.2341, 0.4375, 0.6092, 0.75, 0.8593, 0.9375 90.91%, 0.9648, 0.9843, 0.9961, 1 ); 
    --bounce-out: linear( 0, 0.0039, 0.0157, 0.0352, 0.0625 9.09%, 0.1407, 0.25, 0.3908, 0.5625, 0.7654, 1, 0.8907, 0.8125 45.45%, 0.7852, 0.7657, 0.7539, 0.75, 0.7539, 0.7657, 0.7852, 0.8125 63.64%, 0.8905, 1 72.73%, 0.9727, 0.9532, 0.9414, 0.9375, 0.9414, 0.9531, 0.9726, 1, 0.9883, 0.9844, 0.9883, 1 ); 
    --bounce-in-out: linear( 0, 0.0078, 0, 0.0235, 0.0313, 0.0235, 0.0001 13.63%, 0.0549 15.92%, 0.0938, 0.1172, 0.125, 0.1172, 0.0939 27.26%, 0.0554 29.51%, 0.0003 31.82%, 0.2192, 0.3751 40.91%, 0.4332, 0.4734 45.8%, 0.4947 48.12%, 0.5027 51.35%, 0.5153 53.19%, 0.5437, 0.5868 57.58%, 0.6579, 0.7504 62.87%, 0.9999 68.19%, 0.9453, 0.9061, 0.8828, 0.875, 0.8828, 0.9063, 0.9451 84.08%, 0.9999 86.37%, 0.9765, 0.9688, 0.9765, 1, 0.9922, 1 ); 
}





/*Lennis*/
html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-property:overflow;transition-duration:1ms;transition-behavior:allow-discrete}














/********************************/
@media screen and (max-width: 767px){.display-for--sm-none{display:none}}@media(min-width: 768px)and (max-width: 991px){.display-for--md-none{display:none}}@media(min-width: 992px)and (max-width: 1199px){.display-for--lg-none{display:none}}@media(min-width: 1200px){.display-for--xl-none{display:none}}.display-for--md-block{display:none}@media(min-width: 768px){.display-for--md-block{display:flex}}.display-for--lg-block{display:none}@media(min-width: 992px){.display-for--lg-block{display:flex}}@keyframes spin{from{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes spin{from{-moz-transform:rotate(0deg);transform:rotate(0deg)}to{-moz-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes spin{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-ms-keyframes spin{from{-ms-transform:rotate(0deg);transform:rotate(0deg)}to{-ms-transform:rotate(360deg);transform:rotate(360deg)}}@-o-keyframes spin{from{-o-transform:rotate(0deg);transform:rotate(0deg)}to{-o-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes expand{from{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.5);-moz-transform:scale(1.5);-o-transform:scale(1.5);-ms-transform:scale(1.5);transform:scale(1.5)}}@-moz-keyframes expand{from{-moz-transform:scale(1);transform:scale(1)}to{-moz-transform:scale(1.5);transform:scale(1.5)}}@-webkit-keyframes expand{from{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.5);transform:scale(1.5)}}@-ms-keyframes expand{from{-ms-transform:scale(1);transform:scale(1)}to{-ms-transform:scale(1.5);transform:scale(1.5)}}@-o-keyframes expand{from{-o-transform:scale(1);transform:scale(1)}to{-o-transform:scale(1.5);transform:scale(1.5)}}@font-face{font-family:"ProximaNova";src:url("https://d25purrcgqtc5w.cloudfront.net/dist/fonts/proximanova/302D42_1_0.eot");src:url("https://d25purrcgqtc5w.cloudfront.net/dist/fonts/proximanova/302D42_1_0.eot?#iefix") format("embedded-opentype"),url("https://d25purrcgqtc5w.cloudfront.net/dist/fonts/proximanova/302D42_1_0.woff2") format("woff2"),url("https://d25purrcgqtc5w.cloudfront.net/dist/fonts/proximanova/302D42_1_0.woff") format("woff"),url("https://d25purrcgqtc5w.cloudfront.net/dist/fonts/proximanova/302D42_1_0.ttf") format("truetype"),url("https://d25purrcgqtc5w.cloudfront.net/dist/fonts/proximanova/302D42_1_0.svg#wf") format("svg");font-weight:300;font-style:normal}@font-face{font-family:"ProximaNova";src:url("https://d25purrcgqtc5w.cloudfront.net/dist/fonts/proximanova/302D42_4_0.eot");src:url("https://d25purrcgqtc5w.cloudfront.net/dist/fonts/proximanova/302D42_4_0.eot?#iefix") format("embedded-opentype"),url("https://d25purrcgqtc5w.cloudfront.net/dist/fonts/proximanova/302D42_4_0.woff2") format("woff2"),url("https://d25purrcgqtc5w.cloudfront.net/dist/fonts/proximanova/302D42_4_0.woff") format("woff"),url("https://d25purrcgqtc5w.cloudfront.net/dist/fonts/proximanova/302D42_4_0.ttf") format("truetype"),url("https://d25purrcgqtc5w.cloudfront.net/dist/fonts/proximanova/302D42_4_0.svg#wf") format("svg");font-weight:400;font-style:normal;font-display:fallback}@font-face{font-family:"ProximaNova";src:url("https://d25purrcgqtc5w.cloudfront.net/dist/fonts/proximanova/302D42_2_0.eot");src:url("https://d25purrcgqtc5w.cloudfront.net/dist/fonts/proximanova/302D42_2_0.eot?#iefix") format("embedded-opentype"),url("https://d25purrcgqtc5w.cloudfront.net/dist/fonts/proximanova/302D42_2_0.woff2") format("woff2"),url("https://d25purrcgqtc5w.cloudfront.net/dist/fonts/proximanova/302D42_2_0.woff") format("woff"),url("https://d25purrcgqtc5w.cloudfront.net/dist/fonts/proximanova/302D42_2_0.ttf") format("truetype"),url("https://d25purrcgqtc5w.cloudfront.net/dist/fonts/proximanova/302D42_2_0.svg#wf") format("svg");font-weight:600;font-style:normal;font-display:fallback}@font-face{font-family:"ProximaNova";src:url("https://d25purrcgqtc5w.cloudfront.net/dist/fonts/proximanova/302D42_5_0.eot");src:url("https://d25purrcgqtc5w.cloudfront.net/dist/fonts/proximanova/302D42_5_0.eot?#iefix") format("embedded-opentype"),url("https://d25purrcgqtc5w.cloudfront.net/dist/fonts/proximanova/302D42_5_0.woff2") format("woff2"),url("https://d25purrcgqtc5w.cloudfront.net/dist/fonts/proximanova/302D42_5_0.woff") format("woff"),url("https://d25purrcgqtc5w.cloudfront.net/dist/fonts/proximanova/302D42_5_0.ttf") format("truetype"),url("https://d25purrcgqtc5w.cloudfront.net/dist/fonts/proximanova/302D42_5_0.svg#wf") format("svg");font-weight:700;font-style:normal;font-display:fallback}.block-component{padding-top:20px;padding-bottom:20px;padding-left:18px;padding-right:18px}@media(min-width: 768px){.block-component--half-width .react-datepicker__input-container .hbui-input{flex:.5}.block-component--half-width .hbui-dropdown-select__control{flex:.5;margin-right:40px;max-width:initial}}.block-component--no-padding{margin-top:-20px;margin-bottom:-20px;margin-left:-18px;margin-right:-18px}.block-component--reduced-vertical-padding{margin:-2px}.block-component--reduced-horizontal-padding{margin-left:-18px;margin-right:-18px}@media screen and (max-width: 767px){.block-component .hbui-input .input-wrapper{height:32px}}.block-component dl,.block-component ol,.block-component ul{list-style:none}

.hbui-input {
    position: relative;
}

.c012 .input-label {
    color: #000000 !important;
    font-size: 20px;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: normal !important;
    white-space: pre-wrap;
}
.hbui-input .input-label {
    color: #24272b;
    font-family: "ProximaNova", sans-serif;
    font-size: 16px;
    margin-bottom: 5px;
    display: inline-block;
    line-height: 1.4;
    pointer-events: none;
}
@media (min-width: 768px) {
    .hbui-label {
        max-width: 80%;
    }
}
*, *::before, *::after {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}

body #app input, body #app textarea {
    border-radius: 0px;
}
.hbui-input.hbui-input-error .input-wrapper {
    border-color: #ff6161;
}
<style>
.c012 .input-wrapper {
    color: #000000;
    font-size: undefined !important;
    font-family: 'Montserrat', sans-serif;
    border-color: #005677;
    background-color: #ffffff !important;
}
.hbui-input .input-wrapper {
    display: block;
    width: 100%;
    padding: 5px 0 3px;
    margin: 0;
    line-height: 1;
    color: #24272b;
    font-size: 16px;
    border: none;
    border-bottom: 1px solid #a8adb8;
    box-sizing: border-box;
    background-color: rgba(0, 0, 0, 0);
    height: 28px;
}


.c014 {
    color: #000000 !important;
    font-size: 20px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: normal !important;
}
.hbui-radio-button-group {
    color: #24272b;
    font-family: ProximaNova;
    font-size: 16px;
    margin-bottom: 30px;
}


.c014 {
    color: #000000 !important;
    font-size: 20px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: normal !important;
}
.hbui-radio-button-group {
    color: #24272b;
    font-family: ProximaNova;
    font-size: 16px;
    margin-bottom: 30px;
}

label.bp3-label {
    display: block;
    margin-bottom: 15px;
    margin-top: 0;
}

.bp3-control.bp3-large:not(.bp3-align-right) {
    padding-left: 30px;
}
.bp3-control.bp3-large {
    font-size: 16px;
}
.bp3-control:not(.bp3-align-right) {
    padding-left: 26px;
}

.c015 {
    color: #000000;
    font-size: undefined !important;
    font-family: 'Montserrat', sans-serif;
    font-weight: normal !important;
}
.bp3-control {
    cursor: pointer;
    display: block;
    margin-bottom: 10px;
    position: relative;
    text-transform: none;
}
.hbui-radio {
    font-size: 16px;
    color: #767b84;
    margin-bottom: 20px;
    margin-right: 15px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
}

body #app input, body #app textarea {
    border-radius: 0px;
}
.bp3-control input {
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    z-index: -1;
}

.bp3-control.bp3-large:not(.bp3-align-right) .bp3-control-indicator {
    margin-left: -30px;
}
.bp3-control.bp3-radio .bp3-control-indicator {
    border-radius: 50%;
}
.bp3-control.bp3-large .bp3-control-indicator {
    font-size: 20px;
}
.bp3-control:not(.bp3-align-right) .bp3-control-indicator {
    margin-left: -26px;
}
.hbui-radio input[type=radio]+span {
    border: 1px solid #a8adb8;
    background-color: #fff;
    color: #fff;
    position: relative;
    margin-right: 10px;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    appearance: none;
    -webkit-box-shadow: 0 1px 3px rgba(36, 39, 43, .25) inset;
    -moz-box-shadow: 0 1px 3px rgba(36,39,43,.25) inset;
    -ms-box-shadow: 0 1px 3px rgba(36,39,43,.25) inset;
    -o-box-shadow: 0 1px 3px rgba(36,39,43,.25) inset;
    box-shadow: 0 1px 3px rgba(36, 39, 43, .25) inset;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
}
.bp3-control .bp3-control-indicator {
    background-clip: padding-box;
    background-color: #f5f8fa;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.8)), to(rgba(255, 255, 255, 0)));
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
    border: none;
    -webkit-box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1);
    box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1);
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    height: 1em;
    margin-right: 10px;
    margin-top: -3px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
    width: 1em;
}

.bp3-control .bp3-control-indicator::before {
    content: "";
    display: block;
    height: 1em;
    width: 1em;
}



.form-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 55px;
    padding: 0 18px;
}
.form-footer .powered-by {
    padding-bottom: 30px;
}

.form-footer .recaptcha-text {
    font-size: 12px;
    line-height: 1.4;
    max-width: 610px;
    display: inline-block;
    opacity: .4;
}


.c011 .recaptcha-text {
    color: #000000;
}

.form-footer .recaptcha-text__link {
    text-decoration: underline;
}

.c011 .recaptcha-text__link {
    color: #000000;
}

.form-footer .sms-consent {
    margin-top: 5px;
    font-size: 12px;
    line-height: 1.4;
    max-width: 610px;
    opacity: .4;
}

.c011 .sms-consent {
    color: #000000;
}

.form-footer .hbui-button {
    float: right;
    line-height: normal;
    height: auto;
    padding: 10px 24px;
    align-self: baseline;
}
.hbui-button--primary:disabled {
    opacity: .15;
    background-color: rgba(24, 199, 201, .5);
    cursor: default;
    box-shadow: none;
}
.hbui-button:disabled {
    opacity: .15;
    cursor: default;
    box-shadow: none;
}

.c016 {
    color: #ffffff !important;
    font-size: 20px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: bold !important;
    background-color: #005677 !important;
}
.hbui-button--primary {
    color: #fff;
    background-color: #18c7c9;
    border-color: #18c7c9;
    box-shadow: 0 2px 5px 0 rgba(0, 18, 71, .2);
}
.hbui-button--primary {
    color: #fff;
    background-color: #18c7c9;
    border-color: rgba(0, 0, 0, 0) !important;
    box-shadow: 0 1px 3px 0 rgba(0, 18, 71, .2), 0 0 2px 0 rgba(0, 0, 33, .14);
}
.hbui-button--medium {
    font-size: 16px;
    line-height: 42px;
    height: 42px;
    padding: 1px 20px 0;
}
.hbui-button {
    display: inline-block;
    position: relative;
    text-align: center;
    font-weight: 700;
    white-space: nowrap;
    cursor: pointer;
    vertical-align: middle;
    border-radius: 2px;
    line-height: 1.4;
    transition: all 200ms;
    text-transform: uppercase;
    border: none;
    color: #fff;
    background-color: #18c7c9;
    border-color: rgba(0, 0, 0, 0);
    outline: 0;
    box-shadow: 0 2px 5px 0 rgba(0, 18, 71, .2);
} 

.form-footer .sms-consent {
    margin-top: 5px;
    font-size: 12px;
    line-height: 1.4;
    max-width: 610px;
    opacity: .4;
}









.modal__sesion .overlay-item__text form{
    padding-bottom: 3.5rem; 
}


.modal__sesion .overlay-item__text form::-webkit-scrollbar { 
    width: 0rem;
    height: 0rem;
}    





/**/
.modal__sesion img {
    border-radius:.75rem;
}

.modal__sesion .overlay-item__text {
    padding: 1rem 0 0 0; 
}

.modal__sesion .overlay-item__text h3 {
    margin: 0 2.5rem 1.5rem 0;
    font-size: var(--h2-font-size);
} 
 



@media screen and (min-width: 767px) {
    .overlay-item__text form{
        max-height: 25.5rem;
        overflow: auto;
        padding-bottom: 5.5rem;
    }
    
    
    .overlay-item__text form::-webkit-scrollbar {
        width: 0.25rem;
        height: 0.25rem;
    }
}


















/********************************/
.single-line-wrap {
    overflow: hidden;
}

.single-line {
  transform: translateY(200%);
  opacity:0;
  animation: slideText 1.5s cubic-bezier(0.625, 0.05, 0, 1) forwards; 
  animation-delay: calc(var(--index) * 0.15s);  
}

@keyframes slideText {
  0% { transform: translateY(200%); opacity:0; }
  60% { }
  100% { transform: translateY(0); opacity:1; }
}



/********************************/
/*Frame Image Component*/ 

.frame__component {
    position:relative;
} 

.section__frame {
    position: relative; 
}

.frame__media {
    position: relative;
    /*clip-path: inset(1.5rem 30rem round 1.6rem);*/
    height: 100svh;
}

@media screen and (min-width: 767px) {
    .section__hero .frame__media {
        height: 120vh;
    }
}


.frame__media img,
.frame__media video {
    object-fit: cover;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.frame__content,
.frame__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow:hidden;
    transform-origin: top;
}

.frame__text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: grid;
    place-content: center;
}



.frame__message {
    display: inline-block;
}

.frame__label { 
    position:absolute;
    bottom:4rem;
    font-size:var(--small-font-size);
    color:var(--title-color);
    width:100%;
    text-align:center;
}

.wiggle-icon-after {
    animation-duration: .75s;
    animation-iteration-count: infinite;
    animation-name: wiggle;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.wiggle {
    position: relative
}

.wiggle:after {
    animation-duration: .75s;
    animation-iteration-count: infinite;
    animation-name: wiggle;
    content: attr(data-text);
    left: 0;
    position: absolute;
    top: 0
}

@keyframes wiggle {
    0% {transform:  skewX(0)        skewY(0)        translateY(1px)}
    17% {transform: skewX(.5deg)    skewY(.1deg)    translate(-1px,-1px)}
    32% {transform: skewX(.5deg)    skewY(0deg)     translate(0)}
    48% {transform: skewX(0deg)     skewY(0deg)     translate(0)}
    63% {transform: skewX(-.5deg)   skewY(-.1deg)   translate(1px)}
    79% {transform: skewX(-.1deg)   skewY(.1deg)    translateY(-1px)}
    to {transform:  skewX(0deg)     skewY(0deg)     translate(0)}
}

/*************************************************/
.header__packs h2 {
    font-size: calc(var(--h1-font-size) * 1.15); 
}

.section__packs .big {
    font-size: calc(var(--big-font-size) * 1);
    margin-bottom:1.5rem;
}

.section__packs h2 {
    font-size: calc(var(--h2-font-size) * 1);
}



@media screen and (min-width: 767px) {
    .header__packs {
        grid-template-columns: repeat(2, 1fr);
    } 
    
    .header__packs--text {
        grid-column-start: 2;
        grid-row-start: 2;
    } 
}
 
@media screen and (min-width: 1200px) {
    .header__packs--text {
        margin-left: auto;
        width: 63%;
    }
}



.grid__packs article {
    padding-top:4rem;
    border-top:1px solid #ffffff;
    width:100%;
    position:relative;
}

.grid__packs article ul {
    padding-bottom:1.5rem;
    font-size: var(--small-font-size);
}



.grid__packs {
    display:grid;
    row-gap:5rem;
}

.grid__packs {
    --border-color:#fff;
    position:relative;
}


.grid__packs article:nth-child(1) { 
    
}

.grid__packs article:nth-child(2){
    text-align:center;
}

.grid__packs article:nth-child(3) {
    text-align:right;
    margin-left: auto;
}

.grid__article { 
    /*max-width:15rem;*/
    font-weight:bold;
}

.grid__packs article:nth-child(2) .grid__article { 
    margin: 0 auto;
}

.grid__packs article:nth-child(2) ul li {
    justify-items: center;
}

.grid__packs article:nth-child(3) ul li {
    justify-items: end;
}


.grid__packs article:nth-child(3) .grid__article { 
    margin-left: auto; 
}



.grid__packs article:nth-child(2) .action {
    display:flex;
    justify-content:center;
}

.grid__packs article:nth-child(3) .action {
    display:flex;
    justify-content:end;
}

.grid__packs article ul li {
    /*height: 4lh;*/
    display:grid;
    
}

.grid__packs article ul li small {
    width: fit-content;
    border: 0.0625rem solid;
    padding: 0.375rem .625rem 0.25rem .625rem;
    margin-bottom: 0.75rem;
    border-radius: 0.125rem;
    text-transform: uppercase;
    font-size: .585rem;
    line-height: 1;
}

.grid__packs article ul li p {
    margin-bottom:0;
    color: var(--border-color);
}


.grid__packs article:before,
.grid__packs article:after {
    content:"";
    height:16px;
    position:absolute;
    top:0;
}

.grid__packs article:before {
    border-left:1px solid var(--border-color); 
    left:0;
}
    
.grid__packs article:after {
    border-right:1px solid var(--border-color);
    right:0; 
}



@media screen and (min-width: 767px) {
    .grid__packs {
        row-gap:0rem;
        grid-template-columns:1fr 1fr 1fr;
        border-top:1px solid var(--border-color);
        padding: 0 1.5rem;
    }
    
    .grid__packs:before,
    .grid__packs:after {
        content:"";
        height:16px;
        position:absolute;
        top:0;
    }
    
    .grid__packs article:before,
    .grid__packs article:after { 
        content:none;
    }
    
    .grid__packs:before {
        border-left:1px solid var(--border-color);
        left:0;
    }
    
    .grid__packs:after {
        border-right:1px solid var(--border-color);
        right:0; 
    }
    
    .grid__packs article {
        border-top:none;
    }
    
    .grid__packs article ul {
        padding-top:7.5rem;
    }
    
    .grid__packs article:nth-child(2){
        border-left:1px solid var(--border-color);
        border-right:1px solid var(--border-color); 
        text-align:center;
    }
    
    
    .grid__packs article:nth-child(2) small {
        margin:auto;
        margin-bottom:.75rem;
    }
    
    .grid__packs article:nth-child(3) small {
        margin-left:auto;
        margin-bottom:.75rem;
    }
    
    
    
    
    
    
    
}

/********************************/
.reveal ul li {
    display:flex;
    margin-bottom:1.5rem;
    overflow:hidden;
    /*border: 1px solid; */
}
 
.reveal ul li span {
     transform: translateY(100%);
     font-size: var(--h2-font-size); 
     color:#fff;
     font-weight:bolder;
}

.reveal ul li span.active {
     transform: translateY(0%);
     transition: transform 1s cubic-bezier(0.625, 0.05, 0, 1); 
}

/*************************************************/
.text__emotion {
    font-size:var(--big-font-size);
    text-align:center;
    max-width:80%;
    text-transform:uppercase;
    margin:auto;
    text-wrap-style: balance;
}


/*************************************************/
.section__alt {
    padding: 6rem 0;
}

.sesion__benefits {
    display: grid;
    justify-content: space-between;
    text-wrap-style: balance;
}

.sesion__benefits ul {
    position:relative;
}

.sesion__benefits ul li {
    position:absolute;
    transition:.3s ease;
    opacity:0;
    top:0;
    max-width:26rem;
}

.sesion__benefits ul li.active {
    position:relative;
    opacity:1;
}


.benefits__media {
    display:flex;
    gap:.75rem
}

.benefits__media picture img {
    aspect-ratio:16/9;
    object-fit:cover;
    border-radius:.5rem;
}

.single-service .container {
    max-width:1200px;
}



@media screen and (min-width: 767px) {
    .sesion__benefits {
        grid-template-columns: auto 11rem;
    }
    
    .benefits__media {
        flex-direction:column;
        max-width:10rem;
    }
    
}







.section__hero .frame__component h2 { 
    color: #fff;
    line-height: 1.25;
    text-transform: uppercase;
    letter-spacing: -2px;
    text-shadow: 0 0 12px hsl(0deg 0% 100% / 50%);
    font-size: calc(1.75 * var(--big-font-size));
}

/*************************************************/

.common {
    display:grid;
    gap:.25rem;
}

.common li>div {
    display:flex; 
    align-items:center;
    gap:.35rem; 
}

.data__sesion {
    position:relative;
}

.data__item {
    position: absolute;
    width: max-content;
    top:0; 
    opacity:0; 
}

.data__item.active { 
    position:relative;
    opacity:1;
}

.data__item.prev {
    opacity:1;
}

.clip-label {
    clip-path:inset(0);
}

.name--wrap  {
    position:relative;
    margin-bottom: 2.5rem;
}


.prev .name--wrap .name {
    animation: namePrev .5s var(--power2-out);
    transform: translateY(105%);
}

.active .name--wrap .name {
    animation: nameCurrent .5s var(--power2-out); 
}

.next .name--wrap .name { 
    animation: nameNext .5s var(--power2-out);
    transform:translateY(105%);
}

@keyframes nameCurrent {
    0% {transform:translateY(105%);}
    100% {transform:translateY(0%);}
}

@keyframes namePrev {
    0% {transform:translateY(0%); opacity:1;}
    100% {transform:translateY(-105%); opacity:1;}
}

@keyframes nameNext {
    0% {transform:translateY(0%);} 
    100% {transform:translateY(-105%); }
}


.ul--wrap ul {
    opacity:0;
    transition: .75s var(--power2-out);
    filter:blur(2px);
    transition-delay:.3s;
}

.active .ul--wrap ul {
    opacity:1;
    filter:blur(0);
}


/******************/
.control {
    height:.75rem;
    font-size:var(--small-font-size);
}

.control__label {
    position:relative;
    clip-path:inset(0);
}

.control__label span {
    transition:.3s ease; 
    display:block;
}

.control__label span {
    transform:translateY(-105%);
}

.control__label span:after {
    content:attr(data-label);
    position:absolute;
    top:105%;
    left:0; 
}

.control:hover span[data-label] {
    animation: label .5s var(--power2-out);
}

.control:hover span[data-label]:after {
    animation: label2 .5s var(--power2-out);
}

@keyframes label {
    0% {transform:translateY(0);}
    99.99% {transform:translateY(-105%);}
    100% {transform:translateY(0);}
}

@keyframes label2 {
    0% {transform:translateY(105%);}
    100% {transform:translateY(0);}
}


/*************************************************/
.img-id-207 { object-position: 50% 80%; }
.img-id-157 { object-position: 50% 65%; }
.img-id-158 { object-position: 50% 80%; }



.img-id-258 { object-position:50% 15%; }
.img-id-156 { object-position: 50% 100%;}
.img-id-177 { object-position: 50% 100%;}
.img-id-299 { object-position: 50% 100%;}
.img-id-175 { object-position: 50% 95%;}



.img-id-274,
.img-id-325,
.img-id-312,
.img-id-313,
.img-id-314,
.img-id-316,
.img-id-321,
.img-id-325,
.img-id-327,
.img-id-328,
.img-id-330,
.img-id-331,
.img-id-332,
.img-id-333 {
    object-position:bottom;
}

.img-id-236 { object-position:top; }

.img-id-1446 { object-position: 50% 15%;}
.img-id-1448 { object-position: 50% 15%;}
.img-id-1449 { object-position: 50% 5%;}
.img-id-1450 { object-position: 50% 25%;}
.img-id-1457 { object-position: 50% 75%;}
.img-id-1458 { object-position: 50% 100%;}

.img-id-1462 { object-position: 50% 15%;}



/******************************/

@keyframes opacityBtn {
  from { opacity:0; }
  to { opacity:1; }
}




.benefits__media.list-b {
    opacity:0;
}

.benefits__media.list-b {
    opacity:0;
    animation: opacityBtn 1s cubic-bezier(0.625, 0.05, 0, 1) forwards;
    animation-delay: .65s;
}


.benefits__media picture img {
    display:block;
    opacity:0;
    animation: opacityBtn 1s cubic-bezier(0.625, 0.05, 0, 1) forwards;
}

.benefits__media picture:nth-child(1) img {animation-delay: 0.80s;}
.benefits__media picture:nth-child(2) img {animation-delay: 0.95s;} 
.benefits__media picture:nth-child(3) img {animation-delay: 1.10s;}




.single-service #btnAgendar {
    opacity:0;
    animation: opacityBtn 1s cubic-bezier(0.625, 0.05, 0, 1) forwards;
    animation-delay: 1.40s;
    text-align:center;
    width:100%;
    margin-bottom:1.15rem; 
}

.single-service #btnAgendar:hover {
    /*color:var(--title-color);*/
}

.single-service #btnAgendar:hover:before {
    /*background-color:var(--color-button);*/
}


@media screen and (min-width: 767px) {
    .single-service #btnAgendar {
        width:fit-content;
        grid-row-start: 2;
    }
}




@keyframes slideHeader {
  from { transform: translateY(calc(-120% - 1.5rem)); }
  to { transform: translateY(0); }
}



.header__container {
    opacity:0;
    /*transform: translateY(calc(-120% - 1.5rem));*/
    animation: opacityBtn 1s cubic-bezier(0.625, 0.05, 0, 1) forwards;
    animation-delay: 1.40s;
}




@keyframes heroImg {
    from {
        filter:blur(4px); 
        opacity:0;
        transform:scale(1.2);
    }
    to {
        filter:blur(0); 
        opacity:1;
        transform:scale(1);
    }
}


.frame__media img,
.frame__media video {
    opacity:0;
    animation: heroImg 1.5s cubic-bezier(0.625, 0.05, 0, 1) forwards;
    /*animation-delay: 1.9s;*/ 
}

    

/******************************/

.observer {
    opacity: 0;
    transform: translate3d(0, 50px, 0) translateZ(0);
    

    transition:
        opacity .6s var(--power3-in-out),
        transform .8s var(--power3-out);

    transition-delay:
        0s,
        .2s;
}

.observer.visible {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}


.grid__packs article:nth-child(2) .observer {
    /*transition-delay: .5s;*/
}


.observer--clip { 
    overflow:clip;
    display:inline-block;
}

.observer--sub {
    display:inline-block;
    transform:translateY(105%);
    opacity:0;
    will-change:transform, opacity;
}

.observer--clip.visible .observer--sub {
    transform:translateY(0%);
    opacity:1;
    transition: transform .8s var(--power3-out), opacity .8s var(--power3-out);
    transition-delay: calc(.015s * var(--index));
}














.cases__gallery {
    position: relative; 
    aspect-ratio:207/259; 
    overflow:hidden;
    grid-row-start:1;
}

.session__cases {
    grid-row-start:1; 
}

.session__cases:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(180deg, transparent, rgba(16, 23, 30, .902) 90%);
    z-index: 3;
    height: 33.33vh;
}


.cases__controls {
    grid-row-start:2; 
}


@media screen and (min-width: 767px) {
    
    .cases__gallery { 
        height:100vh;
        aspect-ratio:initial;
        grid-row-start:initial;
        grid-row:1/2;
        grid-column:1/2;
    }
    
    .session__cases{
        grid-row-start:initial;
    }
    
    .cases__controls {
        grid-row:1/2;
        grid-column:1/2;
        padding-bottom:3.5rem;
    }
    
}



.cases__gallery picture {
    position:absolute;   /* siempre absolute */
    top:0;
    left:0;
    width:100%;
    opacity:0;
    transform: scale(1.2);
    transition: all .75s var(--power2-out);
    z-index: 1; /* base */
}

.cases__gallery picture.active {
    opacity:1;
    transform: scale(1);
    z-index: 3; /* siempre arriba */
}

.cases__gallery picture.prev {
    z-index: 2;
}

.cases__gallery picture.next {
    z-index: 2;
} 


.cases__gallery picture {
    height:100%;
}

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

/*************************************************/
.prepack__info {
    
}


.section__prepack .wrap__section {
        display:grid; 
        gap:1.5rem;
    }

@media screen and (min-width: 767px) {
    .section__prepack .wrap__section {
        display:grid;
        gap:0;
        grid-template-columns: 1fr 1fr;
    }
    
    .prepack__info {
        display:grid;
        margin-bottom:5vh;
        align-content: space-between;
    }
}


.section__prepack h2 {
    font-size:var(--big-font-size);
    width:min-content;
}

.cases_control {
    display:flex;
    gap:2.75rem;
}

.cases_control .control {
    display:block;
    cursor:pointer;
    transition: .3s ease;
}

.cases_control .control:hover {
    
}

.cases__controls {
    display: flex;
    justify-content: space-between;
    align-items: end;
    position:relative;
    /*position:absolute;
    bottom:calc(5vh + 2.5rem);*/
    z-index:4;
}

.data__sesion {
    font-weight: bold;
    color: #fff;
    margin-top: 2.5rem;
}

.data__sesion h4 {
    /*font-size: var(--h3-font-size);*/
    font-family: var(--title-font);
    color:var(--text-color);
}


.data__sesion ul li {
    font-size: calc(var(--smaller-font-size) * 0.875);
    font-size: calc(var(--smaller-font-size) * 0.75); 
    text-transform: uppercase; 
}

.session__cases {
    position:relative;
} 

.session__cases{
    display:grid;
    height:100%;
    object-fit:cover;
    overflow:hidden
}

#caseNext svg {
    transform:rotateY(180deg);
}

.cases_control small {
    display: flex;
    gap: .75rem;
    font-weight:bold;
}

#casePrev small {
    flex-direction:row-reverse;
}


/*************************************************/
.process__list {
    --border-color:#6b6b6b;
}

.process__list li {
    display: grid;
    grid-template-columns: 6fr 1fr;
    border-top: 1px solid var(--border-color); 
    text-transform: uppercase;
}

.process__list li:last-child {
    border-bottom: 1px solid var(--border-color);
}

.process__list li div {
    display: grid;
    grid-area:1/1;
    gap:1rem;
    /*grid-template-columns: 20ch 4fr;*/
    padding: 30px 0;
    align-items: end;
}

.process__list li p {
    width: 100%;
    margin-left: auto;
    /*text-align: right;*/
    font-size: var(--small-font-size);
    font-weight: bold;
    text-wrap-style: balance;
    margin-bottom: 0;
}

.process__list li .counter {
    font-size:var(--small-font-size);
    font-weight:bold;
    padding-top:30px;
}

.process__list h3 {
    font-size: var(--h2-font-size);
    font-weight: bold;
    font-family: var(--brand-font);
    line-height: 1;
    color:var(--title-color);
}


.section__process--sesion .section__text--title {
    line-height:1.25;
    height: 100%;
    align-content: space-between;
}


.process__mila {
    aspect-ratio: 234 / 273; 
    max-width: 10rem;
    overflow: hidden;
    border-radius: 1rem;
}

.process__mila img {
    height: 100%;
    object-fit: cover;
    object-position: 4% 50%;
    transform: scale(1);
}

@media screen and (min-width: 767px) {
    .section__process--sesion .section__wrap { 
        grid-template-columns: 2fr 3fr;
        column-gap: 12.5%;
        align-items: end;
        padding-bottom:4rem;
        padding-top:6rem;
    }
    
    .section__process--sesion h2 {
        font-size:var(--big-font-size); 
    }
    
    .section__text .section__text--title { 
        grid-column: 2 / 3;
        grid-row: 1 / 2; 
    }
    
    
    .process__list li div {
        grid-template-columns: 20ch 4fr;
        gap:0;
        grid-area:initial;
        padding-top: 3.5rem;
        padding-bottom: .75rem;
    }
    
    .process__list li {
        display: grid;
        grid-template-columns: 1fr 6fr;
    }
    
    .process__list li p {
        text-align: right;
    }
    
    .process__list li .counter {
        padding-top:0px;
    }
    
}

/*********************************/
.scroll-y {
    position:relative;
    overflow: hidden;
    display:grid;
    gap:var(--gap-line);
}


.line {
    display:flex;
    width:120vw;
    left: -10vw;
    position: relative;
    will-change: transform; 
}

.line:nth-child(odd) {transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, calc((var(--displacement) * -1) ), 0, 0, 1);}
.line:nth-child(even) {transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, var(--displacement), 0, 0, 1);}

.line__half { 
    display:flex;
    gap:var(--gap-line);
}

.line picture {
    overflow:hidden;
    aspect-ratio: 4 / 5;
    width:100%;
}

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


/*********************************/
.section__text h2 {
    font-size: calc(1.25 * var(--big-font-size));
    line-height: 1.17;
    font-weight: bold;
    
    /*text-transform: uppercase;*/
    font-family:var(--title-font);
}

.section__text h2 span {
    /*font-style: italic; */
}





@media screen and (min-width: 767px) {
    
    
    .section__text h2 {
        margin-left: 25%;
        text-align: right;
    }
    
    .section__text .section__wrap {
        /*grid-template-columns: 2fr 3fr;
        column-gap: 20%;
        align-items: end;*/
        padding-bottom:6rem;
        padding-top:2rem;
    }
    
    .section__text .section__text--title { 
        /*grid-column: 2 / 3;
        grid-row: 1 / 2; */
    }
}


/*********************************/
.single-service h1 {
    font-size: calc(var(--big-font-size) * 1.25);
    line-height: 1.2;
    font-weight: bolder;
    text-transform:uppercase;
}



.actions.featured {
    display: grid;  
    align-items: end;
    margin-bottom:1.15rem;
    z-index:70;
}

.hero__grid .hero__image {
    display:grid;
    box-shadow: 3px 0px 16px 0px hsl(210deg 30.77% 9% / 20%);
    border-radius: 1rem;
    
}

.hero__image picture,
.hero__image img {
    height:100%;
    object-fit:cover;
}

.hero__image picture {
    border-radius:1rem;
    overflow:hidden; 
}


.hero__media {
    align-items:center;
    display:flex;
}

.hero__media .hero__image:nth-child(1),
.hero__media .hero__image:nth-child(1) img,
.hero__media .hero__image:nth-child(1) picture {aspect-ratio:5/6;}

.hero__media .hero__image:nth-child(2),
.hero__media .hero__image:nth-child(2) img,
.hero__media .hero__image:nth-child(2) picture {aspect-ratio:9/16;}

.hero__media .hero__image:nth-child(1) {transform:translateX(15%);}
 


@media screen and (min-width: 767px) {
    .hero__grid {
        grid-template-columns:2fr 3fr;
        align-items: center;
        padding-bottom: 5rem;
    }
    
    .section__hero>.container {
        display: grid;
        height: 100%;
    }
}

/*********************************/
.mainBtn.animated-link:before {
    border-radius:1.5rem; 
}

.mainBtn.animated-link {
    color:var(--title-color);
}

.mainBtn.animated-link:before {
    background-color:var(--color-button);
    box-shadow: 0 0 12px hsl(30deg 60.8% 49.02% / 50%);
}

.mainBtn.animated-link {
    padding: .625rem 1.75rem;
} 



 

/*********************************/
.pack__title {
    color: #fff;
    font-size:var(--h1-font-size);
    font-family:var(--brand-font);
    text-transform:uppercase;
}















 

/****************************************** FOOTER *********************************************/
.footer__menu nav {
    display:grid;
    gap:2.5rem;
}

.footer__menu nav ul {
    display:grid;
    gap:.625rem
}

.footer__menu h4 {
    margin-bottom:.75rem;
    color:var(--title-color);
}

.footer__menu li a,
.footer__menu li a:visited {
    color:var(--title-color);
}

.footer__menu li {
    opacity:.4;
    width:fit-content;
    transition: .3s ease;
}

.footer__menu li:has(a):hover {
    opacity:1;
}

.footer__legals {
    display:flex;
    gap:1.5rem;
    flex-direction:column;
}

.footer__legals li {
    text-align:center;
}

.site-info {
    display: grid;
    justify-content: space-between;
    gap:2.5rem;
}

.footer__mila li {
    list-style:none;
    opacity:.4;
    transition:.3s ease-in-out;
}

.footer__mila li:has(a):hover {
    opacity:1;
}

.footer__mila li a {
    color:var(--title-color);
    cursor:pointer;
    display:block;
    transition:.3s ease-in-out;
}

.footer__legals li:last-child {
    margin-top:2.5rem;
}

@media screen and (min-width: 767px) {
    .site-info {
        display: flex;
        justify-content: space-between;
    }
    
    .footer__mila li {
        font-size:var(--smaller-font-size);
    }
    
    .footer__menu nav {
        display:flex;
        gap:10vw;
        font-size:var(--small-font-size);
    }
    
    .footer__legals {
        flex-direction:row;
        flex-wrap:wrap;
    }
    
    .footer__legals li:last-child {
        margin-left:auto;
        margin-top:0;
    }
}

.footer__mila {
    display:grid;
    padding-bottom:1.5rem;
}

.footer__mila .container {
    max-width:960px;
    gap:7.5rem;
}

.footer__rrss {
    display:flex;
    gap:1rem;
}

.footer__rrss a {
    line-height:0;
}

.footer__mila .footer__brand svg {
    width: 12.5rem;
    display:block;
} 

.footer__brand svg {
    color:#ffffff;
}

.footer__brand small {
    font-size:var(--smaller-font-size);
}
 

@media screen and (min-width: 767px) {
    .footer__mila {
        display:grid;
        padding-bottom:2rem;
    }
}




/***********************************************************************/

.sesion__benefits h3 {
    font-family: var(--title-font);
    font-size: calc(var(--big-font-size) * 1);
    color: var(--white-color);
    text-shadow: 0px 0px 12px rgba(255, 255, 255, 0.5);
    line-height: 1.25;
    margin-bottom: 1.5rem;
}

.sesion__benefits p {
    font-size: var(--h3-font-size);
    font-weight: bolder;
    color: #fff;
    max-width: 27.5rem;
}

.sesion__benefits ul {
    position: relative;
    transform: translateY(5rem);
}

.benefits__media.list-b {
    /*transform: translateY(-10rem);*/
    padding: .75rem;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 1rem;
    backdrop-filter: blur(30px);
    background-color: rgba(255, 255, 255, 0.1);
    height: fit-content;
}










/****************************/
#packs .t-modal--wrap {
    background-color: transparent;
    padding: 1.5rem;
    margin-bottom: 1.5rem;
    display: flex;
    flex-direction: column;
}


#packs .modal__form::-webkit-scrollbar {
    width:.5rem;
    height:.5rem;
    background-color:transparent;
}


#packs .modal__form::-webkit-scrollbar-thumb {
    background-color:#eaeaea;
}

#packs .t-modal--close {
    position:initial;
    margin:0 auto 1.25rem auto;
    color:var(--body-color);
    background-color:var(--title-color);
}

#packs .t-modal--session {
    background-color: #fff;
    border-radius: 1.25rem;
    overflow: hidden;
    display: flex;
}


#packs .t-modal--content.active {
    display:flex;
}


#packs .modal__sesion .overlay-item__text {
    display: flex;
    flex-direction: column;
}


#packs .modal__form {
    overflow: auto;
    padding: 0 .5rem;
}


#packs .t-modal--wrap {
    max-height: 80dvh;
}



@media screen and (min-width: 767px) {
    #packs .t-modal--wrap {
        max-height: 90dvh;
        max-width:30rem;
    } 
    
    
    #packs .t-modal {
        place-content: end center;
    }
}








/******************************/

@media screen and (min-width: 1550px) {
    html {
        font-size:1vw;
    }
    
    .container,
    .single-service .container {
        max-width:initial;
    }
}





/**************************/
.syllabus--header {
    display:grid;
    justify-content:space-between;
    padding: 4rem 0 6rem 0;
    grid-template-columns:1fr 3fr;
}




.syllabus--header .title {
    
}

.syllabus--header .subtitle {
    font-size:var(--big-font-size);
}

.syllabus--header .subtitle h3 {
    width: 62.5%;
    color: #fff;
    font-weight: bolder;
    line-height: 1.25;
    font-family: var(--title-font);
}




.container--sillabus {
    padding: 0 1.5rem;
    justify-content:space-between;
}




.section__syllabus h2 {
    font-size:var(--big-font-size);
    color:var(--color-button);
}


.syllabus--wrapper {
    display:grid;
    grid-template-columns: 1fr 3fr;
    gap:0%;
}

.syllabus {
    grid-template-columns:repeat(auto-fill,minmax(min(100%,17rem),1fr));
    gap:2.625rem;
}


.topic {
    display:grid;
    gap:.75rem;
}


.topic img {
    width:100%;
    aspect-ratio:239/134;
    display:block;
}



.topic__title {
    display:grid;
    grid-template-columns: auto 1fr;
    font-family: var(--title-font);
    color:var(--title-color);
    font-weight:bold;
    font-size:var(--smaller-font-size);
    opacity:.85;
}

.topic__title h3 {
    text-align:center;
}




























.parallax-- {
    overflow:hidden;
    width:100%;
    height:100%;
}

.parallax- {
    width:100%;
    height:100%;
}







/***************** STACKS ******************/

.stack__cards {
    display:grid;
    gap:7.5rem;
    justify-items: center;
}

.stack__card {
    --width: 70vw;
    --aspect-ratio-x: 16;
    --aspect-ratio-y: 9;
    aspect-ratio: var(--aspect-ratio-x)/var(--aspect-ratio-y);
    max-width:var(--width);
    position:sticky;
    top:calc(50vh - calc((    (var(--width) * var(--aspect-ratio-y)) / (var(--aspect-ratio-x) * 2)    )));
    border-radius:.5rem;
    overflow:hidden;
}

.stack__content {
    position:relative;
    display:grid;
    height:100%;
}

.stack__content:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(180deg, transparent, rgba(16, 23, 30, .902) 90%);
}

.stack__card .stack__poster {
    display:block;
    aspect-ratio: var(--aspect-ratio-x)/var(--aspect-ratio-y);
    height: auto;
    align-self: end; 
}

.stack__card picture img {
    display: block;
    object-fit: cover;
    height: 100%;
    width:100%;
    object-position: center;
}

.stack__body {
    position:relative;
    display:grid;
    align-items:end;
    z-index:1;
    padding:1.5rem;
}

.stack__metadata {display:none;}

.stack__grid .stack__body {
    padding: 4rem 1.5rem;
    align-content: end;
}

.stack__date {
    margin-bottom:.75rem;
}

.stack__date time {
    color:var(--title-color); 
    font-weight:bold;
}

.stack__body .stack__title {
    font-size: var(--big-font-size);
    line-height: 1.15;
    margin-bottom: 3.5rem;
    color:var(--color-button);
    font-family: var(--brand-font);
}



.stack__body--wrap {
    display:grid;
}

.stack__header {
    grid-template-columns:1fr 1fr;
    display:grid;
}

.stack__header p {
    padding-bottom: 5rem;
    text-wrap-style: balance;
}

.stack__footer {
    display: flex;
    justify-content: space-between;
    align-items: self-end;
    padding-top: 1.5rem;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    margin-top: 1.75rem;
    flex-wrap: wrap;
    gap: 1.5rem;
    align-items: center;
}

.stack__footer .price {
    display:flex;
    flex-direction:row-reverse; 
    gap:.625rem;
}

.stack__footer .price {
    margin:0;
    font-size:1rem;
}


/* <ins> Current*/
.stack__footer .price ins {
    color:var(--color-button);
    font-weight:bolder;
    background-color:transparent;
    text-shadow:2px 2px 4px hsl(30deg 60.8% 49.02% / 45%);
}


/* <del> Old*/
.stack__footer .price del {
    color:var(--text-color);
    position:relative;
    text-decoration:none;
    font-weight: bold;
    color: var(--text-color-light);
}

.stack__footer .price del:before {
    content:"";
    height:2px;
    background-color:var(--color-button);
    width:100%;
    position:absolute;
    top:calc(50% - 1px);
    transform: rotate(-15deg);
    transform-origin:center;
}









.stack__actions {
    flex: 1;
    justify-content: flex-end;
}

.stack__footer .animated-link.btn-checkout {
    color:#fff;
    flex:1;
}


@media screen and (min-width: 480px) {
    .stack__footer .animated-link.btn-checkout {
        flex:none;
    }
    
    .stack__actions {
        flex: none;
    }
    
}


.stack__footer .animated-link.btn-checkout:before {
    background-color: var(--color-button);
    box-shadow: 0 0 12px hsl(30deg 60.8% 49.02% / 50%);
}


/**** stack screen *******/
.stack__screen .stack__cards {
    /*gap:0;*/ 
}

.stack__screen .stack__card {
    --width:100vw; 
    height:100vh;
    top:0;
    aspect-ratio:initial;
    border-radius:0;
    width:100%;
}

.stack__screen .stack__card .stack__poster {
    aspect-ratio:initial;
    position:absolute;
    inset:0;
    width:100%;
} 

.stack__screen .stack__card picture img {
    height:100vh;
    width:100vw;
}

.stack__screen .stack__content {
    height:100vh; 
}

.stack__screen .stack__content:after {
    background: linear-gradient(180deg, transparent 25%, rgba(16, 23, 30, .902) 90%);
}
/**** stack screen *******/


.map__retreat {
    color:var(--title-color);  
}

.map__retreat svg {
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1px;
    max-width: 10rem;
    opacity: .5;
}

.map__retreat svg#mapPeru       {max-width:   9rem;}
.map__retreat svg#mapRepDom     {max-width:12.5rem;} 
.map__retreat svg#mapGuatemala  {max-width:10rem;} 
.map__retreat svg#mapMexico     {max-width:  14rem;}
.map__retreat svg#mapItaly      {max-width:  11rem;}



/**** Stack List ****/

.stack__screen .stack__list .stack__card .stack__poster {
    position:relative;
}


.stack__screen .stack__grid .stack__card picture {
    
}

.stack__screen .stack__list .stack__card .stack__poster {
    opacity:0;
    grid-row-start: 1;
    animation: imageOpacity1 .3s linear both;
} 

.stack__screen .stack__grid .stack__card .stack__poster {
    opacity:0;
    animation: imageOpacity2 .3s linear both;
}


@keyframes imageOpacity1 {
    0% {opacity:0;}
    100% {opacity:1}
}
@keyframes imageOpacity2 {
    0% {opacity:0;}
    100% {opacity:1}
}



.stack__screen .stack__list .stack__card picture img {
    height:initial;
    transform:none!important;
    aspect-ratio: 2400 / 1714;
}


.stack__cards.stack__list {
    gap:0;
}


.stack__screen .stack__list .stack__card {
    position:initial;
    top:initial;
    height:initial;
    padding: 3.5rem 0;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}


.stack__screen .stack__list .stack__header {
    grid-template-columns:5fr 3fr;
    gap:1.5rem;
    align-items: end;
}




.stack__screen .stack__list .stack__content {
    height: initial;
} 


.stack__screen .stack__list .stack__content:after {
    display:none; 
}


.stack__screen .stack__list .stack__body h2 {
    margin-bottom:1.5rem;
    margin-top:1.5rem;
}

.stack__screen .stack__list .stack__body p {
    padding-bottom:0;
}

.stack__screen .stack__list .stack__footer {
    padding-top: 0rem;
    border-top: none;
}


.stack__screen .stack__list .stack__card:last-child {
    /*border-bottom: 1px solid rgba(255, 255, 255, 0.1);*/
}






@media screen and (min-width: 767px) {
    
    .stack__body {
        padding: 4rem 1.5rem; 
    }
    
    .stack__body--wrap {
        grid-template-columns:1fr 3fr;
    }
    
    
    .stack__screen .stack__list .stack__body--wrap {
        grid-template-columns:1fr; 
    }
    
    .stack__screen .stack__list .stack__card .stack__poster {
        grid-row-start: initial;
        align-content: end;
    }
    
    .stack__screen .stack__list .stack__card picture img {
        aspect-ratio: 16 / 9; 
    }
    
    .stack__screen .stack__list .stack__card { 
        padding: 6rem 1.5rem; 
        scroll-margin-top:5rem;
    }
    
    .stack__grid .stack__body {
        padding: 6rem 2.5rem;
    }
    
    .stack__screen .stack__list .stack__body {
        padding: 0;
    }
    
    .stack__screen .stack__list .stack__content {
        height: initial;
        grid-template-columns: 1fr 1fr;
        gap: 5vw;
    }
    
    .stack__screen .stack__list .stack__footer {
        margin-bottom:1.5rem;
    }
    
    .stack__footer .stack__actions {
        
    }
    
    .stack__screen .stack__grid .stack__header {
        grid-template-columns:1fr 1fr 1fr;
    }
    
    .stack__screen .stack__grid .stack__header .map__retreat {
        grid-column-start:3;
    }
}


/****** COMPONENT STACKS GROUP *****/
/****** header stacks *****/
.stacks__header {
    padding:0 1.5rem;
}

.stacks__header h2 {
    line-height: 1.15;
    font-size: calc(1.45 * var(--big-font-size));
    color:var(--color-button);
}

@media screen and (min-width: 767px) {
    .stacks__header {
        grid-template-columns:1fr 2fr 1fr;
        gap:1rem;
    }
}

.stacks__header small {
    font-size: var(--small-font-size);
    padding-top: 1.5rem;
    display: inline-block;
    font-weight: bold;
    color: var(--color-button);
}

.stacks__header p {
    color: var(--title-color);
    margin-bottom: 6rem; 
    text-wrap-style: balance; 
    font-weight: bold;
    max-width: 50ch;
}

.stacks__toggle {
    display: flex;
    gap: 1.5rem;
    justify-content: flex-end;
    align-items: baseline;
    height: fit-content;
    padding-top: 1.5rem;
}

.stacks__toggle button {
    padding: 0;
    background: none;
    line-height: initial;
    border: none;
    color: var(--text-color);
    font-size: var(--smaller-font-size);
    cursor: pointer;
    opacity: .5;
    font-family: var(--title-font);
    transition:.3s ease;
    display:flex;
    gap:0.4rem;
}

.stacks__toggle button svg {
    width: 1.125rem;
    stroke-width: 3px;
    stroke: var(--title-color);
    overflow: visible;
}

.stacks__toggle button:hover,
.stacks__toggle button.active {
    opacity:1;
}

/**** Marquee Text ******/
.marquee__text--wrap {
    width:100%;
    overflow:hidden;
    --gap:1.5rem;
    position: absolute;
    background-color: var(--color-button);
    text-transform: uppercase;
    padding:0.385rem 0; 
}

.banner__top { 
    top:0;
}

.banner__bottom {
    bottom:0; 
}

.stack__grid .banner__bottom {
    display:none;
}


.marquee__text {
    overflow:hidden;
    display: flex;
    width: max-content;
    position: relative;
}

.marquee__text--group {
    display: flex;
    padding: 0;
    margin: 0;
    list-style-type: none; 
    height: 100%;
}

.marquee__text--item {
    display: flex;
    gap: var(--gap);
    font-size: 0.75rem;
    margin-left: var(--gap);
    color: var(--body-color);
    line-height:1;
    font-weight: bold;
}

.marquee__text {
    animation: marqueeText 50s linear infinite; 
}

@media screen and (min-width: 767px) { 
    .marquee__text {
        animation: marqueeText 30s linear infinite;
    }
}

@keyframes marqueeText {
    0% { transform: translateX(0); }
    100% { transform: translateX(calc(-50%));}
}






















/****************** VISOR COMPONENT ***************/


/*** Visor Names***/
.visor__names {
  position: relative;
  overflow: hidden;
}

.visor__name {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  text-align: center;
  opacity: 0;
  transform: translateY(100%); /* fuera de vista por defecto */
  transition: .5s cubic-bezier(.25, 1, .5, 1);
  color: var(--title-color);
  font-weight: bold;
  font-size: var(--smaller-font-size);
  text-transform: uppercase;
}

.visor__name.active {
  opacity: 1;
  transform: translateY(0); 
  z-index: 2;
  position:relative;
}

.visor__name.prev,
.visor__name.prev2 {
  opacity: 0;
  transform: translateY(-100%);
  z-index: 1;
}

.visor__name.next,
.visor__name.next2 {
  opacity: 0;
  transform: translateY(100%);
  z-index: 1;
}

/*** Slides Visor ***/
.section__cases {
    --count:1.05;
    --gap:0rem;
    --ratio-x:16;
    --ratio-y:9;
}

@media screen and (min-width: 767px) {
    .section__cases {
        --count:1.625;
    }
}

.visor__main {
    position:relative;
    margin:.75rem 0;
}

.cases .embla__slide {
    aspect-ratio: var(--ratio-x)/var(--ratio-y);
}

.cases .card__content {
    height:100%;   
}

.cases .embla__slide picture {
    display:block;
    height:100%;
}

.cases .embla__slide.slide__active {
    opacity:1;
}

.cases .embla__slide picture img {
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
}

.cases .slide__content {
    height:100%;
    transition: .2s cubic-bezier(.25, 1, .5, 1);
    opacity:0.45;
    transform:scale(0.95);
}

.cases .embla__slide.slide__active .slide__content {
    margin:auto;
    opacity:1;
    transform:scale(0.90);
}

.is-dragging.cases .embla__slide.slide__active .slide__content {
    opacity:0.6;
    transform:scale(0.95);
}

/*** Corners Visor ***/
.overlay__corners {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    
}

.corner--wrap {
    width: calc((100% / var(--count)) + 1.5rem);
    height: calc(100% + 1.5rem);
    transition: all .2s cubic-bezier(.25, 1, .5, 1);
    transform:scale(0.90);
}

.visor__main:has(.is-dragging ) .corner--wrap,
.visor__main:has(.play-button-icon:hover) .slide__content,
.visor__main:has(.play-button-icon:hover) .corner--wrap{
    transform:scale(0.95);
}

.visor__main .play-button-icon {
    pointer-events:auto;
    cursor:pointer;
}

.corner--wrap .corners {
    background: linear-gradient(90deg, #fff 0.0625rem, transparent 0) 0 0, 
                linear-gradient(90deg, #fff 0.0625rem, transparent 0) 0 100%, 
                linear-gradient(270deg, #fff 0.0625rem, transparent 0) 100% 0, 
                linear-gradient(270deg, #fff 0.0625rem, transparent 0) 100% 100%, 
                linear-gradient(180deg, #fff 0.0625rem, transparent 0) 0 0, 
                linear-gradient(180deg, #fff 0.0625rem, transparent 0) 100% 0, 
                linear-gradient(0deg, #fff 0.0625rem, transparent 0) 0 100%, 
                linear-gradient(0deg, #fff 0.0625rem, transparent 0) 100% 100%;
    background-repeat: no-repeat;
    background-size: 0.75rem 0.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}


/*** ProgressVisor ***/
.progressWrap {
    position: relative;
    display: flex;
    justify-content: center;
    flex-shrink: 0;
    width: 13.25rem;
    height: 1.25rem;
    overflow: clip;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    margin:auto;
}

.progressWrap:before {
    content: "";
    position: absolute;
    left: 0;
    height: 1.25rem;
    width: 2rem;
    background: linear-gradient(90deg, var(--body-color), transparent);
    z-index: 1;
}

.progressWrap:after {
    content: "";
    position: absolute;
    right: 0;
    height: 1.25rem;
    width: 2rem;
    background: linear-gradient(270deg, var(--body-color), transparent);
    z-index: 1;
}

.progressContainer {
    position: absolute;
    left: 6rem;
    display: flex;
}

.progressContainer>div {
    display: flex;
    gap: 0.125rem;
}

.progressContainer>div:first-child {
    position: absolute;
    right: calc(100% + 0.125rem);
}

.progressContainer>div:nth-child(2) {
    padding-right: 0.125rem;
}

.progressContainer>div:nth-child(3) {
    position: absolute;
    left: 100%;
}

.progressContainer>div>div {
    text-align: center;
    height: 1.25rem;
}

.progressContainer>div>div:nth-child(odd) {
    width: 1.125rem;
    font-size: var(--small-font-size);
}

.progressContainer>div>div:nth-child(2n) {
    width: 1.5rem;
    letter-spacing: 0.25rem;
    font-weight: bold;
    text-align: right;
    margin-top: -0.1875rem;
}

.progressWrap svg {
    position: absolute;
    bottom: 0;
    width: 1.125rem;
    height: 1rem;
}





















/* ============================= */
/* PRELOADER BASE */
/* ============================= */

.preloader {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100vh;
    display: grid;
    place-content: center;
    background-color: var(--body-color);
    z-index: 8;

    clip-path: polygon(0 0%,100% 0%,100% 100%,0 100%);

    animation: preloadClose 1s var(--expo-in-out) forwards;
    animation-delay: 4s;

    will-change: clip-path;
}

.preloader__loader {
    width: 10.5rem;
    color:var(--color-button);
    display:grid;
}

/* ============================= */
/* LOADER ANIMATION */
/* ============================= */
.loader__svg {
  --frames: 4;
  --duration: 0.8s; /* duración total del loop */
}

.loader__svg g {
    transform:scale(0.75);
    transform-origin:center;
}

.loader__svg .preload__icons path {
  opacity: 0;
  animation: iconFrames var(--duration) linear infinite;
  animation-delay: calc(
    var(--i) * (var(--duration) / var(--frames))
  );
}

@keyframes iconFrames {
  0%   { opacity: 1; }
  24.999% { opacity: 1; }
  25%  { opacity: 0; }
  100% { opacity: 0; }
}

/* ============================= */
/* OVERLAY */
/* ============================= */

.preloader__overlay {
    position: absolute;
    inset: 0;
    display: grid;
    place-content: center;
    width: 100%;
    height: 100vh;
    background-color: var(--color-button);

    clip-path: polygon(0 100%,100% 100%,100% 100%,0 100%);

    animation: overlayOpen 2s var(--expo-in-out) forwards;
    animation-delay: 1.5s;

    will-change: clip-path;
}

@keyframes overlayOpen {
    from { clip-path: polygon(0 100%,100% 100%,100% 100%,0 100%); }
    to   { clip-path: polygon(0 0%,100% 0%,100% 100%,0 100%); }
}

/* ============================= */
/* TEXT WRAPPER */
/* ============================= */

.preloader__text__wrapper{
    --logo-ratio-x: 87.28;
    --logo-ratio-y: 53.76;
    --overlay-logo-w: 10.5rem;
    --overlay-logo-h: calc((var(--overlay-logo-w) * var(--logo-ratio-y))/var(--logo-ratio-x));
    --gap-desktop-y: 1rem;
    --gap-desktop-x: 4rem;
    --gap-mobile-y: 1rem;
    --gap-mobile-x: 1rem;

    display: grid;
    grid-template-rows: 1fr 0fr 1fr;
    gap: calc((var(--overlay-logo-h)/2) + var(--gap-mobile-y));
}

/* ============================= */
/* TEXT BLOCKS */
/* ============================= */

.preloader_in {
    display: grid;
    align-items: center;
    align-content: center;
    gap: 0.0rem;

    transform: translateY(50px);
    opacity: 0;

    will-change: transform, opacity;

    animation:
        textIn 0.5s cubic-bezier(.02,.84,.04,.98) forwards 2.5s,
        textOut 0.6s var(--expo-in-out) forwards 4.2s;
}

/* stagger entrada 0.08 */
/* stagger salida 0.05 */

.preloader_in.pi2 {
    animation:
        textIn 0.5s cubic-bezier(.02,.84,.04,.98) forwards 2.58s,
        textOut 0.6s var(--expo-in-out) forwards 4.25s;
}

@keyframes textIn {
    from {
        transform: translateY(50px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes textOut {
    from {
        transform: translateY(0);
        opacity: 1;
    }
    to {
        transform: translateY(-220px);
        opacity: 0;
    }
}

/* ============================= */
/* PRELOADER CLOSE */
/* ============================= */

@keyframes preloadClose {
    from { clip-path: polygon(0 0%,100% 0%,100% 100%,0 100%); }
    to   { clip-path: polygon(0 0%,100% 0%,100% 0%,0 0%); }
}

/* ============================= */
/* TEXT STYLES */
/* ============================= */

.preloader__text {
    /*text-transform: uppercase;*/
    text-align: center;
    margin: 0;
    font-family: var(--brand-font);
    font-size: var(--big-font-size);
    color: var(--body-color);
    font-style: italic;
    font-weight: bold;
}

.preloader__logo {
    position: relative;
    color:var(--body-color);
}

.preloader__logo svg {
    width: var(--overlay-logo-w);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* ============================= */
/* RESPONSIVE */
/* ============================= */

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

    .preloader__text__wrapper{
        gap: calc(var(--gap-desktop-y)/2);
    }

    .preloader_in {
        gap: calc(var(--overlay-logo-w) + (var(--gap-desktop-x)*2));
        grid-template-columns: 1fr 1fr;
    }

    .preloader_in .preloader__text {
        text-align: left;
    }

    .preloader_in .preloader__text:first-child {
        text-align: right;
    }
}




/*************** VIDEO NAV BILLBOARD ****************/
.overlay__logo {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    display: grid;
    place-content: center;
    opacity:1;
    pointer-events:none;
}


.overlay__logo svg {
    width: 10.5rem;
    filter: drop-shadow(0 0 12px rgba(255, 255, 255, 1));
    opacity: .75;
    mix-blend-mode: difference;
}

.overlay__logo svg .icon__center {
    display:none;
}



.video__noise {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    opacity: .1;
    pointer-events: none;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%;
    z-index: 2
}

.video__noise__inner {
    animation: noiseVideo 1.2s steps(3) infinite both;
    background: url(/wp-content/themes/milawells-child/assets/noise.png);
    height: 200%;
    left: -50%;
    position: absolute;
    top: -50%;
    width: 200%;
    will-change: auto
}

@keyframes noiseVideo {
    0% { transform: translate3d(1%,-1%,0) }
    10% { transform: translate3d(-5%,-2%,0) }
    20% { transform: translate3d(10%,5%,0) }
    30% {transform: translate3d(5%,-11%,0)}
    40% {transform: translate3d(-12%,-5%,0)}
    50% {transform: translate3d(10%,9%,0)}
    60% {transform: translate3d(15%,0,0)}
    70% {transform: translate3d(-10%,8%,0)}
    80% {transform: translate3d(10%,2%,0)}
    90% {transform: translate3d(-1%,5%,0)}
    to {transform: translate3d(0,8%,0)}
}

@keyframes videoRetreat {
    to {opacity:1;}
}

.retreats__video {
    opacity:0;
    animation: videoRetreat .5s var(--power3-in) forwards;
}


.retreats__video:after {
    content: "";
    display: block;
    height: 16rem;
    height:100vh;
    z-index: 2;
    position: absolute;
    bottom: 0;
    /* left: 0; */
    width: 100%;
    background: linear-gradient(0deg, #15110f80, #15110f00);
    background: linear-gradient(180deg, transparent, rgba(16, 23, 30, .902) 90%);
    opacity: 1;
    pointer-events: none;
}


/**/


.retreatsVideo {
    width:100vw;
    overflow:hidden;
}


.home__card__progress {
    width:100%;
}


.home__progress__bg {
    background: #fff3;
    height: 0.125rem;
    position: relative;
    width: 100%;
}

.home__progress__fill {
    background: var(--color-button);
    height: 100%;
    transition: width .1s ease;
    width: 0%;
    will-change: width;
}


.active .home__progress__fill {
    animation: progress linear forwards;
    animation-duration: var(--progress-duration, 10s);
}

@keyframes progress {
    to { width: 100%; }
}








.retreats__schedule p {
    margin-bottom:0;
}

.retreats__schedule {
    position:absolute;
    bottom:3.5rem;
    width:100%;
    left:0;
    padding:0 1.5rem;
}

.retreats__events {
    display:flex;
    gap:1rem;
    justify-content:space-between;
    position:relative;
}

.retreats__video {
    position:absolute;
    inset:0;
    width: 100%;
    overflow: hidden;
}








@keyframes cardY {
    to {transform:translateY(0); opacity:1;}
}


.retreats__events article {
    width:100%;
    transition: opacity .3s ease;
    cursor:pointer;
    font-weight:bold;  
    
    
}


.retreats__events article .article--wrap {
    display:grid;
    gap:.75rem;
    opacity:.3;
    transition: opacity .3s ease;
    padding-top:1.5rem;
    width:100%;
    cursor:pointer;
}



.retreats__events article ul {
    display:none;
    position:absolute;
    grid-row-start:1;
    bottom:1.5rem;
    left:0;
    width:100%;
}

.retreats__events article.active ul {
    display:block;
}



@media screen and (min-width: 767px) {
    .retreats__events article {
        transform:translateY(1.5rem); 
        opacity:0;
        
        animation: cardY .5s var(--power3-out) forwards;
        animation-delay: calc((.09s * (var(--index) - 1)) + 1s);
    }
    
    
    .retreats__events article ul {
        display:block;
        position:initial;
        grid-row-start:initial; 
        
    }
    
    .retreats__schedule {
        bottom:4.5rem;
        left:initial;
        padding:0 2.5rem;
    }
    
    .retreats__events {
        gap:5.25vw;
    }
    
    .home__progress__bg {
        background: linear-gradient(90deg, #fff, #fff3);
    }
    
    
}

.retreats__events article h3 {
    color:var(--title-color);
}

.retreats__events article.active h3 {
    text-shadow:2px 2px 4px rgb(255 255 255 / 45%);
}


.retreats__events article:hover .article--wrap,
.retreats__events article.active .article--wrap {   
    opacity:1;
}


.c_videoMultyBillboard {
    position:relative;
    height:100svh;
}


video {
    height:100%;
    width:100%;
    object-fit:cover;
}


li.title__nav {
    display: flex;
    justify-content: space-between;
}

li.title__nav:after {
    content: "";
    width: 3ch;
}



.title__action {
    display: grid;
    width: 3ch;
    place-content: center;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    bottom: calc(2lh + 1.5rem + 2px);
    height: 1.75rem;
}


.active .title__action {
    opacity:1;
    pointer-events:auto;
}

.title__action svg {
    stroke-width: 3px;
    height: 15px;
    stroke: var(--title-color);
    overflow: visible;
    transform: translateY(150%);
    transition: transform .3s cubic-bezier(.02,.84,.04,.98), stroke .3s ease;
}

.active .title__action svg {
    transform: translateY(0%);
}

.active .title__action:hover svg {
    stroke:var(--color-button);
    filter:drop-shadow;
}


.section__hero--retreats.section {
    padding-top:0;
}

.retreats__schedule:has(h1)+.overlay__logo {
    display:none;
}

.retreats__schedule h1 {
    margin:0;
    font-family: var(--title-font);
    grid-row-start: 2;
    color: var(--color-button);
    text-shadow: 0px 0px 3px var(--color-button);
}

.retreats__schedule h1 i {
    font-family: var(--brand-font); 
}

@media screen and (min-width: 767px) {
    .retreats__schedule:has(h1) {
        bottom: 2.25rem;
        gap:1.25rem;
    }
    
    .title__action {
        bottom:initial;
        top: calc(2.25rem + 2px);
    }
    
}










/*********** Mockups Components ************/
.mockup-3d {
    perspective: 1500px;
    --multiply: 1;
    user-select:none;
}

.mockup-3d img {
    display:block;
    height:100%;
    width:100%;
    object-fit: cover;
}

/* Wrapper component */
.book-wrapper:hover .book   {transform: rotateX(5deg) rotateY(-50deg);}
.movie-wrapper:hover .movie {transform: rotateX(5deg) rotateY(-50deg);}

.book-wrapper:hover .book-shadow   {transform: rotateX(90deg) rotateZ(40deg);}
.movie-wrapper:hover .movie-shadow {transform: rotateX(90deg) rotateZ(40deg);}
.boxcase-wrapper:hover .boxcae-shadow   {transform: rotateX(90deg) rotateZ(40deg);} 


.movie-wrapper { --movie-width: calc(15rem * var(--multiply) ); } 
.book-wrapper { --book-width: calc(15rem * var(--multiply) ); } 
.boxcase-wrapper { --boxcase-width: calc(12.5rem * var(--multiply) ); }

/**
 * Book component
 */

.book-wrapper {
    perspective: 1500px;
}

.book {
    --thickness: 0.625rem; /*12px*/
    position: relative;
    z-index: 1;
    width: var(--book-width);
    transform-style: preserve-3d;
    transition: transform 1s ease;
    transform: rotateX(0deg) rotateY(-30deg);
    
    display:grid;
    aspect-ratio:537/758;
}
    
.book__front {
    border-radius: 5px;
    overflow: hidden;
    transform: translateZ(calc(var(--thickness)));
    position:relative;
}

.book__front:after {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
    position: absolute;
    background: linear-gradient(213deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 106%);
    opacity: 0.41;
    transition: background 1s ease;
}


.book-wrapper:hover .book__front:after {
    /*background: linear-gradient(237deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 106%);*/ 
}

.book__back {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background: #5b606a;
    border-radius: 5px;
    overflow: hidden;
    transform: translateZ(calc(-1 * var(--thickness)));
    filter: grayscale(1);
}
    
.book__paper {
    height: 98%;
    width: calc(var(--thickness) * 2);
    background: white;
    position: absolute;
    top: 1%;
    right: 0;
    background: 
        linear-gradient(90deg, rgba(0, 0, 0, 0.3), rgba(255, 255, 257, 0)), 
        repeating-linear-gradient(90deg, white, #e2e2e2 1px, white 3px, #9a9a9a 1px);
        
    transform: rotateY(90deg) translateX(calc(var(--thickness) / 7)) translateZ(calc(var(--thickness) / 1.2));
}



/**
 * Movie component
 */

.movie-wrapper {
    perspective: 1500px;
}

.movie {
    --movie-lenght:2.5rem; 
    position: relative;
    z-index: 1;
    width: var(--movie-width);
    transform-style: preserve-3d;
    transition: transform 1s ease;
    transform: rotateX(0deg) rotateY(-30deg);
    
    display:grid;
    aspect-ratio: 299/375;
}

.movie__front {
    border-radius: 5px;
    overflow: hidden;
    transform: translateZ(calc(var(--movie-lenght) / 2));
}
    
.movie__edge {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 0.3125rem;
    background: #0011ff;
    transform: rotateY(45deg) translateZ(0.75rem) translateX(-0.8125rem);
    
    filter: grayscale(.85) brightness(0.7);
}
    
.movie__side {
    height: 100%;
    width: var(--movie-lenght);
    background: white;
    position: absolute;
    top: 0;
    right: 0;
    background: linear-gradient(to right, #003bba 0%, #1e4fb8 100%);
    border-radius: 5px;
    transform: rotateY(90deg) translateX(0) translateZ(calc(var(--movie-lenght) / 2));
    
    filter: grayscale(.85) brightness(0.7);
}   
        
/* Vertical split line */
.movie__side:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 0.0625rem;
    background: black;
    opacity: 0.5;
}
        
/* Cover indent */
.movie__side:after {
    content: "";
    display: block;
    background: linear-gradient(to right, #0a4bde, #123893, #071751);
    position: absolute;
    border-radius: 10px;
    top: 20%;
    bottom: 20%;
    left: 20%;
    width: 60%;
}




/**
 * Box component
 */
.boxcase-wrapper {
    perspective: 1500px;
}

.boxcase {
    --boxcase-lenght: 4.625rem;
    position: relative;
    z-index: 1;
    width: var(--boxcase-width);
    transform-style: preserve-3d;
    transition: transform 1s ease;
    transform: rotateX(-10deg) rotateY(-30deg);
    
    display: grid;
    aspect-ratio: 2 / 3;
    
}

.boxcase-wrapper:hover .boxcase {transform: rotateX(-5deg) rotateY(-40deg);}

.boxcase__front {
    overflow: hidden;
    transform: translateZ(calc((var(--boxcase-lenght) / 2) - 1px)); 
    border-radius:2px;
}

.boxcase__back {
    overflow: hidden;
    transform: translateZ(calc((var(--boxcase-lenght) / -2) - 1px)); 
    border-radius:2px;
}
    
.boxcase__side {
    height: 100%;
    width: var(--boxcase-lenght);
    background: white;
    position: absolute; 
    top: 0;
    background: linear-gradient(to right, #003bba 0%, #1e4fb8 100%);
    border-radius:2px;
    overflow:hidden;
    
    background-image: url('https://milawells.dsherpass.com/wp-content/uploads/2026/02/Left-side-vol.2.jpg');
    background-position: left top;
    background-size: 100% 100%;
}


.boxcase__front:after,
.boxcase__back:after,
.boxcase__side:after {
    background-image: url('https://milawells.dsherpass.com/wp-content/uploads/2026/02/black-box-background.jpg');
    /*background-image: url('https://milawells.dsherpass.com/wp-content/uploads/2026/02/7682ey938lkvY9zwE22m2WrChns.png'); */
    
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
    position: absolute;
    opacity: 0.19;
    transition: background 1s ease;
    
    mix-blend-mode:screen;
    background-repeat: repeat;
    background-position: left top;
    background-size: 256px auto;

    
    
    
}

.side-left {
    left: 0;
    transform: rotateY(-90deg) translateX(0) translateZ(calc(var(--boxcase-lenght) / 2));
}


.side-right {
    right: 0;
    transform: rotateY(90deg) translateX(0) translateZ(calc(var(--boxcase-lenght) / 2));
}



.boxcase__top,
.boxcase__bottom {
    position:absolute;
    width:100%;
    height:var(--boxcase-lenght);
    left:0;
    background: linear-gradient(to right, #003bba 0%, #1e4fb8 100%);
    
    background-image: url('https://milawells.dsherpass.com/wp-content/uploads/2026/02/Top-side-vol.2.jpg');
    background-position: left top;
    background-size: cover;
    
    
}

.boxcase__top {
    filter: brightness(0.95);
    top:0;
    transform: rotateX(90deg) translateX(0) translateZ(calc(var(--boxcase-lenght) / 2));
}

.boxcase__bottom {
    bottom:0;
    transform: rotateX(90deg) translateX(0) translateZ(calc((var(--boxcase-lenght) / -2) + 1px));
}







/*
.book,
.movie,
.boxcase {
    will-change: transform;
    transform-style: preserve-3d;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}
*/
/* Asegurar que todas las caras 3D se comporten correctamente */
/*
.book__front,
.book__back,
.book__paper,
.movie__front,
.movie__side,
.movie__edge,
.boxcase__front,
.boxcase__side,
.boxcase__edge {
    transform-style: preserve-3d;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}
*/

/* Evitar z-fighting en la parte trasera del libro */
/*
.book__back,
.boxcase__back {
    transform: translateZ(calc(-1 * var(--thickness) - 0.1px));
}
*/
/* Estabilización extra GPU */
/*
.book {
    transform: translateZ(0) rotateX(0deg) rotateY(-30deg);
}

.movie {
    transform: translateZ(0) rotateX(0deg) rotateY(-30deg);
}

.boxcase {
    transform: translateZ(0) rotateX(-10deg) rotateY(30deg);
}
*/





.extras__list { 
    display: grid;
    justify-content: center;
    margin: 10vh 0;
    justify-items: center;
}

.item__extra {
    display: grid;
    gap: 2.5rem;
    margin: 2.5rem 0; 
    min-height: 75vh;
    align-content: center;
}

.item__extra--data {
    text-align: center;
    display: grid;
    gap: .25rem;
    font-weight: bold;
    color: var(--color-button);
}

.item__extra h3 {
    font-size: var(--h3-font-size);
    text-align: center;
    font-family: var(--title-font);
}

.item__extra--data p {
    font-weight: bolder;
    margin: 0;
}


 







/************* otros ****************/
main {
    margin-top:0;
}

.c_videoMultyBillboard video {
    height:100%;
    width:100%;
    position: absolute;
    inset: 0;
    opacity:0;
}

.c_videoMultyBillboard video.active {
    opacity:1; 
}















/****** Custom Video Player ********/ 
.videoModal {
    height: 100dvh;
    width: 100%; 
    overflow: hidden;
}

.videoModal header {
    display:flex;
    justify-content:space-between;
    padding:1.5rem; 
} 

.videoModal .times {
    background-color:var(--title-color);
    --svgTimes: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M6.4 19L5 17.6l5.6-5.6L5 6.4L6.4 5l5.6 5.6L17.6 5L19 6.4L13.4 12l5.6 5.6l-1.4 1.4l-5.6-5.6z'/%3E%3C/svg%3E");
    -webkit-mask-image: var(--svgTimes); 
    mask-image: var(--svgTimes); 
    padding:0 1rem;
}



.videoModal {
    position:fixed;
    top:0;
    height:100dvh; 
    width:100%;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:.3s ease;
    z-index:9999;
}

.modal-opened .videoModal{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
}


/***** preview *****/
.progress-preview {
    position: absolute;
    bottom: 2rem;
    opacity:0;
    visibility:hidden;
    pointer-events: none;
    border-radius: 2px;
    overflow: hidden;
    transform:translateX(-50%);
    transition:opacity .3s ease;
    display:grid;
    justify-items:center;
    gap:0.25rem;
    font-size:var(--small-font-size);
}

.progress-preview.active {
    opacity:1;
    visibility:visible;
}

.preview-image {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    width:10rem;
    aspect-ratio:16/9;
}

/*Preview*/

.custom-player { 
    position:relative;   
}

.custom-player header {
    position:absolute;
    width:100%;
    top:0;
    align-items:center;
}

.custom-player header .title {
    text-shadow: 2px 2px 4px rgb(255 255 255 / 45%);
    color: #fff;
}

.custom-player header .subtitle {
    font-weight: bold; 
    font-size: var(--small-font-size);
    color: #fff;
}




.custom-player footer {
    position:absolute;
    bottom:0;
    width:100%;
    padding:1.5rem;
}


.custom-player video {
    width: 100%;
    display: block;
    aspect-ratio:16/9;
    object-fit:contain;
    height:100dvh;
    cursor:pointer;
}

.controls {
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: monospace;
    --svgPlay: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M8 19V5l11 7z'/%3E%3C/svg%3E");
    --svgPause: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M14 19V5h4v14zm-8 0V5h4v14z'/%3E%3C/svg%3E");
    --svgSound: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M14 20.725v-2.05q2.25-.65 3.625-2.5t1.375-4.2t-1.375-4.2T14 5.275v-2.05q3.1.7 5.05 3.138T21 11.975t-1.95 5.613T14 20.725M3 15V9h4l5-5v16l-5-5zm11 1V7.95q1.175.55 1.838 1.65T16.5 12q0 1.275-.663 2.363T14 16'/%3E%3C/svg%3E");
    --svgMute: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M7 15V9h4l5-5v16l-5-5z'/%3E%3C/svg%3E");
}

.controls #play-pause {
    padding:0; 
}

.control-btn {  
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    background-color: var(--title-color);
    -webkit-mask-image: var(--svgPlay); 
    mask-image: var(--svgPlay);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    cursor:pointer;
}

.controls .control-btn {
    cursor:pointer;
}

.controls .play-pause {
    -webkit-mask-image: var(--svgPlay); 
    mask-image: var(--svgPlay);  
}

.controls .play-pause.pause {
    -webkit-mask-image: var(--svgPause); 
    mask-image: var(--svgPause); 
}

.controls .sound {
    -webkit-mask-image: var(--svgSound);  
    mask-image: var(--svgSound);  
}

.controls .sound.mute {
    -webkit-mask-image: var(--svgMute); 
    mask-image: var(--svgMute);  
}



.progress-container {
    flex: 1;
    position: relative;
    height: 1rem;
    cursor: pointer;
}

.progress-bar {
    position: relative;
    width: 100%;
    height: 0.125rem;
    top: 50%;
    transform: translateY(-50%); 
}

.progress-bar:before {
    content: "";
    display: block;
    width: 100%;
    height: 0.125rem;
    background: linear-gradient(90deg, #fff, #fff3);
    position: absolute;
    z-index: 0;
}

.progress-fill {
    background: var(--color-button);
    height: 0.125rem;
    width: 0%;
    position: relative;
}

.progress-span {
    position: absolute;
    bottom: 0.125rem;
    left: 0;
    transform: translateX(-50%);
    display: block;
    line-height: 0;
    color: var(--color-button);
}













/***************************** PROGRAM *****************************/
.section__program {
    --nav-height:0px;
    --color-dash:rgba(255,255,255,0.4);
    --itinerary-width: 32.125rem; 
    --side-distance: .75rem;
}

.program--wrap { 
    display:grid;
    gap: 3.5rem 0rem;
}

.program__content {
    margin: 0 1.5rem;
}

.itinerary {
    position: relative;
    margin: 0;
    padding-left: 2.5rem; 
}



.day__header--wrap:before {
    content: "";
    display: block;
    width: 100%;
    height: 2.5rem;
    background-color: var(--body-color);
}

.day__header--wrap:after {
    content: "";
    display: block;
    width: 100%;
    height: 0.75rem;
    background: var(--body-color);
}

.day {
    padding-bottom: 1.75rem;
    border-bottom: 1px dashed var(--color-dash);
    position:relative;
    list-style: none;
}

.day:last-child {
    border-bottom:0;
}

.day__side {
    position: absolute;
    top: 2.5rem;
    margin-bottom: 5.5rem;
    height: 100%;
    right: calc(100% + var(--side-distance));
}


.day__number {
    position:relative;
    background-color: var(--body-color);
    font-size:var(--small-font-size);
    font-weight:bold;
}

.day__number:before {
    content: "";
    position: absolute; 
    display: block;
    width: 1rem;
    height: 1rem;
    background: var(--text-color);
    border-radius: 50%;
    left: calc((var(--side-distance) * -1) - 27px);
    top: 1.5rem;
    z-index: 2;
}

.day:after {
    position: absolute;
    left: calc((var(--side-distance) * -1) - 1.25rem);
    content: "";
    border: 1px dashed var(--color-dash);
    display: block;
    width: 0;
    height: 100%;
    top: 4.5rem;
}

.day:last-child:after {
    height:0;
}

.day:first-child .day__header--wrap .day__number:after { 
    content: "";
    position: absolute;
    top: 1.5rem;
    width: 1rem;
    height: calc(1lh + 2.75rem - 1px);
    display: block;
    background: var(--body-color);
    z-index: 1;
    transition: background-color .3s ease;
    width: 100%;
    left: calc((var(--side-distance) * -1) - 2.25rem);
    transform: translateY(-100%);
}

.day__header--wrap {
    position: sticky;
    top: calc(var(--nav-height) - 1px) ;
    z-index: 2;
    background-color: var(--body-color);
    transition: background-color .3s ease, top 0.6s cubic-bezier(.6, 0, .4, 1);
}

.count-1 .day__header--wrap {
    position:initial;
}

.day__header {
    grid-template-columns: auto 2.5rem;
    align-items: start;
    cursor: pointer;
    background-color: var(--body-color);
}

.day__header .header__icon {
    display: grid;
    place-content: center;
    margin-top: 1rem;
    opacity:0.5;
    transition:.3s ease;
}

.day__header:hover .header__icon {
    opacity:1;
}

.day__header .day__title {
    margin:0;
    font-size:var(--h1-font-size);
    font-family:var(--title-font);
    color:var(--text-color-light);
    transition: .3s ease;
}

.active .day__header .day__title {
    color: var(--title-color);
    text-shadow: 0px 0px 10px rgb(255 255 255 / 50%);
}

.day__header .day__title i {
    font-family:var(--brand-font);
}

.day__content {
    padding: 0;
    overflow-y: clip;
    transition: all .35s cubic-bezier(.75, 0, .25, 1);
}

.day__content--inside {
    padding:1.5rem 0;
}


.day__content--wrap {
    display:grid;
    grid-template-rows:0fr;
    transition: grid-template-rows .5s ease;
    overflow:hidden;
}

.active .day__content--wrap {
    grid-template-rows:1fr;
    
}

.day__content {
    overflow:hidden; 
}

.day__content strong {
    color: var(--title-color);
    font-weight: bold;
}

.day__content p {
    margin-top: .325rem;
}

.day__content--top {
    border-bottom: 1px dashed rgba(255, 255, 255, 0.2);
    padding: .0rem 1rem 0.75rem 0rem;
    margin-bottom: 1.5rem;
    font-weight: bold;
    font-size: var(--smaller-font-size); 
}

.program__notes {
    color: var(--text-color);
    font-size: var(--small-font-size);
    font-weight: bold;
}

.program__media {
    position:sticky;
    top:0;
    width:100%;
}

.program__media img {
    object-position: 50% 50%;
    height: 100%;
    object-fit: cover; 
}


@media screen and (min-width: 767px) {
    
    .section__program {
        --color-dash:rgba(255,255,255,0.2);
        --side-distance: 3.5rem;
    }
    
    .program--wrap {
        grid-template-columns: 1fr 1fr;
        justify-items:center;
    }
    
    .program__content {
        margin: 1lh 2.5vw 3.5rem 0;
        padding: 0 0 0 7.5rem;
        max-width: var(--itinerary-width);
    }
    
    .itinerary {
        padding-left: 0; 
    }
    
    .day__number:before {
        content: none;
    }
    
    .day__number {
        position: absolute;
        display: flex;
        flex-direction: column-reverse;
        gap: .5rem;
        left: calc((var(--side-distance) * -1) - 2.5rem);
        text-align: center;
        z-index: 1;
        padding-bottom: 0.3rem;
    }
    
    .day__number .number {
        border-radius: 50%;
        aspect-ratio: 1;
        place-content: center;
        width: 2.5rem;
        background-color: var(--text-color-light);
        color: var(--body-color);
    }

    .day:first-child .day__header--wrap .day__number:after {
        height:2.5rem;
        left: initial;
        transform: none;
        bottom: 100%;
        top: initial;
    }
    
    .program__notes {
        display:grid;
        gap:.75rem;
    }
     
    .program__media {
        height:100dvh;
    }
    
    .program__media img {
        max-height: 100dvh;  
    }
}




/************ Share Component***************/

.itinerary__header {
    padding: 1.5rem 0;
    border-bottom: 1px solid rgba(255,255,255,0.1);
    display: flex; 
    justify-content: space-between;
    gap: 2.5rem;
    align-items: center;
    text-transform: uppercase;
    font-weight: bold; 
    font-size: var(--smaller-font-size);
}

.share__toggle { 
    position: relative;
}

.share__toggle .share__button { 
    display: grid;
    padding: .75rem;
    cursor:pointer;
}

.share__toggle .share__box {
    position: absolute;
    top: 2.75rem;
    z-index: 3;
    right: -1.5rem;
    width: max-width;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:.3s ease;
    overflow:hidden;
    padding:.5rem;
}

.share__toggle.show .share__box {
    top: 2.25rem;
    opacity:1;
    visibility:visible;
    pointer-events:auto;
}

.share__toggle .share__links {
    padding: 0; 
    margin: 0;
    background-color: var(--body-color);
    border: 1px solid rgba(255,255,255,0.25);
    border-radius: 0.35rem;
    position:relative;
    overflow:hidden;
}


.share__toggle .share__box:before {
    content: "";
    position: absolute; 
    top: -3px;
    z-index:1;
    rotate: 90deg;
    right: 2.5rem;
    border-width: 10px 8px 0px 0px;
    display: block;
    border-style: solid;
    border-top: 8px solid transparent; 
    border-right: 8px solid var(--body-color);
    border-bottom: 8px solid transparent;
    filter: drop-shadow(-1px 0px 0px rgba(255,255,255,0.25));
    transition: .3s ease;
}


.share__toggle .share__li {
    display: flex;
    width: 100%; 
    transition: .3s ease;
}

.share__toggle .share__li:hover .share__li {
    color:var(--color-button);
}

.share__toggle .share__li svg {
    width: 1rem;
    height: 1rem;
}

.share__toggle .share__li:not(:last-child) {
    border-bottom: 1px solid var(--color-dash);
}



.share__toggle .share__li .share__link {
    display: grid;
    grid-template-columns: 1rem 1fr;
    gap: 0.5rem;
    text-transform: capitalize;
    font-weight: bold; 
    padding: 0.75rem 1.5rem 0.75rem 1.25rem;
    width: 100%;
    align-items: center;
    user-select: none;
    text-wrap: nowrap;
    cursor:pointer;
    font-size: var(--smaller-font-size);
    border-radius:0;
    transition:.3s ease;
}





  





/**************** COMPONENT TOGGLE+ SIDE PICTURE *********************/
.togglePictureComponent {
    
} 

.togglePictureList {
    display:grid;
    position:relative;
    margin:auto 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.togglePicture__item {
    display:grid;
    column-gap:1.5rem;
}

.togglePicture__item {
    border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.togglePicture__header {
    padding: 1.5rem 0;
    display: grid;
    grid-template-columns:1fr 1.5rem;
    gap:1.5rem;
    justify-content:space-between;
    align-items: center;
    cursor:pointer;
    transition: all 1s cubic-bezier(.23,1,.32,1);
    color: var(--text-color-light);
}

.togglePicture__header .togglePicture__title {
    font-size: var(--h2-font-size);
    font-family: var(--title-font); 
    font-weight: 100; 
    letter-spacing: -1px;
    line-height:1.2;
    color: currentColor;
}

.togglePicture__header:hover {
    color:var(--title-color);
} 

.active .togglePicture__header .togglePicture__title {  
    color:var(--title-color);
}
 
.active .togglePicture__header .togglePicture__title {
    text-shadow: 0px 0px 10px rgb(255 255 255 / 50%);
}

.togglePictureList:not(:has(.active)) .togglePicture__header  {
    color:var(--color-button);
}




.togglePicture__header svg {
    width:1rem;
    height:1rem;
    display:grid;
    place-content:center;
    /*transition: transform .6s cubic-bezier(0.625, 0.05, 0, 1);*/
    transition: all 1s cubic-bezier(.23,1,.32,1);
    margin:auto;
    opacity:.5;
}

.togglePicture__header:hover svg {
    opacity:1;
}

.active .togglePicture__header svg {
    transform: rotate(315deg);
}

.togglePicture__body {
    display:grid;
    overflow: hidden;
    grid-template-rows: 0fr;
    transition: grid-template-rows .6s cubic-bezier(0.625, 0.05, 0, 1);
    transition: all 1s cubic-bezier(.23,1,.32,1);
}

.togglePicture__body--wrap {
    flex-flow: column;
    height: 10000%;
    display: flex;
    overflow: hidden;
}

.active .togglePicture__body {
    grid-template-rows: 1fr;
}


    
.active .togglePicture__body p {
    color:var(--title-color);
}


.togglePicture__item ul {
    padding: .5rem;
    flex-wrap: wrap;
    gap: .35rem .35rem;
    bottom: 0;
    width: 100%;
}

.togglePicture__item:has(picture) ul {
    position: absolute;
}

.togglePicture__item ul li {
    border-radius: 2px;
    font-size: calc(var(--smaller-font-size) * 0.75);
    padding: 2px 10px;
    border: 1px solid rgb(255 255 255 / 17%);
    display: grid;
    width: fit-content;
    text-align: center;
    color: var(--title-color);
    background-color: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(22px);
    font-weight: bold;
}

.togglePicture__body p {
    font-size: var(--small-font-size);
    color: var(--title-color);
    font-weight: bold;
}

.togglePicture__item picture {
    display: grid;
    border-radius: .5rem;
    overflow: hidden;
}

.togglePictureMedia {
    display:none;
}









@media screen and (min-width: 767px) {
    .section__benefits--retreats .section__header {
        text-align:center;
        justify-items: center;
    }
}





.section__benefits--retreats .section__header .tag {
    margin-top:1.5rem;
    display:flex;
    gap:0.5rem;
    align-items:center;
    height:fit-content;
    font-size: var(--small-font-size);
    font-weight: bold;
    color: var(--color-button);
    text-transform:uppercase; 
}

.section__benefits--retreats .section__header .tag svg {
    width:1.25rem;
    stroke-width:4px;
    stroke:currentColor;
    overflow:visible;
}


.section__benefits--retreats h2 {
    font-family:var(--title-font);
    font-size:calc(1 * var(--big-font-size));
    font-weight:bold;
    color: hsl(210deg 3.99% 56.2%);
    line-height:1.2;
}

.section__benefits--retreats h2 i {
    font-family:var(--brand-font);
    color:var(--title-color);
}

.section__benefits--retreats .rotator {
    color:var(--color-button); 
}


@media screen and (min-width: 767px) {
    .section__benefits--retreats h2 {
        font-size:calc(1.5 * var(--big-font-size));
    }
}


/******* Rotator Component ********/
.rotator {
  display: inline-grid;
  align-content: center;
  clip-path: inset(0 -0.5ch 0 0);
  width:var(--rotator-width);
  --rotator-transition: transform 1s cubic-bezier(.23,1,.32,1);
  transition:width .5s cubic-bezier(.23,1,.32,1);
  height:fit-content;
}

.rotator span {
  grid-area:1/1;
  text-wrap-mode: nowrap;
  width:fit-content;
  transform: translateY(100%);
}

.rotator.center {
    justify-content: center;
}

.rotator.left {
    justify-content: left; 
}


.rotator.center span {
    margin:auto;
}

.rotator.left span {
    margin-left:auto;
}

/* estados */
.rotator span.current {
  transform: translateY(-3%);
  transition: var(--rotator-transition);
}

.rotator span.prev {
  transform: translateY(-103%);
  transition: var(--rotator-transition); 
}

.rotator span.next {
  transform: translateY(103%); 
}



/*direction*/
.rotator.reverse span.prev {
  transform: translateY(103%);
}

.rotator.reverse span.next {
  transform: translateY(-103%);  
}
/**/














@media screen and (min-width: 767px) {
    .togglePictureComponent {
        display: grid;
        grid-template-columns: 4fr 2fr 6fr;
        align-items: center;
    }
    
    .togglePicture__item {z-index:0;}
    .togglePicture__item.prev { z-index:1; }
    .togglePicture__item.active { z-index:2; } 

    
    .togglePicture__header {
        padding: 1.125rem 0.125rem;
    }
    
    .togglePicture__media {
        position: absolute;
        top: 50%;
        left: 0;
        width: 150%;
        transform: translateX(100%) translateY(-50%);
        overflow: hidden;
        aspect-ratio: 14/9;
        display:block;
        user-select:none;
    }
    
    .togglePicture__img {
        position:absolute;
        inset:0;
        z-index:0;
        transition: transform 1s cubic-bezier(.23,1,.32,1);
        transform:translateY(101%);
        overflow:hidden;
        height:100%;
        width:100%;
        pointer-events:none;
        display:block;
    }
    
    
    .togglePicture__item.prev .togglePicture__img {
        opacity:1;
        transform:translateY(0);
    }
    
    .togglePicture__item.active .togglePicture__img {
        position:relative;
        inset:initial;
        transform:translateY(0);
        pointer-events:auto; 
    }
    
    
    .togglePicture__img .togglePicture__source {
        display:block;
        height:100%;
        transform: scale(2);
        transition: transform 1s cubic-bezier(.23,1,.32,1);
    }
    
    .togglePicture__item.active .togglePicture__source,
    .togglePicture__item.prev .togglePicture__source { 
        transform: scale(1); 
    }
    
     
    /*no one active*/
    .togglePictureList:not(:has(.active)) .togglePicture__item:first-child {
        z-index:1;
    }
    
    .togglePictureList:not(:has(.active)) .togglePicture__img:first-child {
        position:relative;
        transform:translateY(0);
    }  
    
    .togglePictureList:not(:has(.active)) .togglePicture__item:first-child .togglePicture__source {  
        transform:scale(1);
    }
    
    
    
    
    
    
    
    
    
    
    
    
    .togglePictureImg picture,
    .togglePictureImg picture img {
        display:block;
        height:100%;
        object-fit:cover;
    }
    
    
    .togglePicture__body p {
        padding: 0 0.125rem;
        text-wrap-style: balance;
        margin: 4lh 0 1.5rem 0; 
        max-width: 35ch;
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    .section__benefits--retreats .container {
        display:grid;
        gap:6rem;
    }
}


















/***** SECTION INTRO ********/
.intro__wrap {
    color:var(--title-color);
    gap:2.5rem;
    text-align:center;
}

.intro__wrap p {
    font-weight:bold;
}

.intro__title { 
    color: hsl(210deg 3.99% 56.2%);
    line-height: 1.2; 
    font-size: calc(var(--h1-font-size) * 1.5); 
    font-weight: 100; 
    font-family: var(--title-font);
    text-align:center;
    text-wrap-style:balance;
}

.intro__title i {
    color: var(--title-color); 
    font-weight: bold;
    font-family: var(--brand-font); 
}

.intro__buttons {
    display: flex;
    justify-content: center;
    gap: 1.5rem;
    flex-wrap:wrap;
}

.section__intro p {
    margin:auto; 
     
}

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




} 




/********* VIDEO INLINE ***********/
.corners .videoInline--wrap {
    --back-width: 0.0625rem; 
    --back-size: .5rem;
    padding:.75rem; 
    background: linear-gradient(90deg, var(--title-color)  var(--back-width), transparent 0) 0 0, 
                linear-gradient(90deg, var(--title-color)  var(--back-width), transparent 0) 0 100%, 
                linear-gradient(270deg, var(--title-color) var(--back-width), transparent 0) 100% 0,  
                linear-gradient(270deg, var(--title-color) var(--back-width), transparent 0) 100% 100%,  
                linear-gradient(180deg, var(--title-color) var(--back-width), transparent 0) 0 0, 
                linear-gradient(180deg, var(--title-color) var(--back-width), transparent 0) 100% 0, 
                linear-gradient(0deg, var(--title-color)   var(--back-width), transparent 0) 0 100%, 
                linear-gradient(0deg, var(--title-color)   var(--back-width), transparent 0) 100% 100%;
    background-repeat: no-repeat;
    background-size: var(--back-size) var(--back-size);
    margin:0 .75rem;
}

.videoInline--wrap {
    position:relative;
}

.videoInline--wrap svg path {
    fill:var(--title-color);
    transform: translateX(1px); 
}

.videoInline--wrap .play-button-icon {
    background-color:rgba(255, 255, 255, 0.12);
    backdrop-filter:blur(4px);
    width:3rem;
    height:3rem; 
}

.videoInline--wrap video {
    aspect-ratio:16/9;
    cursor:pointer;
}




@media screen and (min-width: 767px) { 
    .corners .videoInline--wrap {
        max-width:61.25rem;
        margin:auto; 
    }
}


























/*world map*/
.section__globe {
    width:100%;
    overflow-x:clip;
}

#globe {
    width:600px;
    height:600px;
    margin:auto;
    position:relative;
    transform-origin: bottom;
}

#globe svg {
    width:100%;
    height:auto;
}

#globe .globe-labels-layer {
    position:absolute;
    inset:0;
    pointer-events:none;
    line-height:0;
}

/*** Animation ***/
.point{
    --scaler : 0.625;
    r: calc(var(--scaler) * 10px); 
    transition: r .3s ease, fill .3s ease, opacity .3s ease;
    fill:var(--text-color-light);
    opacity:0;
}

.point.is-visible {
    opacity:1;
}

.point.past {
    fill:rgba(255,255,255,0.1)
}

.route__point.pulse,
.active--item .route__point {
  -webkit-transition: r .3s ease, fill .3s ease;
  transition: r .3s ease, fill .3s ease;
  -webkit-animation: pulse 2s infinite ease;
  animation: pulse 2s infinite ease;
  r:calc(var(--scaler) * 19px);
}


.route__point.point__back.pulse,
.active--item .route__point.point__back {
  -webkit-transition: r .3s ease;
  transition: r .3s ease;
  -webkit-animation: pulsin 2s infinite ease;
  animation: pulsin 2s infinite ease;
  r:calc(var(--scaler) * 10px); 
}



@keyframes pulse {
  0% {
    r:calc(var(--scaler) * 10px);
    opacity: 0.7;
  }
  70% {
    r:calc(var(--scaler) * 19px);
    opacity: 0;
  }
  100% {
    r:calc(var(--scaler) * 10px);
    opacity: 0;
  }
}

@-webkit-keyframes pulse {
  0% {
    r:calc(var(--scaler) * 10px);
    opacity: 0.7;
  }
  70% {
    r:calc(var(--scaler) * 19px);
    opacity: 0;
  }
  100% {
    r:calc(var(--scaler) * 10px);
    opacity: 0;
  }
}

@keyframes pulsin {
  0% {
    r:calc(var(--scaler) * 9px);
    opacity: 0.7;
  }
  70% {
    r:calc(var(--scaler) * 10px);
    opacity: 1;
  }
  100% {
    r:calc(var(--scaler) * 9px);
    opacity: 1;
  }
}

@-webkit-keyframes pulsin {
  0% {
    r:calc(var(--scaler) * 9px);
    opacity: 0.7;
  }
  70% {
    r:calc(var(--scaler) * 10px);
    opacity: 1;
  }
  100% {
    r:calc(var(--scaler) * 9px);
    opacity: 1;
  }
}
/*** Animation ***/ 


/*labels*/
.globe-label {
    z-index:2;
    display:block;
    position:relative;
    pointer-events:none;
    opacity:0;
    transition: opacity .3s ease;
}

.globe-label.is-visible {
    pointer-events:auto;
    opacity:1;
}

.globe-label .label-content {
    position:absolute;
    font-size: calc(var(--normal-font-size) * 1); 
    font-weight:bold;
    transform: scale(calc(1 / var(--scaler)));
}


.globe-label .label-content a {
    color:var(--text-color-light);
    transition:.3s ease;
}

.globe-label .label-content a:hover {
    text-shadow:2px 2px 4px var(--color-button);
    color:var(--color-button); 
}


/*
.globe-label.top .label-content     { transform: translate(-50%, -1.5rem) }
.globe-label.right .label-content   { transform: translate(1rem, -1px) }
.globe-label.left .label-content    { transform: translate(calc(-100% - 1rem), -1px) } 
.globe-label.bottom .label-content  { transform: translate(-50%, 1.5rem) } 
*/

.globe-label.top .label-content {
  transform:
    scale(calc(1 / var(--scaler)))
    translate(-50%, calc(-1.5rem / var(--scaler)));
}

.globe-label.right .label-content {
  transform:
    scale(calc(1 / var(--scaler)))
    translate(calc(1rem / var(--scaler)), calc(-1px / var(--scaler)));
}

.globe-label.left .label-content {
  transform:
    scale(calc(1 / var(--scaler)))
    translate(calc((-100% - 1rem) / var(--scaler)), calc(-1px / var(--scaler)));
}

.globe-label.bottom .label-content {
  transform:
    scale(calc(1 / var(--scaler)))
    translate(-50%, calc(1.5rem / var(--scaler)));
}





.globe-bg {
  fill: var(--color-bg); 
}

.globe-land {
  fill: hsl(210deg 18% 18%); /* tierra oscura azulada */
  stroke: rgba(255,255,255,0.08);
  stroke-width: 0.6px;
}

.globe-outline {
  stroke: rgba(255,255,255,0.08);
}