.elementor-16064 .elementor-element.elementor-element-bae5a35{--display:flex;--min-height:45vh;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-16064 .elementor-element.elementor-element-0edc3df{width:var( --container-widget-width, 44.623% );max-width:44.623%;--container-widget-width:44.623%;--container-widget-flex-grow:0;}.elementor-16064 .elementor-element.elementor-element-0edc3df.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-16064 .elementor-element.elementor-element-dcb9fec{--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-16064 .elementor-element.elementor-element-a62fcb4{--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-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-16064 .elementor-element.elementor-element-1442557{--grid-columns:3;}.elementor-16064 .elementor-element.elementor-element-1442557 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-16064 .elementor-element.elementor-element-1442557 .e-loop-item > .elementor-section, .elementor-16064 .elementor-element.elementor-element-1442557 .e-loop-item > .elementor-section > .elementor-container, .elementor-16064 .elementor-element.elementor-element-1442557 .e-loop-item > .e-con, .elementor-16064 .elementor-element.elementor-element-1442557 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-16064 .elementor-element.elementor-element-7057b89{--display:flex;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-16064 .elementor-element.elementor-element-1442557{--grid-columns:2;}}@media(max-width:767px){.elementor-16064 .elementor-element.elementor-element-bae5a35{--min-height:0vh;}.elementor-16064 .elementor-element.elementor-element-0edc3df{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-16064 .elementor-element.elementor-element-1442557{--grid-columns:1;}}/* Start custom CSS for html, class: .elementor-element-0edc3df */* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root{
    --index: calc(1vw + 1vh);
    --transition: cubic-bezier(.1, .7, 0, 1);
}

body{
    background-color: #141414;
}

.wrapper{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50vh;
}

.items{
    display: flex;
    gap: 0.4rem;
    perspective: calc(var(--index) * 35);
}

.item{
    width: calc(var(--index) * 3);
    height: calc(var(--index) * 12);
    background-color: #222;
    background-size: cover;
    background-position: center;
    cursor: pointer;
    filter: grayscale(1) brightness(.5);
    transition: transform 1.25s var(--transition), filter 3s var(--transition), width 1.25s var(--transition);
    will-change: transform, filter, rotateY, width;
}

.item::before, .item::after{
    content: '';
    position: absolute;
    height: 100%;
    width: 20px;
    right: calc(var(--index) * -1);
}

.item::after{
    left: calc(var(--index) * -1);
}

.items .item:hover{
    filter: inherit;
    transform: translateZ(calc(var(--index) * 10));
}

/*Right*/

.items .item:hover + *{
    filter: inherit;
    transform: translateZ(calc(var(--index) * 8.5)) rotateY(35deg);
    z-index: -1;
}

.items .item:hover + * + *{
    filter: inherit;
    transform: translateZ(calc(var(--index) * 5.6)) rotateY(40deg);
    z-index: -2;
}

.items .item:hover + * + * + *{
    filter: inherit;
    transform: translateZ(calc(var(--index) * 2.5)) rotateY(30deg);
    z-index: -3;
}

.items .item:hover + * + * + * + *{
    filter: inherit;
    transform: translateZ(calc(var(--index) * .6)) rotateY(15deg);
    z-index: -4;
}


/*Left*/

.items .item:has( + :hover){
    filter: inherit;
    transform: translateZ(calc(var(--index) * 8.5)) rotateY(-35deg);
}

.items .item:has( + * + :hover){
    filter: inherit;
    transform: translateZ(calc(var(--index) * 5.6)) rotateY(-40deg);
}

.items .item:has( + * + * + :hover){
    filter: inherit;
    transform: translateZ(calc(var(--index) * 2.5)) rotateY(-30deg);
}

.items .item:has( + * + * + * + :hover){
    filter: inherit;
    transform: translateZ(calc(var(--index) * .6)) rotateY(-15deg);
}

.items .item:active, .items .item:focus {
	width: 28vw;
	filter: inherit;
	z-index: 100;
	transform: translateZ(calc(var(--index) * 10));
    margin: 0 .45vw;
}

  /* Botón CTA */
  .cta-btn {
    position: absolute;
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%);
    padding: 10px 18px;
    background: #ff3b3b;
    color: white;
    font-weight: bold;
    border: none;
    border-radius: 25px;
    cursor: pointer;
    text-decoration: none;
    transition: background 0.3s ease;
  }

  .cta-btn:hover {
    background: #d92c2c;
  }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-59191d8 *//* Estilos del bloque de código (aislados) */
  .code-block {
    position: relative;
    max-width: 100%;
    background: #0f1115;
    border: 1px solid #2a2f3a;
    border-radius: 12px;
    box-shadow: 0 6px 18px rgba(0,0,0,.25);
    overflow: hidden;              /* evita scroll horizontal en el body */
  }
  .code-block pre {
    margin: 0;
    padding: 14px 14px 14px 14px;
    max-width: 100%;
    overflow-x: auto;              /* si algo es MUY largo, scrollea solo dentro */
    -webkit-overflow-scrolling: touch;
    white-space: pre-wrap;         /* permite envolver líneas en móvil */
    word-break: break-word;
    overflow-wrap: anywhere;
    font: 500 13px/1.6 ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
    color: #e6e8ee;
  }
  .code-block code { display: block; }
  .code-copy {
    position: absolute; top: 8px; right: 8px;
    padding: 6px 10px; border: 1px solid #3a4152; border-radius: 8px;
    background: #1a1f2a; color: #e6e8ee; cursor: pointer;
    font-size: 12px;
  }
  .code-copy:active { transform: translateY(1px); }
  @media (max-width: 480px){
    .code-block pre { font-size: 12px; padding: 12px; }
    .code-copy { top: 6px; right: 6px; font-size: 11px; padding: 5px 8px; }
  }/* End custom CSS */