.elementor-2 .elementor-element.elementor-element-747b3cf{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:254px;--margin-bottom:283px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:364px;--padding-right:432px;}.elementor-2 .elementor-element.elementor-element-3c494d9{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:18px 18px;--row-gap:18px;--column-gap:18px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-71ab031.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-2 .elementor-element.elementor-element-a6514eb{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-651aed0.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-2 .elementor-element.elementor-element-fc81538.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-2 .elementor-element.elementor-element-fc81538 .elementor-heading-title{font-family:"Helvetica", Helvetica;font-size:13px;font-weight:400;}.elementor-2 .elementor-element.elementor-element-3562228{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:254px;--margin-bottom:283px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:364px;--padding-right:432px;}.elementor-2 .elementor-element.elementor-element-c30b3b6{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:18px 18px;--row-gap:18px;--column-gap:18px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-4361736.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-2 .elementor-element.elementor-element-6493c3c{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-f9a8d1b.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-2 .elementor-element.elementor-element-b40cca5.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-2 .elementor-element.elementor-element-b40cca5 .elementor-heading-title{font-family:"Helvetica", Helvetica;font-size:13px;font-weight:400;}.elementor-2 .elementor-element.elementor-element-cffb648{--display:flex;--min-height:90vh;--justify-content:center;}.elementor-2 .elementor-element.elementor-element-9d10587.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-2 .elementor-element.elementor-element-b8e6f17{width:var( --container-widget-width, 49% );max-width:49%;--container-widget-width:49%;--container-widget-flex-grow:0;text-align:start;font-family:"Helvetica", Helvetica;font-size:13px;font-weight:400;}.elementor-2 .elementor-element.elementor-element-b8e6f17 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-b8e6f17.elementor-element{--align-self:center;}.elementor-2 .elementor-element.elementor-element-b8e6f17.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-2 .elementor-element.elementor-element-10c0a12{--display:flex;}.elementor-2 .elementor-element.elementor-element-438f0a2.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-2 .elementor-element.elementor-element-2c564ed.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-2 .elementor-element.elementor-element-0c3a6d4{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-c227b1c.xpro-widget-bg-overlay:before{transition:background 0.3s;}@media(min-width:768px){.elementor-2 .elementor-element.elementor-element-3c494d9{--width:fit-content;}.elementor-2 .elementor-element.elementor-element-c30b3b6{--width:fit-content;}}@media(max-width:1024px){.elementor-2 .elementor-element.elementor-element-747b3cf{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-3562228{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(max-width:767px){.elementor-2 .elementor-element.elementor-element-747b3cf{--min-height:calc(100dvh - 88px);}.elementor-2 .elementor-element.elementor-element-71ab031{--e-image-carousel-slides-to-show:1;}.elementor-2 .elementor-element.elementor-element-3562228{--min-height:calc(100dvh - 88px);}.elementor-2 .elementor-element.elementor-element-4361736{--e-image-carousel-slides-to-show:1;}.elementor-2 .elementor-element.elementor-element-438f0a2 > .elementor-widget-container{padding:0px 0px 70px 0px;}}/* Start custom CSS for container, class: .elementor-element-a6514eb */.elementor-2 .elementor-element.elementor-element-a6514eb {
    position: relative;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6493c3c */.elementor-2 .elementor-element.elementor-element-6493c3c {
    position: relative;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9d10587 *//* =========================
   CONTENEDOR GENERAL
========================= */
.clar-carousel {
  width: 100%;
  display: flex;
  justify-content: center;
  overflow: visible;
}

.clar-track {
  display: flex;
  flex-wrap: nowrap;
  gap: 16px;
  justify-content: center;
  width: 100%;
  overflow: visible;
}

/* =========================
   ITEM INDIVIDUAL
========================= */
.clar-item {
  position: relative;
  width: 96px;
  height: 110px;
  flex-shrink: 0;
  cursor: pointer;
  display: block;
  text-decoration: none;
}

/* =========================
   IMAGEN BASE (SIN EFECTOS)
========================= */
.clar-thumb {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;

  display: block;

  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;

  backface-visibility: hidden;
  transform: translateZ(0);

  transition: none; /* 🔥 eliminado */
}

/* =========================
   BLOQUE FLOTANTE
========================= */
.clar-float {
  position: absolute;
  width: 320px;
  height: 200px;

  padding: 0;
  opacity: 0;
  visibility: hidden;

  z-index: 999;
  pointer-events: none;
  text-align: left;

  display: flex;
  justify-content: space-between;
  align-items: center;

  transition: none; /* 🔥 eliminado */

  transform: translateZ(0);
}

/* =========================
   IMAGEN GRANDE (FLOAT)
========================= */
.clar-float img {
  width: 175px;
  height: 200px;
  object-fit: cover;
  object-position: center;

  flex-shrink: 0;

  image-rendering: -webkit-optimize-contrast;
  backface-visibility: hidden;
}

/* =========================
   TEXTO
========================= */
.clar-text {
  display: flex;
  flex-direction: column;
  padding: 13px;
}

.clar-text h2 {
  font-family: "Helvetica", Helvetica;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 1px;
  margin-bottom: 6px;
  color: #00000;
  text-transform: uppercase;
  width: max-content;
}

.clar-text p {
  font-family: "Helvetica", Helvetica;
  font-size: 11px;
  line-height: 1.1;
  margin-bottom: 8px;
  white-space: pre-line;
  font-weight: 300;
  padding-left: 31px;
}

/* =========================
   LISTA
========================= */
.clar-list span {
  display: inline-block;
  width: 100%;
  white-space: nowrap;
  line-height: 1.1;
}

/* =========================
   HOVER (SIN EFECTOS EN THUMB)
========================= */
.clar-item:hover .clar-float {
  opacity: 1;
  visibility: visible;
}

/* ❌ ELIMINADO:
.clar-item:hover .clar-thumb {
  filter: brightness(0.92);
  transform: scale(1.02);
}
*/

/* =========================
   POSICIONES (DESKTOP)
========================= */

#clar-1 .clar-float {
  bottom: 74px;
  left: -295px;
}

#clar-2 .clar-float {
  top: 161px;
  left: -130px;
}

#clar-3 .clar-float {
  bottom: 131px;
  right: -120px;
}

#clar-4 .clar-float {
  top: 161px;
  left: -120px;
  width: 350px;
}

#clar-5 .clar-float {
  bottom: 127px;
  right: -79px;
  width: 340px;
}

#clar-6 .clar-float {
  bottom: 78px;
  right: -130px;
  width: 325px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-438f0a2 *//* =========================
GRID
========================= */

.clar-mobile-grid{
display:grid;
grid-template-columns:repeat(2,66px);
justify-content:center;

/* espacio entre columnas */
gap:50px 130px;

margin-top:40px;
align-items:start;
}


/* =========================
ITEM
========================= */

.clar-mobile-item{
width:66px;
display:block;
text-decoration:none;
position:relative;
}


/* =========================
THUMB (IMAGEN FIJA)
========================= */

.clar-mobile-thumb{
width:66px;
height:75px;
object-fit:cover;
display:block;
}


/* =========================
CONTROL VERTICAL DE ITEMS
(usa nth-of-type para ignorar el intro)
========================= */

/* 1 */

.clar-mobile-grid a.clar-mobile-item:nth-of-type(1){
margin-top:0px;
}

/* 2 */

.clar-mobile-grid a.clar-mobile-item:nth-of-type(2){
margin-top:55px;
}

/* 3 */

.clar-mobile-grid a.clar-mobile-item:nth-of-type(3){
margin-top:-40px;
}

/* 4 */

.clar-mobile-grid a.clar-mobile-item:nth-of-type(4){
margin-top:-20px;
}

/* 5 */

.clar-mobile-grid a.clar-mobile-item:nth-of-type(5){
margin-top:60px;
}

/* 6 — CONTACT (aquí puedes moverlo libremente) */

.clar-mobile-grid a.clar-mobile-item:nth-of-type(6){
margin-top:80px;
}



/* =========================
TEXTO CENTRAL
========================= */

.clar-mobile-intro{
grid-column:1 / -1;

text-align:center;
white-space:nowrap;

font-family:Helvetica, Arial, sans-serif;
font-size:11px;

margin:5px 0 40px;

display:flex;
justify-content:center;
align-items:center;

width:100%;
}
/* =========================
PESO DE FUENTE (quitar negrita)
========================= */

.clar-mobile-text h2{
font-weight:400;
}

.clar-mobile-text p{
font-weight:400;
}

.clar-mobile-intro{
font-weight:400;
}


/* =========================
FLOAT BASE
========================= */

.clar-mobile-float{

position:absolute;

padding:0;
width:auto;

display:flex;
align-items:center;
gap:10px;

background:none;
box-shadow:none;

opacity:0;
pointer-events:none;

transform:scale(.96);

transition:all .22s ease;

z-index:20;

}


/* =========================
FLOAT ACTIVO
========================= */

.clar-mobile-item.active .clar-mobile-float{

opacity:1;
pointer-events:auto;

transform:scale(1);

}



/* =========================
IMAGEN FLOAT
========================= */

.clar-mobile-float img{

width:72.523px;
height:82.88px;

object-fit:cover;

flex-shrink:0;

}



/* =========================
TEXTO FLOAT
========================= */

.clar-mobile-text{

display:flex;
flex-direction:column;
justify-content:center;

max-width:130px;

}

.clar-mobile-text h2{

font-size:11px;
margin-bottom:5px;

letter-spacing:.04em;
white-space:nowrap;

}

.clar-mobile-text p{

font-size:10px;
line-height:1.35;

}



/* =========================================================
FLOAT POSICIONES
(todos abren hacia el interior de la pantalla)
========================================================= */
.clar-mobile-text p{

font-size:10px;
line-height:1.35;

white-space:nowrap;

}


/* 1 — PHOTOGRAPHY */

.clar-mobile-grid a.clar-mobile-item:nth-of-type(1) .clar-mobile-float{

top:100%;
left:100%;

margin-top:-150px;
margin-left:20px;

}


/* 2 — DESIGN */

.clar-mobile-grid a.clar-mobile-item:nth-of-type(2) .clar-mobile-float{

bottom:100%;
right:100%;

margin-bottom:10px;
margin-right:-70px;

}


/* 3 — WEDDINGS */

.clar-mobile-grid a.clar-mobile-item:nth-of-type(3) .clar-mobile-float{

top:100%;
left:100%;

margin-top:10px;
margin-left:-90px;

}


/* 4 — SHOP */

.clar-mobile-grid a.clar-mobile-item:nth-of-type(4) .clar-mobile-float{

top:100%;
right:100%;

margin-top:15px;
margin-right:-60px;

}


/* 5 — ABOUT */

.clar-mobile-grid a.clar-mobile-item:nth-of-type(5) .clar-mobile-float{

top:100%;
left:100%;

margin-top:15px;
margin-left:-40px;

}


/* 6 — CONTACT */

.clar-mobile-grid a.clar-mobile-item:nth-of-type(6) .clar-mobile-float{

bottom:100%;
right:100%;

margin-bottom:15px;
margin-right:-80px;

}
/* =========================
INVERTIR TEXTO / IMAGEN
para floats que lo necesitan
========================= */

.clar-mobile-grid a.clar-mobile-item:nth-of-type(2) .clar-mobile-float,
.clar-mobile-grid a.clar-mobile-item:nth-of-type(4) .clar-mobile-float,
.clar-mobile-grid a.clar-mobile-item:nth-of-type(5) .clar-mobile-float,
.clar-mobile-grid a.clar-mobile-item:nth-of-type(6) .clar-mobile-float{

flex-direction:row-reverse;

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-438f0a2 *//* ocultar mobile en desktop */
.clar-mobile-grid{
display:none;
}

/* mobile */
@media (max-width:767px){

.clar-carousel{
display:none;
}

.clar-mobile-grid{
display:grid;
}

}/* End custom CSS */