.elementor-kit-65{--e-global-color-primary:#C19F5F;--e-global-color-secondary:#5C4231;--e-global-color-text:#7A7A7A;--e-global-color-accent:#C19F5F;--e-global-color-5125a14:#FEFBF3;--e-global-color-08b90d5:#2D2627;--e-global-color-8dd8352:#A34D70;--e-global-color-3354eb9:#BD4A73;--e-global-color-bcfd145:#DAB9C2;--e-global-color-4b855bd:#D99CAC;--e-global-color-c12679a:#E0CDD3;--e-global-color-40660aa:#ACC6A3;--e-global-color-249cf52:#E5EAEE;--e-global-color-40862ae:#D0F6DD;--e-global-color-87a5f52:#A6C8C7;--e-global-typography-primary-font-family:"Cormorant";--e-global-typography-primary-font-size:24px;--e-global-typography-primary-font-weight:600;--e-global-typography-primary-text-transform:uppercase;--e-global-typography-primary-line-height:1.2em;--e-global-typography-secondary-font-family:"Cormorant";--e-global-typography-secondary-font-size:20px;--e-global-typography-secondary-font-weight:400;--e-global-typography-secondary-text-transform:uppercase;--e-global-typography-text-font-family:"Heebo";--e-global-typography-text-font-size:18px;--e-global-typography-text-font-weight:normal;--e-global-typography-text-line-height:1.2em;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-65 e-page-transition{background-color:#FFBC7D;}.elementor-kit-65 button,.elementor-kit-65 input[type="button"],.elementor-kit-65 input[type="submit"],.elementor-kit-65 .elementor-button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );line-height:var( --e-global-typography-primary-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-65 button,.elementor-kit-65 input[type="button"],.elementor-kit-65 input[type="submit"],.elementor-kit-65 .elementor-button{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-65 button,.elementor-kit-65 input[type="button"],.elementor-kit-65 input[type="submit"],.elementor-kit-65 .elementor-button{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* =========================================================
   ELEMENTOR LIQUID / GOOEY BUTTON
   Compatible con:
   - Elementor Button
   - Elementor Form
   - Elementor Search
   ========================================================= */


/* =========================================================
   VARIABLES GENERALES
   ========================================================= */

.liquid-elementor {
    --liquid-color: #5C4231;
    --liquid-bg: none;
    --liquid-text: #5C4231;
    --liquid-hover-text: #fff;
    --liquid-border-color: #5C4231;
    --liquid-border-color-hover: #5C4231;
}

.liquid-elementor.liquid-gold {
    --liquid-color: #c19f5f;
    --liquid-bg: none;
    --liquid-text: #c19f5f;
    --liquid-hover-text: #ffffff;
    --liquid-border-color: #c19f5f;
    --liquid-border-color-hover: #c19f5f;
}

.liquid-elementor.liquid-white {
    --liquid-color: #fff;
    --liquid-bg: none;
    --liquid-text: #fff;
    --liquid-hover-text: #2D2627;
    --liquid-border-color: #fff;
    --liquid-border-color-hover: #fff;
}

.liquid-elementor.liquid-gold2 {
    --liquid-color: #fff;
    --liquid-bg: #c19f5f;
    --liquid-text: #fff;
    --liquid-hover-text: #2D2627;
    --liquid-border-color: #c19f5f;
    --liquid-border-color-hover: #fff;
}



/* =========================================================
   BOTÓN REAL
   Esta clase la añade automáticamente JavaScript.
   ========================================================= */

.liquid-elementor .liquid-btn-ready {
    position: relative !important;
    z-index: 1;

    overflow: hidden !important;
    isolation: isolate;

    background: var(--liquid-bg) !important;

    border: 2px solid var(--liquid-border-color) !important;
    /*border-radius: 999px !important;*/

    color: var(--liquid-text) !important;

    cursor: pointer;

    transition:
        color .45s ease,
        border-color .45s ease,
        transform .2s ease !important;
}


/* =========================================================
   CONTENIDO DEL BOTÓN
   Siempre por encima del líquido
   ========================================================= */

.liquid-elementor
.liquid-btn-ready > :not(.liquid-btn__fx) {
    position: relative;
    z-index: 3;
}


.liquid-elementor
.liquid-btn-ready
.liquid-btn__text {
    position: relative;
    z-index: 3;
}


.liquid-elementor
.liquid-btn-ready
.elementor-button-content-wrapper {
    position: relative;
    z-index: 3;
}


.liquid-elementor
.liquid-btn-ready
.elementor-button-text {
    position: relative;
    z-index: 3;

    color: inherit !important;
}


.liquid-elementor
.liquid-btn-ready
.elementor-button-icon {
    position: relative;
    z-index: 3;

    color: inherit !important;
}


/* Iconos */

.liquid-elementor
.liquid-btn-ready i {
    position: relative;
    z-index: 3;

    color: inherit !important;
}


.liquid-elementor
.liquid-btn-ready svg {
    position: relative;
    z-index: 3;

    fill: currentColor;
    color: inherit;
}


.liquid-elementor
.liquid-btn-ready svg path {
    fill: currentColor;
}


/* =========================================================
   CONTENEDOR DEL EFECTO
   ========================================================= */

.liquid-elementor .liquid-btn__fx {
    position: absolute;
    z-index: 1;
    inset: 0;
    overflow: hidden;
    border-radius: inherit;
    pointer-events: none;
}


/* =========================================================
   CONTENEDOR GOOEY
   ========================================================= */

.liquid-elementor .liquid-btn__blobs {
    position: absolute;

    inset: -3px;

    filter: url("#liquid-goo");
    -webkit-filter: url("#liquid-goo");

    pointer-events: none;
}


/* =========================================================
   BLOBS
   ========================================================= */

.liquid-elementor .liquid-btn__blob {
    position: absolute;

    top: 2px;

    width: 34%;
    height: 100%;

    background: var(--liquid-color);

    border-radius: 100%;

    transform:
        translate3d(0, 150%, 0)
        scale(1.7);

    transition:
        transform .48s
        cubic-bezier(.55, .06, .68, .19);

    will-change: transform;
}


/* Blob 1 */

.liquid-elementor
.liquid-btn__blob:nth-child(1) {
    left: -7%;

    transition-delay: 0s;
}


/* Blob 2 */

.liquid-elementor
.liquid-btn__blob:nth-child(2) {
    left: 21%;

    transition-delay: .07s;
}


/* Blob 3 */

.liquid-elementor
.liquid-btn__blob:nth-child(3) {
    left: 49%;

    transition-delay: .14s;
}


/* Blob 4 */

.liquid-elementor
.liquid-btn__blob:nth-child(4) {
    left: 77%;

    transition-delay: .21s;
}


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

.liquid-elementor
.liquid-btn-ready:hover {
    color: var(--liquid-hover-text) !important;
    background: var(--liquid-bg) !important;
    border-color:var(--liquid-border-color-hover) !important;
}


.liquid-elementor
.liquid-btn-ready:hover
.liquid-btn__blob {
    transform:
        translate3d(0, 0, 0)
        scale(1.7);
}


/* =========================================================
   CLICK
   ========================================================= */

.liquid-elementor
.liquid-btn-ready:active {
    transform: scale(.98);
}


/* =========================================================
   FOCUS / ACCESIBILIDAD
   ========================================================= */

.liquid-elementor
.liquid-btn-ready:focus-visible {
    outline: 3px solid
        color-mix(
            in srgb,
            var(--liquid-color) 35%,
            transparent
        );

    outline-offset: 4px;
}


/* =========================================================
   SEARCH
   Blobs ligeramente mayores porque normalmente
   el botón de búsqueda es más estrecho.
   ========================================================= */

.liquid-elementor
.elementor-search-form__submit.liquid-btn-ready
.liquid-btn__blob {
    width: 55%;
}


.liquid-elementor
.elementor-search-form__submit.liquid-btn-ready
.liquid-btn__blob:nth-child(1) {
    left: -30%;
}


.liquid-elementor
.elementor-search-form__submit.liquid-btn-ready
.liquid-btn__blob:nth-child(2) {
    left: 5%;
}


.liquid-elementor
.elementor-search-form__submit.liquid-btn-ready
.liquid-btn__blob:nth-child(3) {
    left: 40%;
}


.liquid-elementor
.elementor-search-form__submit.liquid-btn-ready
.liquid-btn__blob:nth-child(4) {
    left: 75%;
}


/* =========================================================
   REDUCIR MOVIMIENTO
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .liquid-elementor
    .liquid-btn-ready,

    .liquid-elementor
    .liquid-btn__blob {

        transition: none !important;

    }

}

/* ==========
   Hover Img Category
   ================== */

.img-category::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
   rgba(242, 228, 205, 1)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}

.img-category:hover {
  transform: scale(1.05);
  box-shadow: 0 0 20px rgba(0,255,255,0.5);
}

.img-category:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}


/* ============================================================
   SYLVIA - HEADER LOGIN / ESCRITORIO
   ============================================================ */

/*
 * ESTADO BASE
 * Ocultamos el acceso al escritorio.
 */
.elementor-element.sylvia-user-account,
.sylvia-user-account {
	display: none !important;
}


/*
 * ============================================================
 * USUARIO NO LOGUEADO
 * ============================================================
 */

body:not(.logged-in)
.elementor-element.sylvia-login-guest,
body:not(.logged-in)
.sylvia-login-guest {
	display: flex !important;
}


body:not(.logged-in)
.elementor-element.sylvia-user-account,
body:not(.logged-in)
.sylvia-user-account {
	display: none !important;
}


/*
 * ============================================================
 * USUARIO LOGUEADO
 * ============================================================
 */

/* Ocultar icono que abre Off-Canvas_Login */

body.logged-in
.elementor-element.sylvia-login-guest,
body.logged-in
.sylvia-login-guest {
	display: none !important;
}


/* Mostrar icono de acceso al escritorio */

body.logged-in
.elementor-element.sylvia-user-account,
body.logged-in
.sylvia-user-account {
	display: flex !important;
}

body.logged-in
.sylvia-user-account .elementor-icon {
	color: #C19F5F !important;
}

body.logged-in
.sylvia-user-account .elementor-icon svg {
	fill: currentColor !important;
	color: #C19F5F !important;
}

body.logged-in
.sylvia-user-account:hover .elementor-icon,
body.logged-in
.sylvia-user-account:hover .elementor-icon svg {
	color: #FFFFFF !important;
}

body:not(.logged-in)
.sylvia-login-guest .elementor-icon {
	color: #FFFFFF !important;
}

body:not(.logged-in)
.sylvia-login-guest .elementor-icon svg {
	fill: currentColor !important;
	color: #FFFFFF !important;
}

body:not(.logged-in)
.sylvia-login-guest:hover .elementor-icon,
body:not(.logged-in)
.sylvia-login-guest:hover .elementor-icon svg {
	color: #C19F5F !important;
}/* End custom CSS */