.elementor-848 .elementor-element.elementor-element-e41d440{--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-start;--align-items:flex-start;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:0px;--margin-bottom:-105px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-848 .elementor-element.elementor-element-e41d440:not(.elementor-motion-effects-element-type-background), .elementor-848 .elementor-element.elementor-element-e41d440 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-848 .elementor-element.elementor-element-2a9c558{--display:flex;--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-848 .elementor-element.elementor-element-2a9c558:not(.elementor-motion-effects-element-type-background), .elementor-848 .elementor-element.elementor-element-2a9c558 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-848 .elementor-element.elementor-element-404f984{--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:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-848 .elementor-element.elementor-element-404f984:not(.elementor-motion-effects-element-type-background), .elementor-848 .elementor-element.elementor-element-404f984 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.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-848 .elementor-element.elementor-element-2be5bc4{width:var( --container-widget-width, 27.978% );max-width:27.978%;--container-widget-width:27.978%;--container-widget-flex-grow:0;}.elementor-848 .elementor-element.elementor-element-2be5bc4.elementor-element{--flex-grow:0;--flex-shrink:0;}.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-848 .elementor-element.elementor-element-b04c8db .elementor-button{background-color:#222222;font-family:"Rajdhani", Sans-serif;font-weight:500;fill:#FCEE0A;color:#FCEE0A;}.elementor-848 .elementor-element.elementor-element-b04c8db{padding:10px 20px 10px 0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-848 .elementor-element.elementor-element-e41d440{--width:100%;}.elementor-848 .elementor-element.elementor-element-2a9c558{--width:100%;}.elementor-848 .elementor-element.elementor-element-404f984{--width:50%;}}/* Start custom CSS for button, class: .elementor-element-b04c8db *//* Apuntamos al enlace interno del botón para darle la forma */ .elementor-848 .elementor-element.elementor-element-b04c8db .elementor-button { /* --- 1. TAMAÑO Y POSICIÓN --- */ height: 100% !important; /* Ocupa toda la altura del padre */ width: auto !important; /* El ancho lo define el texto + padding */ margin: 0 !important; /* Sin márgenes externos */ /* Relleno lateral para que el texto respire dentro de la forma */ padding: 0 50px !important; /* Centramos el texto perfectamente */ display: flex; justify-content: center; align-items: center; /* --- 2. LA FORMA (Paralelogramo / Doble corte) --- */ /* Esto crea los dos lados inclinados paralelos. El valor "40px" define qué tan inclinado está. */ clip-path: polygon( 40px 0, /* Arriba Izquierda (Empieza metido) */ 100% 0, /* Arriba Derecha (Al final) */ calc(100% - 40px) 100%, /* Abajo Derecha (Se mete hacia la izquierda) */ 0 100% /* Abajo Izquierda (Al principio) */ ); /* --- 3. ESTILO CYBERPUNK --- */ background-color: #FCEE0A !important; /* Amarillo Cyberpunk */ color: #000000 !important; /* Texto Negro */ /* Tipografía fuerte */ font-weight: 800; text-transform: uppercase; font-size: 18px; /* Ajusta si es necesario */ border-radius: 0px; /* Sin bordes redondos */ transition: all 0.3s ease; } /* --- EFECTO HOVER (Opcional) --- */ .elementor-848 .elementor-element.elementor-element-b04c8db .elementor-button:hover { /* Al pasar el mouse, se invierten los colores (estilo muy común en el juego) */ background-color: #000000 !important; color: #FCEE0A !important; /* Un pequeño brillo amarillo */ filter: drop-shadow(0px 0px 5px rgba(252, 238, 10, 0.5)); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-404f984 */.elementor-848 .elementor-element.elementor-element-404f984 { /* --- FONDO --- */ background-color: #000000 !important; /* IMPORTANTE: Padding 0 para que el botón toque la pared izquierda */ padding: 0px !important; /* --- LA FORMA (Recto Izq / Diagonal Der) --- */ clip-path: polygon( 0 0, /* Arriba Izquierda (RECTO) */ 100% 0, /* Arriba Derecha */ calc(100% - 60px) 100%, /* Abajo Derecha (CORTE DIAGONAL) */ 0 100% /* Abajo Izquierda (RECTO) */ ); /* --- AJUSTES DE ALTURA --- */ height: auto !important; min-height: 50px; display: flex; align-items: stretch; /* Estira el botón a todo lo alto */ }/* End custom CSS */