.elementor-64 .elementor-element.elementor-element-c2c6fdc{--display:flex;--position:absolute;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.09);top:0px;}.elementor-64 .elementor-element.elementor-element-c2c6fdc:not(.elementor-motion-effects-element-type-background), .elementor-64 .elementor-element.elementor-element-c2c6fdc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#121742A1;}body:not(.rtl) .elementor-64 .elementor-element.elementor-element-c2c6fdc{left:0px;}body.rtl .elementor-64 .elementor-element.elementor-element-c2c6fdc{right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-64 .elementor-element.elementor-element-aa7a32e .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-weight:500;letter-spacing:5.5px;color:#FFFFFF;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-64 .elementor-element.elementor-element-69e2d03 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(44px/2);}.elementor-64 .elementor-element.elementor-element-69e2d03 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(44px/2);}.elementor-64 .elementor-element.elementor-element-69e2d03 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(44px/2);}.elementor-64 .elementor-element.elementor-element-69e2d03 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-44px/2);}.elementor-64 .elementor-element.elementor-element-69e2d03 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-44px/2);}.elementor-64 .elementor-element.elementor-element-69e2d03 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-64 .elementor-element.elementor-element-69e2d03 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-64 .elementor-element.elementor-element-69e2d03{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-64 .elementor-element.elementor-element-69e2d03 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-64 .elementor-element.elementor-element-69e2d03 .elementor-icon-list-item > a{font-family:"Varela Round", Sans-serif;font-size:13px;font-weight:600;text-transform:uppercase;}.elementor-64 .elementor-element.elementor-element-69e2d03 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-64 .elementor-element.elementor-element-c2c6fdc{--content-width:1600px;}}/* Start custom CSS for html, class: .elementor-element-c9daf63 *//* ==========================================
   VARIABLE PARA ANIMAR EL BORDE
========================================== */

@property --borde-angle {
    syntax: "<angle>";
    initial-value: 0deg;
    inherits: false;
}


/* ==========================================
   BOTÓN
========================================== */

.boton-reservar {
    position: relative;
    isolation: isolate;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;

    padding: 8px 8px 8px 20px;

    border-radius: 999px;

    /* El fondo real lo crea ::after */
    background: transparent;

    color: #51483D;

    font-family: inherit;
    font-size: 10px;
    font-weight: 600;
    line-height: 1;

    text-transform: uppercase;
    letter-spacing: 0.22em;

    text-decoration: none;

    cursor: pointer;

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

    transition:
        box-shadow 0.5s ease,
        color 0.5s ease;
}


/* ==========================================
   BORDE ANIMADO
========================================== */

.boton-reservar::before {
    content: "";

    position: absolute;
    inset: 0;

    border-radius: inherit;

    /*
     * Solo una pequeña parte es dorada.
     * El resto permanece transparente.
     */
    background: conic-gradient(
        from var(--borde-angle),

        transparent 0deg,
        transparent 300deg,

        rgba(199, 166, 106, 0.15) 315deg,
        #C7A66A 330deg,
        #FFF3DA 342deg,
        #C7A66A 352deg,

        transparent 360deg
    );

    z-index: 0;

    animation: borde-recorrido 3s linear infinite;
}


/* ==========================================
   INTERIOR DEL BOTÓN

   Este elemento tapa el centro del degradado
   y deja visible únicamente un borde de 1px
========================================== */

.boton-reservar::after {
    content: "";

    position: absolute;

    inset: 1.5px;

    border-radius: 999px;

    background: #EDE3D3;

    z-index: 1;

    transition:
        background-color 0.5s ease;
}


/* ==========================================
   CONTENIDO
========================================== */

.boton-reservar__texto,
.boton-reservar__icono {
    position: relative;
    z-index: 2;
}


/* ==========================================
   CÍRCULO DE LA FLECHA
========================================== */

.boton-reservar__icono {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 28px;
    height: 28px;

    flex: 0 0 28px;

    border-radius: 50%;

    background: rgba(81, 72, 61, 0.10);
    color: #51483D;

    transition:
        background-color 0.5s ease;
}


/* ==========================================
   SVG
========================================== */

.boton-reservar__icono svg {
    width: 12px;
    height: 12px;

    display: block;

    transform: translateX(0);

    transition:
        transform 0.5s ease;
}


/* ==========================================
   HOVER
========================================== */

.boton-reservar:hover {
    color: #51483D;

    box-shadow:
        0 7px 18px rgba(199, 166, 106, 0.30);
}


/* Cambiar el interior del botón */

.boton-reservar:hover::after {
    background: #C7A66A;
}


/* Círculo flecha */

.boton-reservar:hover .boton-reservar__icono {
    background: rgba(81, 72, 61, 0.15);
}


/* Movimiento flecha */

.boton-reservar:hover .boton-reservar__icono svg {
    transform: translateX(2px);
}


/* ==========================================
   ANIMACIÓN DEL BORDE
========================================== */

@keyframes borde-recorrido {

    from {
        --borde-angle: 0deg;
    }

    to {
        --borde-angle: 360deg;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c2c6fdc */.header-scroll {
    transition:
        transform 0.45s cubic-bezier(.4, 0, .2, 1),
        background-color 0.35s ease,
        box-shadow 0.35s ease;
    will-change: transform;
}

/* Arriba del todo */
.header-scroll.header-top {
    background-color: transparent !important;
    box-shadow: none;
}

/* Después de hacer scroll */
.header-scroll.header-scrolled {
    background-color: #121742A1 !important;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.08);
}

/* Visible */
.header-scroll.header-visible {
    transform: translateY(0);
}

/* Oculto */
.header-scroll.header-hidden {
    transform: translateY(-100%);
}/* End custom CSS */