.elementor-895 .elementor-element.elementor-element-96fbd84{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-895 .elementor-element.elementor-element-c3c7348 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 7px 0px 0px;}.elementor-895 .elementor-element.elementor-element-c3c7348.elementor-element{--align-self:flex-start;}.elementor-895 .elementor-element.elementor-element-6268f9f > .elementor-widget-container{margin:0px 0px 0px -7px;padding:0px 7px 0px 0px;}.elementor-895 .elementor-element.elementor-element-6268f9f.elementor-element{--align-self:flex-start;}.elementor-895 .elementor-element.elementor-element-c756e92 > .elementor-widget-container{margin:0px 0px 0px -7px;padding:2px 2px 2px 2px;}.elementor-895 .elementor-element.elementor-element-f49292d.elementor-element{--align-self:flex-start;}.elementor-895 .elementor-element.elementor-element-6198bbb{--display:flex;--min-height:82vh;--justify-content:center;}.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-895 .elementor-element.elementor-element-d590724 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 266px 0px 266px;}.elementor-895 .elementor-element.elementor-element-d590724.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-895 .elementor-element.elementor-element-d590724{text-align:center;}.elementor-895 .elementor-element.elementor-element-d590724 .elementor-heading-title{font-family:"Gnarly", Sans-serif;font-weight:600;color:#0E0E0E;}.elementor-895 .elementor-element.elementor-element-64cfec5{--display:flex;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;}.elementor-895 .elementor-element.elementor-element-9bc7d1b{--display:flex;--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:flex-end;--align-items:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-895 .elementor-element.elementor-element-819ad9f img{width:100%;max-width:100%;}.elementor-895 .elementor-element.elementor-element-194f1ac{--display:flex;--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:flex-end;}.elementor-895 .elementor-element.elementor-element-194f1ac.e-con{--align-self:flex-end;}.elementor-895 .elementor-element.elementor-element-53db153 > .elementor-widget-container{padding:1px 1px 1px 7px;}.elementor-895 .elementor-element.elementor-element-53db153.elementor-element{--align-self:flex-end;--order:-99999 /* order start hack */;}.elementor-895 .elementor-element.elementor-element-53db153 .elementor-heading-title{font-family:"Gnarly", Sans-serif;font-size:13px;font-weight:400;color:#1A1A1A;}.elementor-895 .elementor-element.elementor-element-3c20f83.elementor-element{--align-self:flex-end;--order:-99999 /* order start hack */;}.elementor-895 .elementor-element.elementor-element-3c20f83 .elementor-heading-title{font-family:"Gnarly", Sans-serif;font-size:13px;font-weight:400;color:#1A1A1A00;}.elementor-895 .elementor-element.elementor-element-877cec1.elementor-element{--align-self:flex-end;--order:-99999 /* order start hack */;}.elementor-895 .elementor-element.elementor-element-877cec1 .elementor-heading-title{font-family:"Gnarly", Sans-serif;font-size:13px;font-weight:400;color:#1A1A1A;}.elementor-895 .elementor-element.elementor-element-a79656a.elementor-element{--align-self:flex-end;--order:-99999 /* order start hack */;}.elementor-895 .elementor-element.elementor-element-a79656a .elementor-heading-title{font-family:"Gnarly", Sans-serif;font-size:13px;font-weight:400;color:#1A1A1A00;}.elementor-895 .elementor-element.elementor-element-2489157{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-895 .elementor-element.elementor-element-3eaad37 > .elementor-widget-container{margin:0% 0% 0% 0%;}.elementor-895 .elementor-element.elementor-element-3eaad37.elementor-element{--order:99999 /* order end hack */;}.elementor-895 .elementor-element.elementor-element-1025d86{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-895 .elementor-element.elementor-element-670c28b > .elementor-widget-container{margin:4px 4px 4px 4px;}@media(min-width:768px){.elementor-895 .elementor-element.elementor-element-6198bbb{--content-width:100vw;}.elementor-895 .elementor-element.elementor-element-9bc7d1b{--width:23%;}.elementor-895 .elementor-element.elementor-element-2489157{--content-width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-895 .elementor-element.elementor-element-9bc7d1b{--width:0%;}}@media(max-width:767px){.elementor-895 .elementor-element.elementor-element-6198bbb{--min-height:69vh;}.elementor-895 .elementor-element.elementor-element-d590724 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-895 .elementor-element.elementor-element-d590724 .elementor-heading-title{font-size:29px;}.elementor-895 .elementor-element.elementor-element-9bc7d1b{--width:0%;}.elementor-895 .elementor-element.elementor-element-194f1ac{--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-895 .elementor-element.elementor-element-877cec1.elementor-element{--align-self:flex-start;--flex-grow:1;--flex-shrink:0;}.elementor-895 .elementor-element.elementor-element-877cec1{text-align:left;}}/* Start custom CSS for html, class: .elementor-element-c3c7348 *//* Estilos generales */
body {
    font-family: 'Gnarly', sans-serif !important; /* Cambia la fuente aquí */
    font-weight: 500 !important;
    transition: background-color 0.5s ease; /* Suaviza el cambio de color */
    margin: 0;
    padding: 0;

    

    background-color: #ffffff; /* Color de fondo inicial */
}

/* Contenedor del menú */
.custom-header {
    font-size: 20px; /* Tamaño del texto */

}

/* Estilos de los enlaces */
.menu-item {
    text-decoration: none !important;
    color: #1A1A1A; /* Color del texto */
    transition: color 0.3s ease, background-color 0.5s ease;
    padding: 1px;
    font-size: 20px; /* Tamaño del texto */
}

/* Cambio de color del fondo en hover */
.trabajo:hover {
    background-color: transparent;
    color:green;
}
.refes:hover {
    background-color: transparent;
    color: white;
}
.nosotras:hover {
    background-color: transparent;
    color: white;
}

@media (max-width: 1024px) {
  .custom-header {
    display: none !important;
  }
}



.preview-box {
  position: relative;
  width: 100%;
  height: 100%;
}

.preview-box img {
  position: absolute;
  bottom: 0;
  right: 0;
  max-width: 200px;
  border-radius: 8px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.25);
  opacity: 0;
  transition: opacity 0.4s ease;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6268f9f *//* Estilos generales */
body {
    font-family: 'Gnarly', sans-serif !important; /* Cambia la fuente aquí */
    font-weight: 500 !important;
    transition: background-color 0.5s ease; /* Suaviza el cambio de color */
    margin: 0;
    padding: 0;

    

    background-color: #ffffff; /* Color de fondo inicial */
}

/* Contenedor del menú */
.custom-header {
    font-size: 20px; /* Tamaño del texto */

}

/* Estilos de los enlaces */
.menu-item {
    text-decoration: none !important;
    color: #1A1A1A; /* Color del texto */
    transition: color 0.3s ease, background-color 0.5s ease;
    padding: 1px;
    font-size: 20px; /* Tamaño del texto */
}

/* Cambio de color del fondo en hover */
.trabajo:hover {
    background-color: transparent;
    color: white;
}
/*.refes:hover {
    background-color: transparent;
    color: white;
} */
.nosotras:hover {
    background-color: transparent;
    color: white;
}

@media (max-width: 1024px) {
  .custom-header {
    display: none !important;
  }
}



.preview-box {
  position: relative;
  width: 100%;
  height: 100%;
}

.preview-box img {
  position: absolute;
  bottom: 0;
  right: 0;
  max-width: 200px;
  border-radius: 8px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.25);
  opacity: 0;
  transition: opacity 0.4s ease;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cf774fe *//* Estilos generales */
body {
    font-family: 'Gnarly', sans-serif !important; /* Cambia la fuente aquí */
    font-weight: 500 !important;
    transition: background-color 0.5s ease; /* Suaviza el cambio de color */
    margin: 0;
    padding: 0;

    

    background-color: #ffffff; /* Color de fondo inicial */
}
.hamburger {
  display: none;
  font-size: 21px;
  z-index: 9999;
}

@media (max-width: 1024px) {
  .hamburger {
    display: block;
    position: fixed;
    right: 20px;
    color: #1a1a1a;
  }
}

.fullscreen-menu {
  display: none;
  position: fixed;
  top: 0; left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 9998;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  gap: 40px;
  font-size: 32px;
  font-family: 'Gnarly', sans-serif;
  transition: background-color 0.5s ease;
}

.fullscreen-menu a {
  text-decoration: none;
  color: #1a1a1a;
  transition: background-color 0.5s ease;
}

@media (min-width: 1025px) {
  .fullscreen-menu {
    display: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c756e92 */.fullscreen-menu {
  display: none;
  position: fixed;
  top: 0; left: 0;
  width: 100vw;
  height: 100vh;
  background-color: white;
  z-index: 9998;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  gap: 40px;
  font-size: 32px;
  font-family: 'Gnarly', sans-serif;
  transition: background-color 0.5s ease;
}

.fullscreen-menu a {
  text-decoration: none;
  color: #1a1a1a;
  transition: background-color 0.5s ease;
}

.fullscreen-menu a:hover {
  cursor: pointer;
}

@media (min-width: 1025px) {
  .fullscreen-menu {
    display: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f49292d *//* Estilos generales */
body {
    font-family: 'Gnarly', sans-serif; /* Cambia la fuente aquí */
    font-weight: 500;
    transition: background-color 0.5s ease; /* Suaviza el cambio de color */
    margin: 0;
    padding: 0;

    

    background-color: #ffffff; /* Color de fondo inicial */
}

/* Contenedor del menú */
.custom-header {
    font-size: 20px; /* Tamaño del texto */

}

/* Estilos de los enlaces */
.menu-item {
    text-decoration: none;
    color: #1A1A1A; /* Color del texto */
    transition: color 0.3s ease, background-color 0.5s ease;
    padding: 1px;
    font-size: 20px; /* Tamaño del texto */
}

/* Cambio de color del fondo en hover */
.contacto:hover {
    background-color: transparent;
    color: white;
}
@media (max-width: 1024px) {
  .custom-header {
    display: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3c20f83 */.centrado {
  margin-left: auto;
  margin-right: auto;
  display: block;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-877cec1 */.centrado {
  margin-left: auto;
  margin-right: auto;
  display: block;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a79656a */.centrado {
  margin-left: auto;
  margin-right: auto;
  display: block;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-19bb961 */a:hover ~ .custom-cursor,
.elementor-widget a:hover ~ .custom-cursor {
  width: 50px;
  height: 50px;
}
body, * {
  cursor: none !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-670c28b */.hover-preview-container {
  position: fixed;
  bottom: 10px;
  right: 20px;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  z-index: 999;
}

.hover-preview-container > div {
  opacity: 0;
  transition: opacity 0.3s ease;
  max-width: 200px;
}

/* Solo mostramos la imagen activa */
.hover-preview-container > .active {
  display: block;
  opacity: 1;
}


.preview-trabajo img {
  content: url('https://martaysara.es/wp-content/uploads/2025/04/Trabajo-PERRITO-O1-1.png');
}

.preview-nosotras img {
  content: url('https://martaysara.es/wp-content/uploads/2025/10/Refes_-_O2_2-e1759788297708.png');
}/* End custom CSS */
/* Start custom CSS */site-footer{
  display: none !important;
}


.hover-preview-container > div {
  display: none !important;
  opacity: 0;
  transition: opacity 0.3s ease;
  max-width: 150px !important;
}

.hover-preview-container > .active {
  display: block !important;
  opacity: 1;
}/* End custom CSS */