/*
 Theme Name:     Amaiaq Child
 Theme URI:      https://amaiaq.com/
 Description:    Child Theme for Amaiaq
 Author:         @brian.raw
 Author URI:     https://www.dsherpass.com
 Template:       amaiaq
 Text Domain:    amaiaqchild
 Version:        1.0.0
*/
 

/*=============== Theme customization starts here ===============*/ 
html {
    scroll-behavior: smooth;
}


body {
    overflow-x: hidden;
    color:var(--text-color);
    background-color:var(--body-color);
    transition:background-color .3s ease;
    scroll-behavior: smooth;
}

main {
    margin-top: 5rem;
}

main.page__form,
main.homepage {
    margin-top:0;
}


@media screen and (min-width: 767px) {
    main {  
        margin-top: 6rem;
    }
    
    main.page__form,
    main.homepage {
        margin-top:0;
    }
    
    .single-product main {
        margin-top:0; 
    } 
    
}



.single-product main {
    margin-top:0;
}






/*==================== GOOGLE FONTS ====================*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap');

@font-face {
    font-family: 'Penumbra Flare';
    src: url('fonts/Penumbra-Flare-Std-Light.woff2') format('woff2');
    font-weight: 400; /* Ajusta según el peso real */
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Penumbra Flare';
    src: url('fonts/Penumbra-Flare-Std-Regular.woff2') format('woff2'); 
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Penumbra Flare';
    src: url('fonts/Penumbra-Flare-Std-Semibold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Penumbra Flare';
    src: url('fonts/Penumbra-Flare-Std-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Maghfirea';
    src: url('fonts/maghfirea.woff2') format('woff2');   
    font-style: normal;
    font-display: swap;
}












/*==================== VARIABLES CSS ====================*/
:root {
    --header-height: 3rem;

    /*========== Colors ==========*/
    /* Change favorite color */
    --hue-color: 350; /*Purple 250 - Green 142 - Blue 230 - Pink 340*/

    /* 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%);
    --title-color: hsl(var(--hue-color), 8%, 15%);
    --text-color: hsl(var(--hue-color), 8%, 45%);
    --text-color-light: hsl(var(--hue-color), 8%, 65%);
    --input-color: hsl(var(--hue-color), 70%, 96%);
    /*--body-color: hsl(var(--hue-color), 60%, 99%);*/
    --body-color: hsl(var(--hue-color), 100%, 100%);
    --container-color: hsl(var(--hue-color), 100%, 100%);
    --section-color: hsl(var(--hue-color), 100%, 100%);
    --scroll-bar-color: hsl(var(--hue-color), 12%, 90%);
    --scroll-thumb-color: hsl(var(--hue-color), 12%, 80%);
    --color-black :0,0,0;
    --color-white :255,255,255;

    /*========== Font and typography ==========*/
    --body-font: 'Poppins', sans-serif;
    --brand-font: 'Penumbra Flare', sans-serif;
    --brand-font-1: 'Maghfirea', 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;
    
    /*========== customs ==========*/
    --height-menu: 88px; 
}

/* 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%, 95%);
    --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%);
    */
    --body-color: hsl(var(--hue-color), 0%, 10%);
    --section-color: hsl(var(--hue-color), 0%, 10%);
    
    --color-black :255,255,255;
    --color-white :0,0,0;
    
}


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

.section {
	padding: 2rem 0 4rem;
	background-color: var(--section-color);
	transition:background-color .3s ease;
}

.section-tr {
    position:relative;
}

.section-tr:before {
    content: "";
    display: block;
    width: 100%;
    height: 1.75rem;
    background-color: var(--section-color);
    top: -1.5rem;
    position: absolute;
    border-radius: 1.25rem 1.25rem 0 0;
    transition: background-color .3s ease;
}

.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;
    border-radius:3px;
    overflow:hidden;
}


.single__cart .button {
    padding: calc(1rem - 2px) 2rem; 
}


/*
.single__cart select {
    -webkit-appearance: none; 
    -moz-appearance: none;
    appearance: none;
    background-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Ctitle%3Edown-arrow%3C%2Ftitle%3E%3Cg%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M10.293%2C3.293%2C6%2C7.586%2C1.707%2C3.293A1%2C1%2C0%2C0%2C0%2C.293%2C4.707l5%2C5a1%2C1%2C0%2C0%2C0%2C1.414%2C0l5-5a1%2C1%2C0%2C1%2C0-1.414-1.414Z%22%20fill%3D%22%23000000%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E);
    background-size: 9px;
    background-position: calc(100% - 3px) 51%;
    background-repeat: no-repeat;
}
*/


.button.button_alt {
    border-color:var(--title-color);
    background-color:var(--body-color);
    color:var(--title-color);
}

.button.button_alt:hover {
    background-color:var(--title-color);
    border-color:var(--title-color);
    color:var(--body-color);
}


h1, h2, h3, h4, h5, h6 {
    color:var(--title-color); 
}


ul {
    list-style: none
}

a {
    text-decoration: none
}

a:visited {
    color: inherit;
}

a:focus {
    outline: none;
}

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

form {
    --valid-color: #00d084;
    --invalid-color: #ff6900;
    --error-color: #d93025
}

.claims__book p,form p {
    margin-bottom: 0
}

form p a,form p a:visited {
    color: var(--text-color);
    transition: .3s
}

form p a:hover,u {
    color: var(--title-color)
}

form select {
    border: 1px solid #ccc;
    width: 100%;
    padding: calc(.5rem + .25px);
    border-radius: .5rem
}

p {
    line-height: 1.5
}







form {
    --valid-color: #00d084;
    --invalid-color: #ff6900;
    --error-color: #d93025
}

.claims__book p,form p {
    margin-bottom: 0
}

form p a,form p a:visited {
    color: var(--text-color);
    transition: .3s
}

form p a:hover,u {
    color: var(--title-color)
}

form select {
    border: 1px solid #ccc;
    width: 100%;
    padding: calc(.5rem + .25px);
    border-radius: .5rem
}

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

.textarea__label {
    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: 0;
    padding: .25rem .5rem .5rem 0
}





.textarea__label,img[alt] {
    font-size: var(--smaller-font-size)
}

body,textarea {
    font-size: var(--normal-font-size);
    font-family: var(--body-font)
}

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

.textarea__label {
    font-weight: 500
}

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

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

textarea {
    resize: vertical;
    border: none;
    outline: 0;
    padding: .25rem .5rem .5rem 0;
    background-color: var(--body-color);
    color: var(--text-color);
    transition: background-color .3s ease;
}

textarea:focus {
    color: var(--title-color);
}



strong {
    font-weight: 500
}

::-webkit-scrollbar {
    width: .6rem;
    height: .6rem;
    background-color: var(--scroll-bar-color);
    border-radius: .5rem
}

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

::selection {
    background-color: var(--title-color);
    color: var(--body-color) 
}





.button__whith__icon {
    display: flex;
    align-items: center; 
    position: relative;
    justify-content: flex-end;
    color:var(--body-color);
}

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

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

.button__whith__icon .button__icon {
    position: absolute;
    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;
}


header#header{
    width: 100%;
    top: 0; 
    left: 0;
    position:fixed;
    box-shadow: 2px 3px 7px rgb(0 0 0 / 0%);
    transition: transform 0.6s cubic-bezier(.6, 0, .4, 1), box-shadow 0.3s ease;
    z-index:99; 
}

.header {
    mix-blend-mode: difference;
}

.header__wrap.scroll-down {
    transform: translateY(-102%) rotate(0.001deg);
}

.header__wrap.scroll-up {
    /*box-shadow: 2px 3px 7px rgb(0 0 0 / 8%);*/ 
}


/* 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;}
	
	.section {padding: 6rem 0 2rem;}
	.section__alt {padding:4rem 0;} 
	.header#header.body__show-menu {}
	
	.container {
        width: 80%;
        max-width: 1080px;
    }
	
	.footer__container {padding:0 1rem;}
	.header {
	    padding:0rem;
	    mix-blend-mode: initial;
	}

}


















































/********** Booking Form **********/
.post, .page {margin:0;}

/*======= VARIABLES =======*/
.form {
    
    --form-hue : 24.98;
    /*--form-color-main: var(--form-hue), 96.08%, 50%;*/
    --form-color-main: var(--form-hue), 0%, 0%;
}


/*hsl(24.98%, 96.08%, 50%)*/

/*Components*/
/*--- Butotns ---*/
/*General*/
.form .button {  
    border: 1px solid transparent;
    background-color: hsl(var(--form-color-main), .7);
    transition: all .1s ease-out;
    font-weight: 700;
    cursor: pointer;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 12px 0px;
    padding: 6px 14px;
    min-height: 40px;
    border-radius: .25rem;
    font-size: 1.25rem;
    color: var(--section-color);
}

.form .button svg {
    fill: rgb(255,255,255);
}

/*States*/
.form .button:hover {
    /*background-color:rgb(251, 129, 43);*/
    background-color: hsl(var(--form-color-main));
} 

.form .button:active {
    /*background-color: rgb(225, 96, 5);*/
    background-color: hsl(var(--form-color-main));
}

.form .button[disabled] {
    cursor:initial;
    pointer-events:none;
}

.form .button[disabled] svg {
    fill: rgba(255,255,255, .6);
}

.form .button.prev {
    border-radius: 4px 0 0 4px;
    border-right: 1px solid rgba(255, 255, 255, 0.3); 
}
.form .button.next {
    border-radius: 0 4px 4px 0;
}


/*--- Inputs ---*/
/***** General *****/
.form .form__input {
    display: block;
    width: 100%;
    color: hsl(var(--form-color-main));
    padding: 0 0 .5rem 0;
    border: none;
    outline: none;
    border-radius: 0;
    font-size: 24px;
    transition: box-shadow .1s ease-out 0s;
    box-shadow: hsla(var(--form-color-main), 0.3) 0 1px; 
}

.form .form__input:focus {
    box-shadow: hsl(var(--form-color-main)) 0 2px;
    color: hsl(var(--form-color-main));
}

.form__input::-webkit-input-placeholder {   color: hsl(var(--form-color-main), .3);}
.form__input:-moz-placeholder {             color: hsl(var(--form-color-main), .3);}
.form__input::-moz-placeholder {            color: hsl(var(--form-color-main), .3);}
.form__input:-ms-input-placeholder {        color: hsl(var(--form-color-main), .3);}
.form__input::-ms-input-placeholder {       color: hsl(var(--form-color-main), .3);}
.form__input::placeholder {                 color: hsl(var(--form-color-main), .3);}


/***** Date *****/
.form .input__date .form__input {
    width:3.5ch;
}

.form .input__date.date__year .form__input {
    width:7ch;
}
 
.form .input__date label {
    font-size: 14px;
    color: hsl(var(--form-color-main));
}

.screen__date .form__element [role] {
    display: flex;
    -webkit-box-align: baseline;
    align-items: baseline;
    width: fit-content;
}

.date__separator {
    margin: auto 16px 8px 20px;
    font-size: 30px;
    line-height: 38px;
    color: hsl(var(--form-color-main)); 
}


/*--- Options ---*/
/***** Radio *****/
.radio__group {
    display:grid;
    width:fit-content;
    gap:.5rem
}

.radio__group .option {
    position: relative;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    border-radius: 0.25rem;
    /*background-color: hsla(var(--form-color-main), 0.1);*/
    background-color: hsla(var(--form-color-main), 0.035);
    box-shadow: hsla(var(--form-color-main), 0.6) 0px 0px 0px 1px inset;
    color: hsl(var(--form-color-main));
    min-height: 2.5rem;
    padding: 0.25rem 0;
    transition: all .1s ease-out;
    width: 100%;
    word-break: break-word;
    cursor: pointer;
    overflow: hidden;
}

.radio__group .option:hover {
    /*background-color: hsla(var(--form-color-main), 0.3);*/
    background-color: hsla(var(--form-color-main), 0.175);
}


/********************/
.radio__group:has(.option__media) {
    width:100%;
    grid-template-columns: repeat(auto-fill,minmax(min(100%, 8.5rem),1fr));
}


.radio__group .option.option__media {
    display: grid;
    padding: .5rem .5rem .75rem .5rem;
    gap: .5rem;
    align-content: start;
}

.radio__group .option.option__media .option__data {
    display: flex;
    -webkit-box-align: center; 
    align-items: center;
}

.radio__group .option.option__media img {
    display: block;
    height: 100%;
    aspect-ratio: 4 / 5;
    object-fit: cover;
    border-radius: .125rem; 
} 

.radio__group .option.option__media .radio--value {
    font-size:var(--small-font-size);
}


.radio__group .option.option__media .radio--selector {
    width: 3rem;
    height: 3rem;
    position: absolute;
    top: 0;
    right: 0;
    padding:0;
}

.radio__group .option.option__media .radio--selector:before {
    border-block-start: 24px solid hsl(var(--form-color-main));
    border-block-end: 24px solid transparent;
    border-inline-start: 24px solid transparent;
    border-inline-end: 24px solid hsl(var(--form-color-main));
    content: "";
    position: absolute;
    
}

.radio__group .option.option__media .radio--selector svg {
    position: absolute;
    color: var(--section-color);
    top: 7px;
    right: 6px;
}

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

.radio__group .option input {
    opacity:0;
    position:absolute;
    cursor:pointer; 
}

.radio__group .option .radio--letter {
    display: grid;
    place-content: center;
    width: 24px;
    aspect-ratio: 1;
    border-radius: 2px;
    background-color: rgba(255, 255, 255, 0.8);
    margin: 0.25rem 0.5rem 0;
    border: 1px solid;
    font-size: 12px;
    user-select: none;
    font-weight: 500;
    align-self: flex-start;
}

.radio__group .option:hover .radio--letter {
    background-color:var(--section-color);
}

.radio__group .option .radio--value {
    width: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex: 1 1 0%;
    word-break: break-word;
    font-size: 1rem;
    user-select:none;
    min-width: 100px;
}

.radio__group:has(.option__media) .option .radio--value {
    min-width:initial;
}


.radio--selector {
    opacity:0;
    padding: 0 10px 0 8px;
}

.radio__group .option.checked,
.radio__group .option:has(input:checked) {
    box-shadow: hsla(var(--form-color-main), 0.8) 0px 0px 0px 2px inset;
    animation: 0.25s ease 0s 2 normal none running blink;
}

.radio__group .option:has(input:checked) .radio--letter { 
    background-color: hsl(var(--form-color-main));
    border-color:hsl(var(--form-color-main)); 
    color:var(--section-color);
}

.radio__group .option:has(input:checked) .radio--selector { 
    opacity:1;
}

@keyframes blink {
    50% {opacity: 0.3;}
}


/*======= FORM STRUCTURE =======*/
.form {
    position:relative;
    height:100dvh;
    overflow:hidden;
}

.form .polite {
    font-size:var(--small-font-size);
    margin-bottom:.75rem;
}

/***** Form Top *****/
.form__top {
    position: fixed;
    top:0;
    width:100%;
    z-index:1;
}

.form__top .linesteps {
    position:relative;
    width: 100%;
    height: .25rem;
    overflow: hidden;
    background-color: hsla(var(--form-color-main), 0.3);
}

.form__top .fillsteps {
    height: 100%;
    width:0%;
    background-color: hsl(var(--form-color-main));
    transition: width 0.4s ease 0s; 
}


/***** Form Bottom *****/
.form__footer {
    position:fixed;
    bottom:0;
    width:100%;
    z-index: 2;
}

.form__footer .container {
    max-width:800px;
    padding: 2rem;
}

.form__footer .nav {
    display:flex;
    justify-content:flex-end;
}

.form .form__footer .nav button.button {
    padding: 0;
    width: 36px;
    height: 32px;
    min-height:initial;
}

.form .button.brand__link {
    margin-left: 0.5rem; 
    text-decoration: none;
    padding: 0 .75rem;
    line-height: 1;
    display: flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 14px;
    min-height: initial;
    font-weight: initial;
}



/***** Form Body *****/
.form__screen {
    display: flex;
    min-height: 100dvh;
    flex-direction: column;
    background-color: var(--section-color);
    position: absolute;
    width: 100%;
    height: 100dvh;
    overflow-y: auto;
    transition: top .6s ease 0s, transform .6s ease 0s, opacity .3s ease 0s; 
    transition-delay:0.25s;
    opacity: 0;
    top:100%;
}

.form__screen.visible {
    top:0;
    opacity:1;
}

.form__screen.isNext { top:100%; }
.form__screen.isPrev { top:-100%; } 

.screen__content {
    display: grid;
    gap: 1rem;
    max-width: 50rem;
    width: 100%;
    margin: auto;
    padding: 6rem 1.5rem 10rem 3.75rem;
}

.screen__header {
    position:relative;
}

.screen__header .number {
    position: absolute;
    inset-inline-end: 100%;
    display: flex;
    margin-right: 0.75rem;
    align-items: center;
    gap: 0.25rem;
    color: hsl(var(--form-color-main));
    line-height: 32px;
}

.screen__header .question {
    font-size: 1.25rem;
    line-height: 2rem;
}

.screen__header .question p {
    margin: 0 0 1rem 0;
}

.screen__header .question .q__alt {
    font-size: var(--normal-font-size);
    display: block;
    color: var(--text-color);
    padding-top: .75rem;
}

.screen__footer {
    display:flex;
    gap: .5rem;
    align-items: center;
    position:relative;
    
}

.screen__footer .button {
    position: relative;
    z-index: 3;
}

.helper__enter {
    font-size: 12px;
}


/*Error Form */
.error__msg {
    display:inline-flex;
    padding: 4px 12px 4px 8px;
    align-items:center;
    border-radius: 3px;
    font-size: 14px; 
    line-height: 20px;
    color: rgb(175, 4, 4);
    background-color: rgb(247, 230, 230);
    opacity:0;
    transition: 0s ease;
    transform: translateY(100%);
    position:absolute;
    top:0;
    z-index:-1;
}

.error__icon {
    display:grid;
    place-content:center;
}  

.error .error__msg {
    opacity:1;
    transform: translateY(0);
    transition: .3s ease;
    z-index:initial;
}

.error .button {display:none;}

.screen__footer .error__empty,
.screen__footer .error__number,
.screen__footer .error__date,
.screen__footer .error__day, 
.screen__footer .error__month,
.screen__footer .error__year,
.screen__footer .error__invalid {
    display:none;
}

.is__noNumber .error__number,
.is__much .error__date,
.is__noDay .error__date,
.is__noExist .error__invalid, 
.is__empty .error__empty,
.is__invalid .error__invalid {   
    display:block; 
} 

.form__screen.errorShake { 
    animation: 	0.15s cubic-bezier(0.36, 0.07, 0.19, 0.97) 0s infinite normal both running shakeForm;  
}

@keyframes shakeForm {
	20% {transform: translateX(3px);} 
	80% {transform: translateX(-3px);}
}

@media screen and (min-width: 767px) { 
    .screen__content {
        padding-inline: 2.5rem;
    }
    
    .screen__content {
        padding: 2rem 5rem 6rem 5rem;
    }
    
    .screen__header .question {
        font-size: 1.5rem;
    }
        
    .form .form__input {
        font-size: 30px; 
    }
    
    .radio__group .option .radio--value {
        font-size: 1.125rem;
    }
    
}








































/*Links Page*/



.links__links {
    display:grid;
    gap:1rem;
    max-width:calc(485px + 3rem);
    margin:auto;
    padding: 0 1.5rem;
} 

.links__links a,
.links__links a:visited {
    color: var(--title-color);
    padding: 1.25rem;
    text-align: center;
    text-decoration: none;
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.08);
    font-weight: var(--font-semi-bold);
    word-break: break-word;
    transition:box-shadow .3s ease;
}


.links__links a:hover,
.links__links a:visited:hover {
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15);
}











.links__social {
    display:flex;
    flex-wrap: wrap;
}

.page__links .links__social {
    justify-content: center;
    margin: 10px auto 21px;
}


.links__social .social {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    color: var(--title-color); 
}

.links__social .social svg {
    width:1.25rem;
    height:1.25rem;
}

.links__social .social.tripadvisor svg {
    width:1.4rem;
}














.links__hero {
    display: grid;
    place-content: center;
}

.hero__image img {
    /*height: 10.875rem;*/
    height: 15rem;
    overflow: hidden;
    object-fit: cover;
    clip-path: url(#minimal-01-mask); 
} 

.hero__avatar { 
    position:relative; 
}

.hero__avatar--wrap {
    position: absolute;
    top: -30px;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 8.25rem;
    aspect-ratio:1;
}

.avatar__image {  
    height: 100%;
    padding: 0.5rem;
    background-color: var(--section-color);
    border-radius: 50%;
    display: grid;
    place-content: center; 
}

.avatar__image img {
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.12);
    border-radius: 50%;
    width:7rem;
    aspect-ratio:1; 
    object-fit:cover;
    border: 6px solid var(--section-color);
}


.hero__info {
    text-align:center;
}

.hero__info h1, .hero__info h2{
    margin:0;
}

.hero__info h1 {
    padding: 2.25rem 0 0; 
}

.hero__info h2 {
    font-size:var(--smaller-font-size);
    text-transform:uppercase; 
}


@media screen and (min-width: 767px) {
    .hero__image img {
        height: 75vh;
    }
    
    .hero__avatar--wrap {
        top:-80px;
    }
    
}






















/****** PAGE ITINERARY ******/
/*
.activity.focus-timer  h3 {
    color: #ff4758;
}
*/


.gm-style-iw-chr {
    position: absolute;
    right: 0px;
    transform: scale(0.75);
    transform-origin: top right;
}

.gm-style-iw-chr button {
    border-radius: 50%;
    background-color: rgba(0, 0, 0, .0);!important
}

.gm-style-iw-chr:hover button {
    background-color: rgba(0, 0, 0, .025)!important;
}

.gm-style-iw-chr button:focus-visible,
.gm-style-iw-chr button:focus {
    outline:none;
}


.gm__title {
    margin: 1.125rem 1rem 0.325rem 0.5rem; 
}

.gm-style-iw-d:has(.gm__image) .gm__title {
    margin: 1.125rem 1rem 0.75rem 0rem;
}
 

.gm-style-iw-d .image__responsive {
    display:grid;
    border-radius: 0.35rem;
    overflow:hidden;
}





.show__map {
    cursor: pointer;
    font-size: var(--small-font-size);
    font-weight: var(--font-semi-bold);
    margin-bottom: 1rem;
    display: inline-block;
    opacity: .5;
    transition: all .3s ease;
}
 
.show__map:hover {
    transform:translateX(0.25rem);
    opacity:1;
}

.itinerary__map {
    position:sticky;
    top:0;
    /*
    filter: grayscale(24);
    opacity: .8;
    */
}

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


#map {
    height:100%;
}

.map__destinations {
    position:absolute;
    top:5rem;
    left:5rem;
    padding:1.25rem;
    border-radius:0.75rem;
    background-color:rgba(0,0,0,.5);
    color:var(--section-color);
    box-shadow: 0 1px 2px rgba(60,64,67,0.3),0 2px 6px 2px rgba(60,64,67,0.15);
}

.map__destinations > h4 {
    margin:0;
}

.destinationName {
    cursor:pointer;
    width:fit-content;
}


.itinerary__content {
    margin-left:auto;
}

.itinerary {
    position:relative;
    margin: 0 1.5rem 0 4rem;
}

@media screen and (min-width: 767px) {
    .itinerary {
        margin: 0 5rem 0 7.5rem;
    }
     
    .itinerary__map {
        height:100dvh;
    }
    
    .itinerary__map img {
        max-height: 100dvh; 
    }
    
}


/*
.itinerary:before {
    content: "";
    display: block;
    width: calc(100% + 7.5rem);
    transform: translateX(-7.5rem);
    height: 4rem;
    background-color: var(--section-color);
    top: 0;
    z-index: 1;
}


.itinerary:has(.active):before {
    position: sticky;  
}
*/
.itinerary--wrap {
    display:grid;
}


.day__header--wrap:before {
    content: "";
    display: block;
    width: 100%;
    height: 2.5rem;
} 


.day {
    padding-bottom: 2.5rem;
    border-bottom: 1px dashed #eaeaea;
    position:relative;
    --side-distance: .75rem; 
}



.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(--section-color);
}

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



@media screen and (min-width: 767px) {
    
    .day {
        --side-distance: 3.5rem; 
    }
    
    
    .day__number:before {
        content: none;
    }
    
    .day__number {
        position: absolute;
        display: flex;
        flex-direction:column-reverse;
        gap: .25rem;
        left: calc((var(--side-distance) * -1) - 2.5rem);
        text-align: center;
        z-index:1;
    }
    
    .day__number .number {
        border-radius: 50%;
        aspect-ratio: 1;
        place-content: center;
        width: 2.5rem;
        background-color: var(--title-color);
        color: var(--body-color);
    }
    
}





.day__indicator {
    position: sticky;
    display: grid;
    text-align: center;
    gap: 0.25rem;
    margin: 0 0 7rem;
    top: 2.5rem;
    background-color:var(--section-color);
    z-index:1;
}

.day__indicator .number {
    border-radius: 50%;
    aspect-ratio: 1;
    place-content: center;
    width: 2.5rem;
    background-color: var(--title-color);
    color: var(--body-color);
}


.day__indicator .label {
    display:none;
}


@media screen and (min-width: 767px) {
    .day__indicator .number {display:grid;}
    .day__indicator .label {display:block;}
}



.activities {
    margin:0;
    list-style:none;
    padding: 1.5rem 0 0;
}

.activities .activity {
    position: relative;
}

.day .notes {
    position:relative;
    border:1px solid #eaeaea;
    border-radius: .75rem;
    padding: 1.25rem;  
}


.day:last-child .notes:before {
    content:none;
}


.day .notes p:last-child {
    margin-bottom:0;
}


.day:last-child .activities .activity:after,
.day:last-child .activities .activity:before { 
    position: absolute;
    left: calc((var(--side-distance) * -1) - 1.25rem); 
    content: "";
    border: 1px dashed #eaeaea;
    display: block;
    width: 0;
    top:.5rem;
}


.day:last-child .activities .activity:after {
    height: calc(100% + .75rem); 
    top: 1.25rem;
}




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

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

.day.active:last-child:after {
    height:4.5rem;
}

.count-1 .day.active:last-child:after {
    content:none; 
}



.day:last-child .activities .activity:last-child:after {
    content:none;
}


.day:first-child .day__header--wrap:after { 
    content: "";
    position: absolute;
    top: 0;
    width: 1rem;
    height: 5rem;
    display: block;
    background: var(--section-color);
    z-index: 1;
    left: calc((var(--side-distance) * -1) - 27px);
    transition: background-color .3s ease;
}






.activity__gallery .gallery {
    display:flex;
    gap:0.75rem;
}

.activity__gallery .gallery a {
    display:grid;
    border-radius:0.5rem;
    overflow:hidden;
}

.activity__gallery .gallery a img { 
    display:block;
    aspect-ratio:1;
    object-fit:cover;
    transition: transform .3s ease;
}

.activity__gallery .gallery.items-1 a img {
    aspect-ratio:initial;
}

.activity__gallery .gallery a:hover img {
    transform: scale(1.035);
}


.day__header--wrap {
    position: sticky;
    top: -1px;
    background-color: var(--section-color);
    z-index: 2;
    transition: background-color .3s ease;
}


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


@media screen and (min-width: 767px) {
    .day:first-child .day__header--wrap:after {
        height:2.5rem;
    }
}






.day__header {
    grid-template-columns: auto 3.5rem;
    align-items: center;
    position:relative;
}


.day__header .header__icon svg { 
    margin-left: auto;
    display: flex
}



.itinerary__header {
    padding: 1.5rem 0;
    border-bottom: 1px dashed #eaeaea;
    display: flex;
    gap: 2.5rem;
    align-items: center;
    text-transform: uppercase;
    font-weight: var(--font-medium);
    font-size: var(--small-font-size);
    margin: 0 1.5rem;
}


@media screen and (min-width: 767px) {
    .itinerary__header {
        max-width: calc(450px - 3.5rem);
        margin:0 5rem 0 7.5rem;
    }
}



 
.itinerary__share {
    position: relative;
}

.itinerary__share .share__icon { 
    display: grid;
    padding: .75rem;
    cursor:pointer;
}

.itinerary__share .share__box {
    position: absolute;
    top: 2.75rem;
    background-color: var(--section-color);
    border: 1px solid #eaeaea;
    border-radius: 0.35rem;
    z-index: 3;
    right: -1.5rem;
    display:none;
    width: 8.5rem;
}

.itinerary__share.show .share__box { 
    display:block; 
}

.itinerary__share .share__box ul {
    padding: 0;
    margin: 0;
    display: initial;
}

.itinerary__share .share__li {
    display: flex;
    width: 100%;
    border-bottom: 1px solid #eaeaea;
}

.itinerary__share .share__li:last-child {
    border-bottom: none; 
}

.itinerary__share .share__li .share__link {
    display: grid;
    grid-template-columns: 1rem 1fr;
    gap: 0.5rem;
    text-transform: capitalize;
    text-decoration: none;
    color: var(--text-color);
    font-weight: initial;
    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);
}


.itinerary__share .share__li:first-child:before {
    content: "";
    position: absolute;
    top: -11px;
    rotate: 90deg;
    right: 2.5rem;
    border-width: 10px 8px 0px 0px;
    border-color: #0f0;
    display: block;
    border-style: solid;
    border-top: 8px solid transparent;
    border-right: 8px solid var(--section-color);
    border-bottom: 8px solid transparent;
    filter: drop-shadow(-1px 0px 0px #eaeaea);
    /* border-right-color: #eaeaea; */
    transition: .3s ease;
}

.itinerary__share .share__li:first-child:hover:before { 
    border-right-color: #eaeaea; 
}



.itinerary__share .share__li .share__link:hover {  
    background-color:#eaeaea;
    transform: scale(1);
}

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









.day:last-child .day__header:after {
    opacity:0;
    transition: opacity 0s ease .3s;
}

.active.day:last-child .day__header:after {
    opacity:1;
    transition: opacity 0s ease .1s;
}



.day__header h2 {
    margin:0;
}

.toggle__switch {
    cursor: pointer;
    position: relative;
    display: grid;
    width: fit-content;
    padding-bottom: 0.175rem;
    padding-right:1rem;
    --distance-arrow: 0px;
    user-select:none;
}

.toggle__switch .hide {
    display:none;
}

.active .toggle__switch .show {
    display:none;
}

.active .toggle__switch .hide { 
    display:block;
}


.toggle__switch:before,
.toggle__switch:after {
    content: "";
    background-color: currentColor;
    display: block;
    height: 1.5px;
    width: 5px;
    position: absolute;
    top: 50%;
    transition: all .3s ease;
}

.toggle__switch:before {
    right: calc(var(--distance-arrow) + 3px);
    transform: rotate(45deg);
}

.toggle__switch:after {
    right: var(--distance-arrow);
    transform: rotate(-45deg);
}

.active .toggle__switch:before {transform: rotate(-45deg);}
.active .toggle__switch:after {transform: rotate(45deg);}



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

.day__content h3 {
    margin:0;
    position:relative;
    transition: all .3s ease;
}

.day__content h3:before {
    content:"";
    display:block;
    width:.75rem;
    aspect-ratio:1;
    border:1px solid;
    border-radius:50%;
    position:absolute;
    top:0.5rem; 
    right: calc(100% + var(--side-distance) + 0.875rem);
    background-color:var(--section-color);
    z-index:1;
}

.day__content p {
    margin-top: .325rem;
    color: var(--text-color);
}


@media screen and (min-width: 767px) {
    .itinerary--wrap {
        grid-template-columns:repeat(2, 1fr);
    }
    
    .itinerary {
        margin: 0 5rem 0 7.5rem; 
        max-width: calc(450px - 3.5rem);
    }
    
    .map__destinations {
        display:none;
    }
    
}








.price {
    width:fit-content;
    color:var(--title-color);
    flex-wrap:wrap;
    
    .amount {
        font-weight: bold;
        font-size:var(--h2-font-size);  
        color:var(--title-color);
    }
    
    & del .amount {
        font-weight:initial;
        font-size:var(--small-font-size);
        color:var(--text-color);
    }
     
    & ins {
        background:none;
        display:block;
    }
    
    & del {
        text-decoration: none;
        margin-left: 0.25rem;
    }
    
    & del bdi {
        position:relative;
        display:inline-flex;
    }
    
    & del bdi:before {
        content: "";
        width: calc(100% + .125rem);
        display: block;
        position: absolute;
        right: -0.0625rem; 
        top: 50%;
        transform:translateY(-50%);
        border-bottom: 1px solid currentColor; 
    }
    
}



.loop__filter {
    display: flex;
    justify-content: space-between;
    align-items:center;
    flex-wrap:wrap;
    
    & .woocommerce-notices-wrapper {
        position:fixed;
        top:2.5rem;
        right:2.5rem;
    }
    
    & p {
        margin:0;
    }
    
    select {
        width: auto;
        padding: .5rem 1rem;
        background-color: var(--section-color);
        border-radius: 5px;
        box-shadow: 0px 0px 8px 0px rgb(0 0 0 / 5%);
        -moz-box-shadow: 0px 0px 8px 0px rgb(0 0 0 / 5%);
        -webkit-box-shadow: 0px 0px 8px 0px rgb(0 0 0 / 5%); 
        border: none;
        outline: none;
        cursor: pointer;
    }
    
}











/*validations*/
.product__validation {
    display: flex;
    gap: 1.5rem;
    margin-bottom: 1.5rem;
    align-items: center;
    padding: 1.5rem 0 1rem 0;
    border-bottom: 1px solid #dedede;
}

.validation__reviews {
    display: flex;
    margin: 0 1.25rem;
}

.validation__reviews svg path {
    transition: fill .3s ease;
}

.validation__reviews .reviews_tripadvisor:hover svg path {
    fill: #00aa6c;
}

.validation__payment {
    display: flex;
    align-items: center;
    border: 1px solid rgba(0, 0, 0, .25);
    padding: 0.625rem 0.5rem 0.5rem 0.5rem;
    width: max-content;
    border-radius: 3px;
    position: relative;
    gap: 0.75rem;
}

.validation__payment .label {
    position: absolute;
    top: -0.525rem;
    font-size: calc(var(--smaller-font-size) * 0.725);
    left: 0.325rem;
    background-color: var(--body-color);
    padding: 0 0.25rem;
    display: flex;
    gap: 0.125rem;
}

.validation__payment .label:before {
    display: inline-block;
    width: 0.75rem;
    height: 0.75rem;
    content: "";
    background-repeat: no-repeat;
    background-position: center;
    background-size: 0.75rem;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iIzdDNzU2QSIgZD0iTTEyLDEzYTEuNDksMS40OSwwLDAsMC0xLDIuNjFWMTdhMSwxLDAsMCwwLDIsMFYxNS42MUExLjQ5LDEuNDksMCwwLDAsMTIsMTNabTUtNFY3QTUsNSwwLDAsMCw3LDdWOWEzLDMsMCwwLDAtMywzdjdhMywzLDAsMCwwLDMsM0gxN2EzLDMsMCwwLDAsMy0zVjEyQTMsMywwLDAsMCwxNyw5Wk05LDdhMywzLDAsMCwxLDYsMFY5SDlabTksMTJhMSwxLDAsMCwxLTEsMUg3YTEsMSwwLDAsMS0xLTFWMTJhMSwxLDAsMCwxLDEtMUgxN2ExLDEsMCwwLDEsMSwxWiIvPjwvc3ZnPg==);
    background-color: var(--body-color);
}












/*========= CONTACT PAGE =========*/
.title__page h1 {
    text-align: center; 
    font-size: var(--h1-font-size);
    margin: 0 0 6rem 0; 
}

.claims__book .title__page h1 {
    margin: 0 0 1rem 0;
} 

.legal__info {
    font-size:var(--small-font-size);
    text-align:center;
}

.legal__info address {
    margin:0;
    font-style: normal;
}

.contact__text {
    margin: 0 8rem 4rem 0;
}

.contact__information {
    display: flex;
    margin-bottom: var(--mb-2-5);
    gap: 0.75rem;
}

.contact__title {
    font-weight: var(--font-medium);
    margin:0;
}

.contact__subtitle, 
.contact__subtitle a {
    font-size: var(--small-font-size);
    color: var(--text-color-light);
    transition: all .3s ease;
    white-space: nowrap;
}

.contact__subtitle:hover, 
.contact__subtitle a:hover {
    color:var(--first-color);
}

.social__contacts {
    display: flex;
    gap: 1rem;
    margin-top: 0.5rem;
}

/*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); 
}

.form__div:has([data-datepicker]):before {
    position: absolute;
    top: 0; 
    right: 10px;
    content: " ";
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxNCAxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuMyAxLjJIMTIuNzQ5OCIgc3Ryb2tlPSIjNEE0QTRBIiBzdHJva2UtbGluZWNhcD0ic3F1YXJlIi8+CjxwYXRoIGQ9Ik0xLjMgNC4ySDEyLjc0OTgiIHN0cm9rZT0iIzRBNEE0QSIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIvPgo8cGF0aCBkPSJNMS4zIDcuMkgxMi43NDk4IiBzdHJva2U9IiM0QTRBNEEiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiLz4KPHBhdGggZD0iTTEuMzEyNSAxMC4ySDguNDc0MDYiIHN0cm9rZT0iIzRBNEE0QSIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIvPgo8L3N2Zz4K);
    background-position: center;
    background-repeat: no-repeat;
    width: 20px;
    height: 100%;
    filter: invert(1);
}

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

#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:1;
    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,
#frm-contact .dropdown.visible .form__label,
#frm-contact .dropdown.filled .form__label,
#frm-contact .form__div.fill .form__label {  
    top:-0.35rem;
    left:0.8rem;
    font-size:var(--smaller-font-size);
    font-weight:500;
    z-index:1;
    color:var(--title-color);
}

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


.input__date.select__date,
.form__div select {
    cursor: pointer;
}




/*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:var(--section-color);
    -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:var(--section-color);
    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;
}


@media screen and (min-width: 767px) {
    .contact__container {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (min-width: 1024px){
    .contact__inputs {
        grid-template-columns: repeat(2, 1fr);
    } 
}


/*========= CLAIMS PAGE =========*/

.claims__book.container {
    max-width:960px;
}

.claims__book p {
    margin-bottom:0;
} 
 
.form__section--claims {
    padding-bottom:2rem;
}

.claims__inputs {
    grid-template-columns: repeat(auto-fill, minmax(min(50%, 15rem), 1fr));
}

.complaint__subtitle {
    font-weight: var(--font-medium);
    font-size: var(--h3-font-size);
}

.conditional__field {
    height:0;
    overflow:hidden;
    opacity:0;
    -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);
}

.conditional__field.visible { 
    height:3rem;
    opacity:1;
    margin-top: 1rem;
    overflow:visible;
}

#frm-contact input[type="date"].form__input, 
#frm-claims input[type="date"].form__input {
    padding-left: 1.5rem;
    text-align: center;
    color: var(--text-color);
}

#frm-contact input[type="date"].form__input:focus, 
#frm-claims input[type="date"].form__input:focus {
    color: var(--title-color);
}

#frm-contact input[type="date"]::-webkit-inner-spin-button,
#frm-claims input[type="date"]::-webkit-calendar-picker-indicator {
    opacity:.6;
    cursor:pointer;
}

textarea::placeholder {
    opacity:.5;
    margin-top:.25rem;
    font-size: var(--small-font-size);
}

.claims__details strong {
    font-weight: var(--font-semi-bold);
}

.claims__aclarations p {
    display:flex;
    gap:.5rem;
    font-size: var(--small-font-size);
    font-style: italic;
}


/*========= PRIVACY PAGE =========*/
.privacy__page p,
.cookies__page p { 
    margin-bottom:1rem;
}

.priv__items,
.cookies__items {
    padding-top: 2rem;
}

.priv__items ul {
    display:grid;
    gap:.5rem;
}

.cookies__items ul {
    margin: 0 0 1rem 1rem;
}

.cookies_browsers ul { 
    margin-left:0;
}

.priv__items a,
.cookies__items a {
    color:var(--title-color);
}

.priv__items a:hover,
.cookies__items a:hover{
    text-decoration:underline;
}















@font-face {
	font-family: "star";
	src: url("https://amaiaq.com/wp-content/plugins/woocommerce/assets/fonts/star.eot");
	src: url("https://amaiaq.com/wp-content/plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"),
		url("https://amaiaq.com/wp-content/plugins/woocommerce/assets/fonts/star.woff") format("woff"),
		url("https://amaiaq.com/wp-content/plugins/woocommerce/assets/fonts/star.ttf") format("truetype"),
		url("https://amaiaq.com/wp-content/plugins/woocommerce/assets/fonts/star.svg#star") format("svg");
	font-weight: normal;
	font-style: normal;
}


/** 
 * Star rating
 */
.star-rating {
	overflow: hidden;
	position: relative;
	height: 1.618em;
	line-height: 1.618;
	width: 5.3em;
	font-family: star;
	font-weight: 400;
}

.star-rating::before {
	content: "\53\53\53\53\53";
	opacity: 0.25;
	float: left;
	top: 0;
	left: 0;
	position: absolute;
}

.star-rating span {
	overflow: hidden;
	float: left;
	top: 0;
	left: 0;
	position: absolute;
	padding-top: 1.5em;
}

.star-rating span::before {
	content: "\53\53\53\53\53";
	top: 0;
	position: absolute;
	left: 0;
	color: #4169e1;
}

p.stars a {
	position: relative;
	height: 1em;
	width: 1em;
	text-indent: -999em;
	display: inline-block;
	text-decoration: none;
	margin-right: 1px;
	font-weight: 400;
}

p.stars a::before {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 1em;
	height: 1em;
	line-height: 1;
	font-family: star;
	content: "\53";
	color: #404040;
	text-indent: 0;
	opacity: 0.25;
}

p.stars a:hover ~ a::before {
	content: "\53";
	color: #404040;
	opacity: 0.25;
}

p.stars:hover a::before {
	content: "\53";
	color: #4169e1;
	opacity: 1;
}

p.stars.selected a.active::before {
	content: "\53";
	color: #4169e1;
	opacity: 1;
}

p.stars.selected a.active ~ a::before {
	content: "\53";
	color: #404040;
	opacity: 0.25;
}

p.stars.selected a:not(.active)::before {
	content: "\53";
	color: #4169e1;
	opacity: 1;
}

/*Emoji styles*/
img.wp-smiley, img.emoji {
	display: inline !important;
	border: none !important;
	box-shadow: none !important;
	height: 1em !important;
	width: 1em !important;
	margin: 0 0.07em !important;
	vertical-align: -0.1em !important;
	background: none !important;
	padding: 0 !important;
}































/*==================== FOOTER ====================*/

.footer__bg {
  border-top: 1px solid #eaeaea;
  padding-top: 2.5rem;
  transition:.3s ease;
  /*background-color:var(--second-color);*/
}

.dark-theme .footer__bg {
    border-top: 1px solid #434343;
}


.footer__menu--contact {
    grid-template-columns: repeat(auto-fill, minmax(min(50%, 12.5rem), 1fr));
    column-gap: 3rem;
    row-gap: 1.5rem;
    padding-bottom: 2.5rem;
    transition:.3s ease;
}


.footer__menu--contact .footer__subtitle {
    display:none;
}


.footer__menu--contact .footer__content li{
    justify-content: center;
    text-align: center;
}


.footer__menu--contact--container {
    border-bottom: 1px solid #eaeaea;
}




@media screen and (min-width: 504px) {
    
    .footer__menu--contact {
        padding: 1.5rem 0;
    }
    
    
    
    .footer__menu--contact .footer__subtitle {
        display:block;
    }
    
    .footer__menu--contact .footer__content li {
        justify-content: normal;
        text-align: initial;
    }
    
    .footer__menu--contact {
        row-gap: 3rem;
        border-bottom: 1px solid #eaeaea;
    }
    
    
    .dark-theme .footer__menu--contact {
        border-bottom: 1px solid #434343;
    }
    
    
    .footer__menu--contact--container {
        border-bottom: none;
    }
    
}






.footer__menu {
    grid-template-columns: repeat(auto-fill, minmax(min(50%, 12.5rem), 1fr));
    column-gap: 3rem;
    row-gap: 3rem;
    padding: 3rem 0 5rem 0;
}



.footer__menu--group {
    row-gap: 3rem;
}

.footer__subtitle {
    margin-bottom: 1.5rem;
    font-size: var(--small-font-size);
    color: var(--title-color);
    font-weight: var(--font-semi-bold);
}

.footer__content {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin:0;
    padding:0;
}

.footer__content li {
    display: flex;
    font-size: var(--small-font-size);
    line-height: 1.4;
}





.footer__link{
    color: var(--text-color);
    transition: color .3s ease;
}


.footer__link:visited {
    color: var(--text-color);
}    

a.footer__link:hover {
    color:var(--first-color);
}

.footer__link svg{
    width:16px;
}

a.footer__link:hover svg{
    transition:fill .3s ease;
    fill:var(--first-color);
}


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


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


.social-icon,
.payment-icon {
    display:flex;
    align-items:center;
}

.social-icon svg {
    fill:var(--text-color);
    transition:fill .3s ease;
}


.social-icon svg.fb__icon:hover {
    fill:var(--fb-color)
}


.social-icon svg.yt__icon:hover {
    fill:var(--yt-color)
}

.social-icon svg.ta__icon:hover {
    fill:var(--ta-color)
}







.footer__copy {
  font-size: var(--smaller-font-size);
  text-align: center;
  color: var(--text-color);
  padding: 3rem 0 2rem 0;
}










.whatsapp__fixed {
    font-size: 12px;
    font-weight: 400;
    color: var(--section-color);
    border-radius: 50%;
    background-color: var(--section-color);
    padding: 11px;
    line-height: 1em;
    position: fixed;
    bottom: 20px;
    right: 20px;
    transition: all 300ms ease 0ms;
    box-shadow: 0 0 8px 0 var(--input-color);
    z-index: 99;
    align-items: center;
    display: flex;
}

.whatsapp__fixed svg {
    fill:var(--title-color)
}





















/*============== BLOG PAGE  ==============*/
.categories__blog {
    display: flex;
    gap: 1rem 2rem; 
    justify-content: center;
    flex-wrap: wrap;   
}

.categories__blog .category__item {
    text-align: center;
    cursor: pointer;
    border: 1px solid var(--text-color);
    border-radius: 0.5rem;
    padding: 0.75rem 1.5rem; 
    user-select: none;
    line-height: 1;
    font-size: var(--small-font-size);
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
}

.categories__blog .category__item.active-category, 
.categories__blog .category__item:hover {
    border: 1px solid var(--title-color);
    color: var(--title-color);
}

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

.blog__card {
    background-color: var(--section-color);
    box-shadow: 0 2px 4px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0 2px 4px rgb(0 0 0 / 15%);
    -webkit-box-shadow: 0 2px 4px rgb(0 0 0 / 15%);
    border-radius: 0.5rem; 
    overflow: hidden;
    margin: 0;
}

.blog__card .post-thumbnail {
    line-height: 0;
    display: block;
}

.blog__card .card__content {
    padding: var(--mb-1-5);
}

.blog__card h2 a {
    color: var(--title-color);
    display: block;
    font-size: var(--h3-font-size);
    line-height: 1.25;
    height: 3rem;
    overflow: hidden;
}

.blog__card .card__meta {
    font-size: var(--smaller-font-size);
    margin-top: 0.25rem;
}

.blog__card .entry-content{
    margin: 0;
    height: 62px;
    overflow: hidden;
    font-size: var(--small-font-size);
}

.blog__card img{ 
    height: 15rem;
    object-fit: cover;
}


/****** Blos Article ******/
.single__article h1 {
    margin: 0;
    font-size: var(--big-font-size);
    line-height: 1.25;
    padding: 1rem 0 1.5rem;
}

.single__article .entry-meta {
    display: flex;
    gap: 1.5rem;
    font-size: var(--small-font-size);
}

.single__article .post-thumbnail {
    line-height: 0;
    margin-top: 0.75rem;
    border-radius: 0.5rem; 
    overflow: hidden;
}

.single__article .entry-content a {
    color:var(--title-color);
    text-decoration:underline;
    transition:color .3s ease; 
}

.single__article .entry-content a:hover {
    color:var(--first-color);
}

.single__article .entry-content strong { 
    color:var(--title-color);
    font-weight:var(--font-semi-bold);
}

.share__links {
    display: flex;
    gap: 1.5rem; 
    width: min-content;
}

.share__link {
    -webkit-transition: transform .3s ease, fill .3s ease;
    transition: all.3s ease;
    fill:var(--title-color);
    color: var(--title-color);
}

.share__link:hover {
    transform: scale(1.125);
    fill:var(--first-color);
    color: var(--first-color);
}

.section__postnav .post-navigation a {
    color:var(--text-color);
    transition:color .3s ease;
}

.section__postnav .post-navigation a:hover {
    color:var(--title-color);
}

@media screen and (min-width: 767px) {
    .container__post {
        max-width:650px;
        margin: 0 auto;
    }
    
    .share__links--container {
        position: sticky;
        transform: translate(-3rem, 2rem);
        top: 5rem;
        width: fit-content;
    }
        
    .share__links {
        flex-direction: column;
        margin-bottom: -125px;
    }
}























/*Home page */ 
/*HOME PAGE PARALLAX*/
.section__tours {
    background: var(--section-color);
    position:relative;
}

.section__parallax {
    background-color:var(--body-color);
    transition: background-color .3s ease; 
}

.section__parallax .parallax {
    position: relative;
    aspect-ratio: 9/16;
    height: 85vh;
    width: 100%;
}
        
.section__parallax .parallax .layer {
    position: absolute;
    height:55%;
    width:100%;
    bottom:0;  
}

.section__parallax .parallax .layer.hero-logo {
    height: 100%;
    width:100%;
    display: grid;
} 

.section__parallax .parallax .layer.hero-logo svg {
    width: 70%;
    margin: auto;
    transform: translateY(-100%);
}


.section__parallax .parallax .layer.hero-logo.white {fill:#fff}
.section__parallax .parallax .layer.hero-logo.black {fill:#000;}


.section__parallax .parallax .layer.hero-logo picture {
    width: 50%;
    margin: auto;
    transform:translateY(-75%);
}


.section__parallax .parallax .layer picture {
    opacity:0; /*Remove not Animation*/
    display:block; 
    height:100%;
    animation-name: leFadeIn; 
    animation-duration:1s;
    animation-fill-mode: forwards;
    transform-origin:top;
}




.home .header__wrap,
.home .whatsapp__fixed {
    opacity:0; /*Remove not Animation*/
    display:block;
    animation-name: notFadeIn; 
    animation-duration:1s;
    animation-fill-mode: forwards;
    transform-origin:top;
}
/*
.home .header__wrap .logo { 
    opacity:0;
}
*/
/*.home .header__wrap,*/ 
.home .whatsapp__fixed {
    animation-delay: 4s;
}



.section__parallax .parallax .layer.hero-back.first picture {  
    animation-delay: 3s;
}

.section__parallax .parallax .layer.hero-back.second picture {  
    animation-delay: 3s;
}



.section__parallax .parallax .layer.hero-front picture { 
    animation-delay: 2s;
}

.section__parallax .parallax .layer.hero-front img {object-position: 84%;}



.section__parallax .parallax .layer img {
    height:100%;
    width: 100%;
    object-fit:cover;
} 




@media screen and (min-width: 650px) {
    .section__parallax {
        
    }
    
    .section__parallax .parallax { 
        aspect-ratio: 188/113;
    }
}




@media screen and (min-width: 767px) {
    
    .section__parallax .parallax .layer.hero-logo svg {
        width: 50%;
    } 
    
    
    .section__parallax .parallax { 
        height:initial; 
    }
    
    .section__parallax .parallax .layer { 
        height:100%;
        bottom:initial;
        height:100%; 
    }
}







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




@keyframes leFadeIn { 
    from { 
        opacity: 1;
        transform:scale(1.125);
        
    }
    to { 
        opacity: 1;
        transform:scale(1);
        
    } 
}





 


/**********************************/
/*List Card Tour*/
.products {
    margin:0;
    padding:0;
    list-style:none;
    display:grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 17rem), 1fr));
    gap: 3rem 3.125rem;
}



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

.experience__gallery.embla__config {
    --count:1;
    --gap:0rem;
}



.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__slide {
    
}

.embla__viewport {
    height: 100%;
}


@media (min-width: 650px) {
  .embla__config {
        --count: 2;
  }
  
  .embla.count-2:not(.embla--fade) .embla__button {
        opacity:0;
        visibility:hidden;
        pointer-events:none; 
    } 
}



@media (min-width: 1155px) {
    .embla__config {
        --count: 3;
    }
    
    .embla.count-3:not(.embla--fade) .embla__button {
        opacity:0;
        visibility:hidden;
        pointer-events:none; 
    }
    
}


.products__upsells h2 {
    font-size:var(--h1-font-size);
    margin-bottom: 0;
}



.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:has(.products) .embla__button {
    top: 0;
    aspect-ratio: 4 / 5;
    transform:translateY(0);
}


.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;
    border: 1.5px solid currentColor;
    display: grid; 
    place-content: center;
    transition: .3s ease;
    border-radius: 50%;
    background-color: transparent;
    padding: 0;
    cursor: pointer;
    color: var(--text-color-light);
    transition: .3s ease;
}

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

/*Gallery product*/
.experience__gallery .embla__button button {
    color:var(--body-color);
}

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

.experience__gallery .embla__button {
    margin:0 .625rem;
}

/*Gallery product*/

.products .product {
    color:var(--text-color);
    display: grid;
    align-content: space-between;
}

.products .product:hover img {
    transform:scale(1.025);
}

.product .tour__data {
    padding:0 1rem;
}

.product .woocommerce-loop-product__link {
    display:grid;
    gap:1.5rem;
    text-decoration:none;
}

.product .woocommerce-loop-product__title {
    margin:0;
    color:var(--title-color);
    font-size:var(--h3-font-size);
}

.tour__action {
    padding: 1.5rem 1rem;
    display:flex;
    justify-content:space-between;
    gap:1.5rem;
    align-items: flex-end;
}

.tour__action a {
    text-decoration: none;
    padding: .5rem 1rem;
    height: fit-content;
    margin-top: auto;
    border-radius: 0.25rem;
    text-wrap: nowrap;
}


.tour__image {
    position:relative;
    display:block;
    overflow:hidden;
    border-radius: .5rem;
    box-shadow: rgba(112, 112, 112, .25) 0 5px 8px;
}

.tour__image img {
    display: block;
    aspect-ratio: 4/5;
    object-fit: cover;
    transition: .3s ease;
    user-select: none;
}

.tour__image .onsale {
    position: absolute;
    top: .75rem;
    left: -2rem;
    transform: rotate(-35deg);
    background-color: var(--title-color);
    color: var(--body-color);
    padding: .25rem;
    z-index: 1;
    line-height: 1.5;
    font-size: var(--small-font-size);
    width: 9rem;
    text-align: center;
}


/*Single product Page*/

.tour__hero {
    overflow:hidden;
}

@media screen and (min-width: 767px) {
    .tour__hero {
        display:grid;
        grid-template-columns:1fr 1fr;
    }
    
    .tour__hero .parallax-layer {
        transform: translate3d(0px, 0px, 0px)!important;
    }
}


.tour__summary h1 {
    text-wrap-style:balance;
}

.tour__image__single img { 
    object-position: 50% 50%;
    max-height: 100dvh;
    height: 100%;
    object-fit: cover;
    display:block;
}

#primary img.img-id-992  { object-position: 50% 80%;} 
#primary img.img-id-1205 { object-position: 50% 70%;}
#primary img.img-id-1203 { object-position: 50% 70%;}
#primary img.img-id-1166 { object-position: 50% 57.5%;} 








.tour__summary .ppc-button-wrapper {
    max-width: 22.5rem;
    margin-top: 1.5rem;
    position: relative;
    z-index: 1;
}

.woocommerce-notices-wrapper {
    z-index: 99;
    position: absolute;
    top: 1.5rem;
    left: 1.5rem;
    width: calc(100% - 3rem);
    max-width:30rem;
}


.woocommerce-notices-wrapper .woocommerce-message {
    padding: 1rem 1.25rem .5rem 1.25rem;
    border-radius: .75rem;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 12px 0px;
    background: var(--body-color);
}

.tab__content.terms strong {
    font-weight:700;
}

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

.tab__content a:hover {
    text-decoration: underline;
}



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

.toggle__content ul {
    padding: 0;
    margin: 0 0 0 1.5rem;
}

.toggle__content ul li {
    list-style: disc;
    margin-bottom: .25rem;
}






.single-product.postid-1164 .tab__content.inclusions .tab__content--wrap {
    grid-template-columns: 1fr;
} 





/*Reviews*/
.section__reviews .section__title { 
    text-align: center;
    font-size: var(--big-font-size);
}


.reviews {
    
}    


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;
    margin:0;
    padding:0;
    height:100%;
}

.review {
    display: grid;
    background-color: rgba(0, 0, 0, 0.0225);
    border-radius: 1.5rem;
    align-content: space-between;
    position:relative;
    padding-top: 4.75rem;
    transition: background-color .3s ease;
}

 .dark-theme .review {
    background: rgba(0, 0, 0, 0.35); 
}



.review__icon {
    padding-left: 3.5rem;
    
    user-select:none;
    
}

.review__icon a {
    filter:grayscale(1) brightness(0);
    opacity:.75;
    color: var(--title-color);
    transition: .3s ease;
}

 

.dark-theme .review__icon a {
    filter:grayscale(1) brightness(10);
    transition: .3s ease;
}

.list-reviews li:hover .review__icon a {
    filter: grayscale(0) brightness(1); 
    opacity:1;
    transition: .3s ease;
}


.review__text {
    padding: 0 3.5rem 2.5rem 3.5rem;
    color: var(--title-color);
}



.review__user {
    display: flex;
    gap: 1rem;
    width: fit-content;
    background-color: var(--section-color);
    padding: 1rem 1.5rem 0 0;
    border-top-right-radius: 1rem;
    position:relative;
    transition: .3s ease;
}


.review__user .name {
    font-weight: var(--font-medium); 
    color: var(--title-color);
    font-size: var(--small-font-size);
}

.review__user .from {
    font-size: var(--smaller-font-size);
}




.review__user:before,
.review__user:after {
    content:'';
    position:absolute;
    display:block;
    background-color: transparent;
    border-bottom-left-radius: 1.5rem;
    box-shadow: 0 25px 0 0 var(--section-color);
    width: 3rem;
    aspect-ratio:1;
    transition: inherit;
}

.review__user:before {
    bottom: 100%;
}

.review__user:after {
    bottom: 0;
    left: 100%;
}



.review__img {
    display: grid;
    border-radius: 50%;
    overflow: hidden;
    width:2.5rem;
    height: 2.5rem;
    z-index:1;
}



























/*Phone Field*/

.dropdown {
    display:flex;
    gap:1rem;
    position:relative;
}

.dropdown input {
    width: 100%;
    border: none;
    outline: none;
    user-select: none;
    padding: 0;
    cursor:pointer;
    border-radius: 0;
    background-color: var(--body-color);
    transition: background-color .3s ease;
}

.dropdown .toggle {
    display:flex;
    gap:0.5rem;
    box-shadow: hsla(var(--form-color-main), 0.3) 0 1px;
    align-items:center;
    cursor:pointer;
    justify-content: space-between;
}
 
.dropdown .options {
    position: absolute;
    z-index: 9;
    top: 1.5rem;
    border: 1px solid hsl(var(--form-color-main));
    border-radius: .5rem;
    overflow: hidden;
    background-color: #fff;
    width: 450px;
    max-height: 320px;
    transition: .3s ease-out;
    visibility: hidden;
    opacity:0;
    pointer-events: none; 
    margin-left:-1px;
}

.dropdown.visible .options { 
    top: 0;
    visibility: visible;
    opacity:1;
    pointer-events: auto;
}





.dropdown .options .search-box {
    padding: 0.5rem 0 0.5rem 1rem;
}


.dropdown .options input {
    width: 100%;
    border: none;
    font-size: 26px;
    outline: none;
    padding:0;
}


.options__list {
    margin: 0;
    padding: 0 1rem 1rem;
    list-style: none;
    display: grid;
    gap: 0.5rem;
    overflow-y: auto;
    max-height: calc(280px - 16px);
    align-content: start;
    width:100%;
}

.options__list .option {
    display: flex;
    justify-content: space-between;
    gap: 0.5rem;
    align-items: center;
    padding: 0.3125rem .5rem;
    margin-right: 0;
    min-height: initial;
    overflow:initial;
    cursor: pointer;
}


.options__list .option.hide {
    display:none;
}

.option .data { 
    flex: 1;
    display: flex;
    justify-content: space-between; 
    font-size:1.25rem;
    gap: .75rem;
}

.option .data .country-code {
    text-wrap: nowrap;
}








.frm-message {
    position: fixed;
    display:grid;
    gap:1rem;
    transform: translate(-50%, calc(-100% - 1.5rem) );
    top:0;
    opacity:0;
    z-index: 9999;
    left: 50%;
    max-width: 24rem;
    width:100%;
    transition: transform .6s cubic-bezier(.6, 0, .4, 1), 
                opacity .6s cubic-bezier(.6, 0, .4, 1);
    
} 



.frm-message.visible {
    transform: translate(-50%, 1.5rem );
    opacity:1;
}


.box_message {
    color:hsl(25,8%,75%);
    padding: 1rem 1.5rem;
    border-radius: 1rem;
    background-color: rgba(0,0,0, .85);
    backdrop-filter: blur(7px);
    font-size: var(--small-font-size);
    box-shadow: rgba(112, 112, 112, .1) 0px 0px 10px 5px;
    margin:0 1.5rem;
    position:relative;
}


.box_message strong {
    color:hsl(25,8%,95%);
    display:block;
    margin-bottom:.25rem;
}



.box_message .box__close {
    position: absolute;
    top: 1rem;
    right: 1rem;
    display: grid;
    place-content: center;
    cursor: pointer;
    border: 1px solid;
    border-radius: 50%;
    opacity: .75;
    color: #fff;
    transition: .3 esase;
}

.box_message .box__close:hover {
    opacity:1;
}


.box_message .box__wrap  {
    display: grid;
    grid-template-columns: 2.5rem 1fr;
    gap: 1.5rem;
    align-items: center;
}


.box_message .box__avatar {
    display: grid;
    border-radius: 50%;
    place-content: center;
    aspect-ratio: 1;
    background-color: #fff;
}


.box_message p {
    margin:0;
}

.box_message .box__avatar svg {
    color:#000;
}




.modal__video {
    aspect-ratio: 16 / 9;
    overflow: hidden;
    border-radius: .75rem;
    place-content:center;
}


.modal__video img,
.modal__video iframe{
    object-fit: cover;
    object-position: bottom;
    height: 100%;
    width:100%;
    aspect-ratio: 16 / 9;
}





.form__success--modal {
    position: fixed;
    background-color: rgba(0,0,0, .875);
    width: 100%;
    height: 100dvh;
    top: 0;
    left: 0;
    z-index: 999;
    backdrop-filter: blur(4px);
    opacity:0;
    pointer-events:none;
    visibility:hidden;
    transition: .3s cubic-bezier(.6, 0, .4, 1);
    place-content: center;
}

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


















.form__input.dropdown input[type="tel"] {
    border:none;
    width:100%;
    background-color: var(--body-color);
    transition:background-color .3s ease;
}

.form__input.dropdown input[type="tel"]:focus {
    outline:none;
}


.contact__form {
    --form-hue: 24.98;
    /* --form-color-main: var(--form-hue), 96.08%, 50%; */
    --form-color-main: var(--form-hue), 0%, 0%;
}

.contact__form {
    
    .form__div:has(.dropdown.visible) {
        position: relative;
        z-index: 2;
    }
    
    
    .dropdown .options {
        top:calc(100% - 1.5rem);
        left:0;
        width:100%;
        -webkit-box-shadow: 5px 5px 20px 5px rgba(0, 0, 0, 0.1);
        box-shadow: 5px 5px 20px 5px rgba(0, 0, 0, 0.1);
        border: none;
        
    }
    
    .dropdown .options .option {
        color: var(--text-color);
    }
    
    .dropdown .options .option:hover {
        background-color:rgba(0,0,0,0.045);
        color:var(--title-color);
    }
    
    
    
    .dropdown .options__list {
        height:100%;
        padding:1rem 0;
        gap:0;
    }
    
    
    .dropdown .options__list::-webkit-scrollbar {
        width:.25rem;
    }
    
    
    
    .options__list .option {
        box-shadow: none;
        border-radius: 0;
        background: none;
        padding: 0.3125rem 1.3125rem;
    }
    
    
    
    
    
    
    .dropdown.visible .options {
        top: calc(100% + .25rem);
    }
    
    
    .form__input.dropdown .toggle { 
        box-shadow:none;
    }
    
    
    
    
    .dropdown .option .data {
        font-size:var(--small-font-size);
    }
    
    
    .selected-code { 
        font-size: var(--smaller-font-size);
        color: var(--text-color);
        margin-top: 4px;
    }
    
    
    
    
    .dropdown .fflag {
        border-radius: 1px;
        width: 20px; 
    } 
    
    


}
































.fflag {
    background-image:url(https://amaiaq.com/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: 4px;
    aspect-ratio: 7/5;
    width: 28px;
}

.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%}





















/** Personalización de tarjetas aceptadas para Woocommerce **/
.payment_method_micuentawebstd img:not(.kr-header-logo, .kr-logo-izipay),
#radio-control-wc-payment-method-options-micuentawebstd__label img:not(.kr-header-logo, .kr-logo-izipay) {
    content: url("https://github.com/izipay-pe/Imagenes/blob/main/logo_tarjetas_aceptadas/logo-tarjetas-aceptadas-351x42.png?raw=true");
    max-width: 200px !important;
}

.block.micuentawebstd-id-block {
    margin-bottom: 13px !important;
    color: #2e312f !important;
}

.micuentawebstd-id-block {
    margin-bottom: -50px;
    text-align: center;
    font-size: 16px !important;
    color: #40ff96 !important;
}

.micuentawebstd-view-top {
    padding: 0px !important;
}

/** Control de margen en la letra "O" **/
.micuentawebstd-cc-block.micuentawebstd-id-block {
    margin: 0px 10px !important;
}

/** Personalización del contenedor inferior **/
.micuentawebstd-view-bottom {
    margin-top: 10px !important;
    display: flex !important;
    flex-direction: row !important;
    justify-content: unset;
    align-items: baseline !important;
    width: 100% !important;
    max-width: 366px !important;
    padding-left: 0 !important;
}

.micuentawebstd-view-bottom a {
    font-size: 11px;
    color: #FF4240;
    font-weight: bold;
}

/** Maneja la posición vertical de las etiquetas **/
.kr-field-wrapper {
    margin-top: 6px !important;
    margin-left: 10px !important;
}

/** Margen al iniciar formulario **/
.kr-pan {
    margin-top: 14px !important;
}

/** Maneja los campos de ingreso de datos **/
.kr-pan,
.kr-expiry,
.kr-security-code,
.kr-installment-number,
.kr-first-installment-delay,
.kr-card-holder-name,
.kr-card-holder-mail,
.kr-identity-document-type,
.kr-identity-document-number {
    height: 45px !important;
    border-radius: 4px !important;
    width: 100% !important;
}

/** Maneja la caja donde se visualiza el formulario y logo **/
div:has(> #micuentawebstd_rest_wrapper),
div:has(> .micuentawebstd-view-top) {
    flex-direction: column !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 360px !important;
    background-color: #fff !important;
    background-repeat: no-repeat !important;
    background-position: center top 15px !important;
    background-size: 160px !important;
    background-image: url("https://github.com/izipay-pe/Imagenes/blob/main/logos_izipay/logo-izipay-sinFondo-250x102.png?raw=true") !important;
    border-radius: 6px;
    box-shadow: 0px 10px 25px rgba(92, 99, 105, .2);
    border: 1px solid #b3b6b5 !important;
    margin-bottom: 10px !important;
    padding: 78px 20px 20px 20px !important;
    box-sizing: border-box;
}

/** Maneja la caja del formulario de pago **/
.kr-embedded {
    background-color: #fff !important;
    border-radius: 6px;
    border: 1px solid #b3b6b5 !important;
    box-shadow: 0px 10px 25px rgba(92, 99, 105, .2);
    padding: 20px !important;
    box-sizing: border-box;
    margin: auto;
    width: 100% !important;
}

.wc-block-components-radio-control-accordion-content p:last-child,
.micuentawebstd-view-top .micuentawebstd-cc-block {
    display: none !important; 
}


/** Estilos de campos de entrada **/
.kr-input-field {
    border: 0 !important;
    width: 100% !important;
    height: 33px !important;
}

.kr-input-field::placeholder {
    all: initial !important;
    font-family: 'Roboto', sans-serif !important;
    font-size: 14px !important;
    color: #999 !important;
}




/*iquire section*/
.section__inquire h2 {
    font-size:var(--big-font-size);
    text-align:center;
}

.section__inquire .wrap {
    max-width:37.5rem;
    margin: 0 auto;
} 

.section__inquire form {
    padding: 1.5rem;
    border: 1px solid #eaeaea;
    border-radius: 1rem;
}





/************ REVEAL CALL TO ACTION ************/
.section__cta {
    text-align:center;
}

.section__cta h2 {
    margin-bottom:0;
}

@keyframes fadeInUp { to {opacity: 1; transform: translateY(0);} }
@keyframes fadeInRight { to {opacity: 1; transform: translateX(0);} }
@keyframes fadeOpacity { to {opacity: 1;} }

.a__r--text {
    
}

.visible .a__r--text .r-animation {
    opacity: 0;
    transform: translateY(100%);
    animation: fadeInUp 0.75s forwards;
}

.a__r--btn .r-animation {
    opacity:0;
}

.visible .a__r--text .r-animation { 
    animation-delay: calc((var(--order) - 1) * 0.25s);  
}


.section__cta {
     
    .a__r--text {
        overflow: hidden;
        font-family: var(--brand-font);
        line-height: 1.25;
    }
    
    .visible .a__r--text .r-animation {
        display:inline-block;
    }
    
    .a__r--text {
        font-size: var(--big-font-size); 
    }
}

.section__oneclikc {
    .visible .a__r--text .r-animation {
        transform: translateX(-70px);
        animation-name: fadeInRight;
    }
}





/*Button Animation*/
.a__r--btn {
    display: flex;
    justify-content: center;
    gap: 0.25rem;
    align-items: center;
    font-size: var(--small-font-size);
    color:var(--title-color); 
}

.a__r--btn svg {
    opacity:0;
}

.a__r--btn svg {
    transform:translateX(-0.5rem);
    overflow:visible;
    transition: .3s ease;
}

.a__r--btn svg path {
    transition: .3s ease;
}

.a__r--btn:hover svg path {
    transform:translateX(0.375rem);
}

.visible .a__r--btn .r-animation { 
    animation: fadeOpacity 0.4s forwards; 
    animation-delay:calc( ((var(--countwords) * 0.25) + 0.25) * 1s);
}

.visible .a__r--btn svg {
    animation: fadeInRight 0.3s forwards;
    animation-delay:calc( ((var(--countwords) * 0.25) + 0.40) * 1s);
}



/* Associacions */
.associates {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2.5rem 6.25rem;
    flex-wrap: wrap;
    margin:0;
    padding:0;
}
/*
.associates li {
    -webkit-filter: saturate(0) grayscale(1);
    filter: saturate(0) grayscale(1);
    opacity: .5;
    transition: .4s
}

.associates li:hover {
    -webkit-filter: saturate(1) grayscale(0);
    filter: saturate(1) grayscale(0);
    opacity: 1
}
*/



.associates li {
    opacity: .75;
    transition: opacity .3s ease; 
}
.associates li svg path {
    transition: fill .3s ease; 
}

.associates li:hover {
    opacity: 1;
}


/* Sectio Reviews */
.section__reviews .section__title { 
    text-align: center;
    font-size: var(--big-font-size);
}


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;
    margin:0;
    padding:0;
}

.review {
    display: grid;
    background-color: rgba(0, 0, 0, 0.0225);
    border-radius: 1.5rem;
    align-content: space-between;
    position:relative;
    padding-top: 4.75rem;
    transition: background-color .3s ease;
}

 .dark-theme .review {
    background: rgba(0, 0, 0, 0.35); 
}

.review__icon {
    padding-left: 3.5rem;
    
    user-select:none;
    
}

.review__icon a {
    filter:grayscale(1) brightness(0);
    opacity:.75;
    color: var(--title-color);
    transition: .3s ease;
}

 

.dark-theme .review__icon a {
    filter:grayscale(1) brightness(10);
    transition: .3s ease;
}

.review__icon a:hover {
    filter: grayscale(0) brightness(1); 
    opacity:1;
    transition: .3s ease;
}


.review__text {
    padding: 0 3.5rem 2.5rem 3.5rem;
    color: var(--title-color);
}



.review__user {
    display: flex;
    gap: 1rem;
    width: fit-content;
    background-color: var(--section-color);
    padding: 1rem 1.5rem 0 0;
    border-top-right-radius: 1rem;
    position:relative;
    transition: .3s ease;
}


.review__user .name {
    font-weight: var(--font-medium); 
    color: var(--title-color);
    font-size: var(--small-font-size);
}

.review__user .from {
    font-size: var(--smaller-font-size);
}




.review__user:before,
.review__user:after {
    content:'';
    position:absolute;
    display:block;
    background-color: transparent;
    border-bottom-left-radius: 1.5rem;
    box-shadow: 0 25px 0 0 var(--section-color);
    width: 3rem;
    aspect-ratio:1;
    transition: inherit;
}

.review__user:before {
    bottom: 100%;
}

.review__user:after {
    bottom: 0;
    left: 100%;
}



.review__img {
    display: grid;
    border-radius: 50%;
    overflow: hidden;
    width:2.5rem;
    height: 2.5rem;
    z-index:1;
}



/* Sectio One Click */
.section__oneclikc {
    position: relative;
}

.section.section__oneclikc:before {
    content: "";
    display: block;
    width: 100%;
    height: 1.75rem;
    background-color: inherit;
    top: -1.5rem;
    position: absolute;
    border-radius: 1.25rem 1.25rem 0 0; 
}

.section__oneclikc .container {
    display:grid;
    gap: 2.5rem 7.5%;
}

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

.section__oneclikc picture,
.section__oneclikc video {
    display:grid;
    place-content:center;
    height:100%;
}

.section__oneclikc picture img,
.section__oneclikc video {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: .5rem;
    box-shadow: rgba(112, 112, 112, .25) 0 5px 8px;
    aspect-ratio: 4 / 5;
    object-fit: cover;
    object-position: center;
    width:100%;
    transform: rotateY(180deg);
}

.section__oneclikc .col-2 {
    grid-row-start: 1;
}


.section__oneclikc p,
.section__oneclikc h2,
.section__oneclikc h3 {
    margin:0;
    color:var(--title-color);
}



.section__oneclikc p {
    font-size:var(--small-font-size);
}


.click__item {
    display: grid;
    gap: 1.5rem;
    padding: 1.5rem;
    border-radius: 1.5rem;
    transition: .3s ease-in-out;
    grid-template-columns: 2.5rem 1fr;
}

a.click__item {
    cursor:pointer;
}

a:visited.click__item p,
a:visited.click__item h3 {
    color:var(--title-color);
}

.click__item:hover {
    box-shadow: 5px 5px 20px 5px rgba(0, 0, 0, .05);
}

a.click__item:hover {
    transform: translateX(.5rem);
}


.click__icon {
    height: 2.5rem;
    display: grid;
    place-content: center;
    background-color: rgba(var(--color-black), 0.045);
    border-radius: .35rem;
    color: var(--title-color);
    transition: .3s ease;
}



@media screen and (min-width: 767px) {
    .section__oneclikc .container {
        grid-template-columns: 4fr 5fr;
    }
    
    .section__oneclikc .col-2 {
        grid-column-start: 2;
    }
}


/* section Hero */

.section__parallax .parallax .bottom-fade {
    --fade-hero: 33, 39, 33;
    width: 100%;
    bottom: 0;
    height: 30vh;
    position: absolute;
    background: linear-gradient(to top, rgba(var(--fade-hero), 1) 0%, 
                                        rgba(var(--fade-hero), 0.738) 19%, 
                                        rgba(var(--fade-hero), 0.541) 34%, 
                                        rgba(var(--fade-hero), 0.382) 47%, 
                                        rgba(var(--fade-hero), 0.278) 56.5%,  
                                        rgba(var(--fade-hero), 0.194) 65%, 
                                        rgba(var(--fade-hero), 0.126) 73%, 
                                        rgba(var(--fade-hero), 0.075) 80.2%, 
                                        rgba(var(--fade-hero), 0.042) 86.1%,  
                                        rgba(var(--fade-hero), 0.021) 91%, 
                                        rgba(var(--fade-hero), 0.008) 95.2%, 
                                        rgba(var(--fade-hero), 0.002) 98.2%, 
                                        transparent 100%);
}   



.hero__content h1 {
    margin-top: 4.5rem;   
    font-size: var(--big-font-size); 
}

.hero__content { 
    text-align: center;
    display: grid;
    gap: 1rem;
    margin: 80px 0;
    height: 42%;
    align-content: center;
}

.hero__content .actions {
    display: flex;
    justify-content:center;
}



.hero__content a {
    opacity:0;
    margin-top: 1rem; 
    font-size: var(--normal-font-size);
    padding: .75rem 1.5rem;
    color:var(--body-color);
    animation: opacityBtn 1s cubic-bezier(0.625, 0.05, 0, 1) forwards; 
    animation-delay: 525ms;
}

.hero__content h2 {
    font-size: var(--normal-font-size); 
    color:var(--text-color);
    font-weight: initial;  
}

.hero__content h1, 
.hero__content h2 {
    margin:0;
}

.section__parallax .layer.parallax-layer.hero-front {
    pointer-events:none; 
}



@media screen and (min-width: 767px) {
    .section__parallax .first img {
        transform: translateX(20rem) scale(1.075); 
        transform-origin: top; 
    }
    
    .section__parallax .second img {
        transform: translateX(20rem); 
    } 
    
    .hero__content {
        height: 47.5%;
        margin: 88px 0;
        text-align:initial;
    }
    
    .hero__content .actions {
        justify-content:initial; 
    }
    
    .hero__content a {
        font-size: var(--small-font-size);
        padding: .5rem 1rem; 
    }
}

/*Animations*/

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

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

@keyframes slideText {
  from {
    transform: translateY(120%);
  }
  to {
    transform: translateY(0);
  }
}


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

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




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






 
 












.form__header {
    position:fixed;
    top:0;
    width:100%;
    z-index:1;
    padding: 1.5rem 1.75rem 0 1.75rem;
    display:flex;
}

@media screen and (min-width: 767px) {
    .form__header {
        padding: 42px;
    }
}














/*Setup Images*/
#primary img.img-id-1449  { object-position: 50% 35%;} 
#primary img.img-id-1449  { object-position: 50% 35%;} 
#primary img.img-id-1450  { object-position: 50% 60%;}
#primary img.img-id-1451  { object-position: 50% 60%;}
#primary img.img-id-1452  { object-position: 50% 50%;} 
#primary img.img-id-1455  { object-position: 50% 75%;} 
#primary img.img-id-1454  { object-position: 50% 45%;}
#primary img.img-id-1457  { object-position: 50% 40%;}
#primary img.img-id-1458  { object-position: 50% 60%;}   
#primary img.img-id-1459  { object-position: 50% 57.5%;}
#primary img.img-id-1462  { object-position: 25% 50%;}   

#primary img.img-id-1425  { object-position: 50% 35%;}
#primary img.img-id-1430  { object-position: 50% 35%;}
#primary img.img-id-1431  { object-position: 50% 20%;}
#primary img.img-id-1432  { object-position: 50% 20%;}
#primary img.img-id-1435  { object-position: 50% 35%;}
#primary img.img-id-1437  { object-position: 55% 50%;} #primary img.img-id-1486  { object-position: 55% 50%;}
#primary img.img-id-1438  { object-position: 50% 35%;} 


#primary img.img-id-1482  { object-position: 50% 58%;}

#primary img.img-id-1475  { object-position: 50% 60%;}
#primary img.img-id-1463  { object-position: 50% 37%;}
#primary img.img-id-1467  { object-position: 50% 75%;}  











/*Data Picker Theme*/
body .flatpickr-calendar {
    background: var(--body-color);   
}

body .flatpickr-day {
    border-color:transparent;
    color: var(--text-color-light);
}


body .flatpickr-calendar {
    background: var(--body-color);
    -webkit-box-shadow: 5px 5px 20px 5px rgba(var(--color-black), 0.1);
    box-shadow: 5px 5px 20px 5px rgba(var(--color-black), 0.1);
}





 
body .flatpickr-day.flatpickr-disabled, 
body .flatpickr-day.flatpickr-disabled:hover, 
body .flatpickr-day.prevMonthDay, 
body .flatpickr-day.nextMonthDay, 
body .flatpickr-day.notAllowed, 
body .flatpickr-day.notAllowed.prevMonthDay, 
body .flatpickr-day.notAllowed.nextMonthDay {
    color: rgba(var(--color-black), 0.1); 
}

body .flatpickr-months .flatpickr-month {
    color: rgba(var(--color-black), 0.9);
    fill: rgba(var(--color-black), 0.9);
}

body span.flatpickr-weekday {
    color: rgba(var(--color-black), 0.3);  
}







 


/*Frame Image Component*/ 

.frame__component {
    position:relative;
} 

.section__frame {
    position: relative; 
}

.frame__media {
    /*clip-path: inset(3rem round 1.6rem)!important;*/
    clip-path: inset(1.5rem round .8rem)!important;
    height: calc(100dvh + 1.5rem); 
    position: relative;
}

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

.frame__content,
.frame__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

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

.frame__text h2 {
    font-size: calc(2 * var(--big-font-size));
    text-align: center;
    transform: translateY(-135%);
    color: var(--body-color);
    margin: 0;
}

.frame__message {
    display: inline-block;
}