.elementor-2520 .elementor-element.elementor-element-5570886{--display:flex;--min-height:100vh;--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;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2520 .elementor-element.elementor-element-5424c11{--display:flex;--min-height:100vh;--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:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;border-style:solid;--border-style:solid;border-width:0px 1px 0px 0px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:0px;--border-left-width:0px;border-color:#000000;--border-color:#000000;--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:1;}.elementor-2520 .elementor-element.elementor-element-5424c11:not(.elementor-motion-effects-element-type-background), .elementor-2520 .elementor-element.elementor-element-5424c11 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://trollicouture.com/wp-content/uploads/2025/09/hola.svg");}.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-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-2520 .elementor-element.elementor-element-4afb130 .elementor-button{background-color:#FFFFFF;font-family:"font acu", Sans-serif;font-size:12px;font-weight:500;fill:#000000;color:#000000;border-style:solid;border-width:1px 1px 1px 1px;border-radius:8px 8px 8px 8px;padding:3px 3px 3px 3px;}.elementor-2520 .elementor-element.elementor-element-4afb130 .elementor-button:hover, .elementor-2520 .elementor-element.elementor-element-4afb130 .elementor-button:focus{background-color:#989894;color:#000DFF;border-color:#000DFF;}.elementor-2520 .elementor-element.elementor-element-4afb130 .elementor-button:hover svg, .elementor-2520 .elementor-element.elementor-element-4afb130 .elementor-button:focus svg{fill:#000DFF;}@media(min-width:768px){.elementor-2520 .elementor-element.elementor-element-5424c11{--width:100vw;}}@media(max-width:767px){.elementor-2520 .elementor-element.elementor-element-5570886{--min-height:100vh;}}/* Start custom CSS for image, class: .elementor-element-2bd85c9 */.imagehome {
  width: calc(var(--cell-width) * 1) !important;
  height: calc(11 * var(--cell-height));
  border: 1px solid black;
  overflow: hidden; /* important */
  background: white;
}

.imagehome img {
  width: 100%;
  height: 100%;
  object-fit: contain; /* or contain, depending on your goal */
  display: block; /* removes bottom whitespace */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5570886 */:root {
  --cell-width: calc(100vw / 16);
  --cell-height: calc(100vh / 35);
  --grid-shift: -2.5vw; /* your background offset */
}



.center {
  position: relative;
  height: 100vh;

  /* background grid */
  background-image: linear-gradient(to right, rgba(0,0,0,0.1) 1px, transparent 1px),
                    linear-gradient(to bottom, rgba(0,0,0,0.1) 1px, transparent 1px);
  background-size: var(--cell-width) var(--cell-height);
  background-repeat: repeat;
  background-position: var(--grid-shift) 0; /* left shift for the grid */
  overflow: hidden;

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

.imagehome {
  position: absolute;
  /* Align image taking the same shift into account */
  left: calc((var(--cell-width) * 7) + var(--grid-shift));
  top: calc(var(--cell-height) * 10);

  width: calc(var(--cell-width) * 3 + 1px)!important;
  height: calc(10 * var(--cell-height));

  border: 1px solid black;
  overflow: hidden;
  background: white;

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

.imagehome img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.boton {
  position: absolute;
  left: calc((var(--cell-width) * 8) + var(--grid-shift)); /* column 8 */
  top: calc(var(--cell-height) * 21); /* row 15 */

  width: var(--cell-width);
height: calc(1 * var(--cell-height))!important;

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

padding: 0;
margin: 0;
  color: white;
  border: none;
  cursor: pointer;
}

.e-con>.elementor-widget>.elementor-widget-container {
    height: auto;
}

.boton2 {
  position: absolute;
  left: calc((var(--cell-width) * 9) + var(--grid-shift)); /* column 8 */
  top: calc(var(--cell-height) * 21); /* row 15 */

  width: var(--cell-width);
height: calc(1 * var(--cell-height))!important;

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

padding: 0;
margin: 0;
  color: white;
  border: none;
  cursor: pointer;
}

.e-con>.elementor-widget>.elementor-widget-container {
    height: auto;
}

.intro {
  position: fixed;
  inset: 0;
  display: flex;
  justify-content: center; /* horizontal center */
  align-items: center;     /* vertical center */
  flex-direction: column;
  background: white;
  z-index: 9999;
  opacity: 1;
  pointer-events: auto;
  transition: opacity 1s ease;
}

@media(min-width: 1600px) {
.boton {
    position: absolute;
    left: calc((var(--cell-width) * 8) + var(--grid-shift));
    top: calc(var(--cell-height) * 21);
    width: var(--cell-width);
     height: calc(1 * var(--cell-height)) !important; 
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    color: white;
    margin-top: -1px!important;
    border: none;
    cursor: pointer;
}

}

@media (max-width: 767px) {
    
.intro {
  position: fixed;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background: white; /* fallback if image fails */
  z-index: 9999;
  transition: opacity 1s ease;
}
    
   
    :root {
  --cell-width: calc(100vw / 4)!important;
  --cell-height: calc(100vh / 35)!important;
  --grid-shift: -12.1vw!important; /* your background offset */
}

.imagehome {
  position: absolute;
  /* Align image taking the same shift into account */
  left: calc((var(--cell-width) * 1) + var(--grid-shift));
  top: calc(var(--cell-height) * 10);

  width: calc(var(--cell-width) * 3 + 1px)!important;
  height: calc(10 * var(--cell-height));

  border: 1px solid black;
  overflow: hidden;
  background: white;

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

.imagehome img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.boton {
  position: absolute;
  left: calc((var(--cell-width) * 2) + var(--grid-shift)); /* column 8 */
  top: calc(var(--cell-height) * 21); /* row 15 */

  width: var(--cell-width);
height: calc(1 * var(--cell-height))!important;

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

padding: 0;
margin: 0;
  color: white;
  border: none;
  cursor: pointer;
}

.e-con>.elementor-widget>.elementor-widget-container {
    height: auto;
}

.boton2 {
  position: absolute;
  left: calc((var(--cell-width) * 3) + var(--grid-shift)); /* column 8 */
  top: calc(var(--cell-height) * 21); /* row 15 */

  width: var(--cell-width);
height: calc(1 * var(--cell-height))!important;

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

padding: 0;
margin: 0;
  color: white;
  border: none;
  cursor: pointer;
}

}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'font acu';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://trollicouture.com/wp-content/uploads/2025/07/Acumin-RPro.woff') format('woff');
}
@font-face {
	font-family: 'font acu';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://trollicouture.com/wp-content/uploads/2025/07/Acumin-BdPro.woff') format('woff');
}
@font-face {
	font-family: 'font acu';
	font-style: normal;
	font-weight: 100;
	font-display: auto;
	src: url('https://trollicouture.com/wp-content/uploads/2025/07/Acumin-ItPro.woff') format('woff');
}
/* End Custom Fonts CSS */