.elementor-3169 .elementor-element.elementor-element-864a0a0{--display:flex;}.elementor-3169 .elementor-element.elementor-element-864a0a0:not(.elementor-motion-effects-element-type-background), .elementor-3169 .elementor-element.elementor-element-864a0a0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#141331;}.elementor-3169 .elementor-element.elementor-element-4c80fcd > .elementor-widget-container{margin:0px 0px 0px 15px;}.elementor-3169 .elementor-element.elementor-element-4c80fcd .elementor-heading-title{font-family:"Chelsea Market", Sans-serif;font-size:14px;font-weight:200;color:#FFE241;}.elementor-3169 .elementor-element.elementor-element-fe15c41{--display:flex;}.elementor-3169 .elementor-element.elementor-element-ef5a15f{--iteration-count:infinite;--dynamic-text-color:#E96400;}.elementor-3169 .elementor-element.elementor-element-ef5a15f.elementor-element{--align-self:flex-start;}.elementor-3169 .elementor-element.elementor-element-ef5a15f .elementor-headline{text-align:center;font-family:"Delius Unicase", Sans-serif;}.elementor-3169 .elementor-element.elementor-element-ef5a15f .elementor-headline-plain-text{color:#FFFFFF;}.elementor-3169 .elementor-element.elementor-element-c9f41a4{--display:flex;}.elementor-3169 .elementor-element.elementor-element-d60f786{font-family:"Chelsea Market", Sans-serif;font-size:15px;font-weight:200;text-transform:none;line-height:30px;letter-spacing:0.5px;color:#FFFFFF;}.elementor-3169 .elementor-element.elementor-element-3b8943b{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-3169 .elementor-element.elementor-element-0e54f0c{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-3169 .elementor-element.elementor-element-1c8c880 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-3169 .elementor-element.elementor-element-1c8c880 .elementor-widget-container{--e-transform-origin-x:center;--e-transform-origin-y:center;}.elementor-3169 .elementor-element.elementor-element-740d151{width:auto;max-width:auto;}.elementor-3169 .elementor-element.elementor-element-740d151.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-3169 .elementor-element.elementor-element-740d151 .elementor-widget-container{--e-transform-origin-x:center;--e-transform-origin-y:center;}.elementor-3169 .elementor-element.elementor-element-e6d77ab{--display:flex;}.elementor-3169 .elementor-element.elementor-element-e6d77ab:not(.elementor-motion-effects-element-type-background), .elementor-3169 .elementor-element.elementor-element-e6d77ab > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#141331;}.elementor-3169 .elementor-element.elementor-element-9aa3029{text-align:center;}.elementor-3169 .elementor-element.elementor-element-9aa3029 .elementor-heading-title{font-family:"Delius Unicase", Sans-serif;color:#FFFFFF;}.elementor-3169 .elementor-element.elementor-element-e16a6d6{--display:flex;}.elementor-3169 .elementor-element.elementor-element-0a97018{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-3169 .elementor-element.elementor-element-228a6e0 .elementor-flip-box__front{background-color:#22177E;}.elementor-3169 .elementor-element.elementor-element-228a6e0 .elementor-flip-box__back{background-color:#0D092A;}.elementor-3169 .elementor-element.elementor-element-228a6e0 > .elementor-widget-container{box-shadow:6px 5px 10px 0px #2C376B;}.elementor-3169 .elementor-element.elementor-element-228a6e0:hover > .elementor-widget-container{border-radius:0px 0px 0px 0px;}.elementor-3169 .elementor-element.elementor-element-228a6e0 .elementor-flip-box{height:239px;}.elementor-3169 .elementor-element.elementor-element-228a6e0 .elementor-flip-box__layer, .elementor-3169 .elementor-element.elementor-element-228a6e0 .elementor-flip-box__layer__overlay{border-radius:0px;}.elementor-3169 .elementor-element.elementor-element-228a6e0 .elementor-flip-box__front .elementor-flip-box__layer__overlay{text-align:center;}.elementor-3169 .elementor-element.elementor-element-228a6e0 .elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-3169 .elementor-element.elementor-element-228a6e0 .elementor-view-stacked .elementor-icon svg{stroke:#FFFFFF;}.elementor-3169 .elementor-element.elementor-element-228a6e0 .elementor-view-framed .elementor-icon, .elementor-3169 .elementor-element.elementor-element-228a6e0 .elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-3169 .elementor-element.elementor-element-228a6e0 .elementor-view-framed .elementor-icon svg, .elementor-3169 .elementor-element.elementor-element-228a6e0 .elementor-view-default .elementor-icon svg{fill:#FFFFFF;border-color:#FFFFFF;}.elementor-3169 .elementor-element.elementor-element-228a6e0 .elementor-icon{font-size:70px;}.elementor-3169 .elementor-element.elementor-element-228a6e0 .elementor-icon svg{width:70px;transform:rotate(0deg);}.elementor-3169 .elementor-element.elementor-element-228a6e0 .elementor-icon i{transform:rotate(0deg);}.elementor-3169 .elementor-element.elementor-element-228a6e0 .elementor-flip-box__front .elementor-flip-box__layer__title{color:#FCCE34;font-family:"Chelsea Market", Sans-serif;font-size:62px;}.elementor-3169 .elementor-element.elementor-element-228a6e0 .elementor-flip-box__back .elementor-flip-box__layer__overlay{text-align:center;}.elementor-3169 .elementor-element.elementor-element-228a6e0 .elementor-flip-box__button{margin-center:0;color:#FFFFFF;}.elementor-3169 .elementor-element.elementor-element-228a6e0 .elementor-flip-box__back .elementor-flip-box__layer__title{color:#CC8A08;}.elementor-3169 .elementor-element.elementor-element-228a6e0 .elementor-flip-box__back .elementor-flip-box__layer__description{color:#FFFFFF;font-family:"Delius Unicase", Sans-serif;font-size:11px;}.elementor-3169 .elementor-element.elementor-element-50deaa8 .elementor-flip-box__front{background-color:#22177E;}.elementor-3169 .elementor-element.elementor-element-50deaa8 .elementor-flip-box__back{background-color:#0D092A;}.elementor-3169 .elementor-element.elementor-element-50deaa8 > .elementor-widget-container{box-shadow:6px 5px 10px 0px #2C376B;}.elementor-3169 .elementor-element.elementor-element-50deaa8:hover > .elementor-widget-container{border-radius:0px 0px 0px 0px;}.elementor-3169 .elementor-element.elementor-element-50deaa8 .elementor-flip-box{height:239px;}.elementor-3169 .elementor-element.elementor-element-50deaa8 .elementor-flip-box__layer, .elementor-3169 .elementor-element.elementor-element-50deaa8 .elementor-flip-box__layer__overlay{border-radius:0px;}.elementor-3169 .elementor-element.elementor-element-50deaa8 .elementor-flip-box__front .elementor-flip-box__layer__overlay{text-align:center;}.elementor-3169 .elementor-element.elementor-element-50deaa8 .elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-3169 .elementor-element.elementor-element-50deaa8 .elementor-view-stacked .elementor-icon svg{stroke:#FFFFFF;}.elementor-3169 .elementor-element.elementor-element-50deaa8 .elementor-view-framed .elementor-icon, .elementor-3169 .elementor-element.elementor-element-50deaa8 .elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-3169 .elementor-element.elementor-element-50deaa8 .elementor-view-framed .elementor-icon svg, .elementor-3169 .elementor-element.elementor-element-50deaa8 .elementor-view-default .elementor-icon svg{fill:#FFFFFF;border-color:#FFFFFF;}.elementor-3169 .elementor-element.elementor-element-50deaa8 .elementor-icon{font-size:70px;}.elementor-3169 .elementor-element.elementor-element-50deaa8 .elementor-icon svg{width:70px;transform:rotate(0deg);}.elementor-3169 .elementor-element.elementor-element-50deaa8 .elementor-icon i{transform:rotate(0deg);}.elementor-3169 .elementor-element.elementor-element-50deaa8 .elementor-flip-box__front .elementor-flip-box__layer__title{color:#FCCE34;font-family:"Chelsea Market", Sans-serif;font-size:62px;}.elementor-3169 .elementor-element.elementor-element-50deaa8 .elementor-flip-box__back .elementor-flip-box__layer__overlay{text-align:center;}.elementor-3169 .elementor-element.elementor-element-50deaa8 .elementor-flip-box__button{margin-center:0;color:#FFFFFF;}.elementor-3169 .elementor-element.elementor-element-50deaa8 .elementor-flip-box__back .elementor-flip-box__layer__title{color:#CC8A08;}.elementor-3169 .elementor-element.elementor-element-50deaa8 .elementor-flip-box__back .elementor-flip-box__layer__description{color:#FFFFFF;font-family:"Delius Unicase", Sans-serif;font-size:11px;}.elementor-3169 .elementor-element.elementor-element-ac28894 .elementor-flip-box__front{background-color:#22177E;}.elementor-3169 .elementor-element.elementor-element-ac28894 .elementor-flip-box__back{background-color:#0D092A;}.elementor-3169 .elementor-element.elementor-element-ac28894 > .elementor-widget-container{box-shadow:6px 5px 10px 0px #2C376B;}.elementor-3169 .elementor-element.elementor-element-ac28894:hover > .elementor-widget-container{border-radius:0px 0px 0px 0px;}.elementor-3169 .elementor-element.elementor-element-ac28894 .elementor-flip-box{height:239px;}.elementor-3169 .elementor-element.elementor-element-ac28894 .elementor-flip-box__layer, .elementor-3169 .elementor-element.elementor-element-ac28894 .elementor-flip-box__layer__overlay{border-radius:0px;}.elementor-3169 .elementor-element.elementor-element-ac28894 .elementor-flip-box__front .elementor-flip-box__layer__overlay{text-align:center;}.elementor-3169 .elementor-element.elementor-element-ac28894 .elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-3169 .elementor-element.elementor-element-ac28894 .elementor-view-stacked .elementor-icon svg{stroke:#FFFFFF;}.elementor-3169 .elementor-element.elementor-element-ac28894 .elementor-view-framed .elementor-icon, .elementor-3169 .elementor-element.elementor-element-ac28894 .elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-3169 .elementor-element.elementor-element-ac28894 .elementor-view-framed .elementor-icon svg, .elementor-3169 .elementor-element.elementor-element-ac28894 .elementor-view-default .elementor-icon svg{fill:#FFFFFF;border-color:#FFFFFF;}.elementor-3169 .elementor-element.elementor-element-ac28894 .elementor-icon{font-size:70px;}.elementor-3169 .elementor-element.elementor-element-ac28894 .elementor-icon svg{width:70px;transform:rotate(0deg);}.elementor-3169 .elementor-element.elementor-element-ac28894 .elementor-icon i{transform:rotate(0deg);}.elementor-3169 .elementor-element.elementor-element-ac28894 .elementor-flip-box__front .elementor-flip-box__layer__title{color:#FCCE34;font-family:"Chelsea Market", Sans-serif;font-size:62px;}.elementor-3169 .elementor-element.elementor-element-ac28894 .elementor-flip-box__back .elementor-flip-box__layer__overlay{text-align:center;}.elementor-3169 .elementor-element.elementor-element-ac28894 .elementor-flip-box__button{margin-center:0;color:#FFFFFF;}.elementor-3169 .elementor-element.elementor-element-ac28894 .elementor-flip-box__back .elementor-flip-box__layer__title{color:#CC8A08;}.elementor-3169 .elementor-element.elementor-element-ac28894 .elementor-flip-box__back .elementor-flip-box__layer__description{color:#FFFFFF;font-family:"Delius Unicase", Sans-serif;font-size:11px;}.elementor-3169 .elementor-element.elementor-element-886b14e .elementor-flip-box__front{background-color:#22177E;}.elementor-3169 .elementor-element.elementor-element-886b14e .elementor-flip-box__back{background-color:#0D092A;}.elementor-3169 .elementor-element.elementor-element-886b14e > .elementor-widget-container{box-shadow:6px 5px 10px 0px #2C376B;}.elementor-3169 .elementor-element.elementor-element-886b14e:hover > .elementor-widget-container{border-radius:0px 0px 0px 0px;}.elementor-3169 .elementor-element.elementor-element-886b14e .elementor-flip-box{height:239px;}.elementor-3169 .elementor-element.elementor-element-886b14e .elementor-flip-box__layer, .elementor-3169 .elementor-element.elementor-element-886b14e .elementor-flip-box__layer__overlay{border-radius:0px;}.elementor-3169 .elementor-element.elementor-element-886b14e .elementor-flip-box__front .elementor-flip-box__layer__overlay{text-align:center;}.elementor-3169 .elementor-element.elementor-element-886b14e .elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-3169 .elementor-element.elementor-element-886b14e .elementor-view-stacked .elementor-icon svg{stroke:#FFFFFF;}.elementor-3169 .elementor-element.elementor-element-886b14e .elementor-view-framed .elementor-icon, .elementor-3169 .elementor-element.elementor-element-886b14e .elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-3169 .elementor-element.elementor-element-886b14e .elementor-view-framed .elementor-icon svg, .elementor-3169 .elementor-element.elementor-element-886b14e .elementor-view-default .elementor-icon svg{fill:#FFFFFF;border-color:#FFFFFF;}.elementor-3169 .elementor-element.elementor-element-886b14e .elementor-icon{font-size:70px;}.elementor-3169 .elementor-element.elementor-element-886b14e .elementor-icon svg{width:70px;transform:rotate(0deg);}.elementor-3169 .elementor-element.elementor-element-886b14e .elementor-icon i{transform:rotate(0deg);}.elementor-3169 .elementor-element.elementor-element-886b14e .elementor-flip-box__front .elementor-flip-box__layer__title{color:#FCCE34;font-family:"Chelsea Market", Sans-serif;font-size:62px;}.elementor-3169 .elementor-element.elementor-element-886b14e .elementor-flip-box__back .elementor-flip-box__layer__overlay{text-align:center;}.elementor-3169 .elementor-element.elementor-element-886b14e .elementor-flip-box__button{margin-center:0;color:#FFFFFF;}.elementor-3169 .elementor-element.elementor-element-886b14e .elementor-flip-box__back .elementor-flip-box__layer__title{color:#CC8A08;}.elementor-3169 .elementor-element.elementor-element-886b14e .elementor-flip-box__back .elementor-flip-box__layer__description{color:#FFFFFF;font-family:"Delius Unicase", Sans-serif;font-size:11px;}.elementor-3169 .elementor-element.elementor-element-862cfa4{--display:flex;}.elementor-3169 .elementor-element.elementor-element-4e58a84 img{width:80%;}.elementor-3169 .elementor-element.elementor-element-8717b0b{--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;}.elementor-3169 .elementor-element.elementor-element-294c9b4 .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-3169 .elementor-element.elementor-element-294c9b4 .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:rgba(0,0,0,0.5);}.elementor-3169 .elementor-element.elementor-element-294c9b4{--image-border-width:0px;--image-border-radius:0px;--image-transition-duration:800ms;--overlay-transition-duration:800ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;}body.elementor-page-3169:not(.elementor-motion-effects-element-type-background), body.elementor-page-3169 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #141331 0%, #141331 100%);}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-3169 .elementor-element.elementor-element-0e54f0c{--grid-auto-flow:row;}.elementor-3169 .elementor-element.elementor-element-0a97018{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-3169 .elementor-element.elementor-element-c9f41a4{--width:31%;}}@media(max-width:767px){.elementor-3169 .elementor-element.elementor-element-0e54f0c{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-3169 .elementor-element.elementor-element-0a97018{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for html, class: .elementor-element-1c8c880 *//* Variables de color */
.elementor-3169 .elementor-element.elementor-element-1c8c880 {
  --primary-color: #ff3d3d;
  --secondary-color: #3d3dff;
  --text-color: #000000;
  --accent-color: #ffef00;
  --panel-color: #ffffff;
  --shadow-color: rgba(0, 0, 0, 0.75);
}

.comic-brutal-button-container {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2em;
}

/* Ajuste clave para que el link funcione como el botón original */
.comic-brutal-button {
  position: relative;
  font-size: 1.5em;
  border: none;
  background: none;
  cursor: pointer;
  padding: 0;
  transform: rotate(-2deg);
  transform-origin: center;
  transition: transform 0.15s cubic-bezier(0.22, 0.61, 0.36, 1);
  display: inline-block; /* Crucial para el diseño */
  text-decoration: none; /* Quita el subrayado */
}

.button-inner {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--primary-color);
  color: var(--text-color);
  padding: 0.8em 1.5em;
  z-index: 3;
  overflow: hidden;
  transform: skew(-3deg, 1deg);
  transition: transform 0.15s cubic-bezier(0.22, 0.61, 0.36, 1);
  clip-path: polygon(0% 10%, 3% 0%, 97% 0%, 100% 10%, 100% 90%, 97% 100%, 3% 100%, 0% 90%);
}

.button-text {
  position: relative;
  font-weight: 900;
  font-size: 1.2em;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  z-index: 5;
  color: var(--text-color);
  text-shadow: 0.05em 0.05em 0 var(--panel-color), -0.05em -0.05em 0 var(--panel-color), 0.05em -0.05em 0 var(--panel-color), -0.05em 0.05em 0 var(--panel-color);
  transform: rotate(2deg);
  font-family: sans-serif; /* Puedes cambiar esto a Bruno Ace si la tienes cargada */
}

.button-frame {
  position: absolute;
  top: -0.3em;
  left: -0.3em;
  right: -0.3em;
  bottom: -0.3em;
  background-color: var(--accent-color);
  border: 0.15em solid var(--text-color);
  z-index: 1;
  transition: transform 0.15s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.button-shadow {
  position: absolute;
  top: 0.4em;
  left: 0.4em;
  right: -0.4em;
  bottom: -0.4em;
  background-color: var(--shadow-color);
  z-index: 0;
  transition: all 0.15s cubic-bezier(0.22, 0.61, 0.36, 1);
}

/* Efectos visuales */
.halftone-overlay {
  position: absolute;
  top: 0; left: 0; width: 100%; height: 100%;
  background-image: radial-gradient(circle at 30% 30%, rgba(0, 0, 0, 0.2) 0.1em, transparent 0.1em);
  background-size: 0.5em 0.5em;
  opacity: 0.3;
  z-index: 2;
  mix-blend-mode: multiply;
}

.ink-splatter {
  position: absolute;
  top: 0; left: 0; width: 100%; height: 100%;
  z-index: 1;
  opacity: 0;
  transition: opacity 0.2s ease;
  background: radial-gradient(circle at 20% 30%, rgba(0,0,0,0.15) 0%, transparent 50%),
              radial-gradient(circle at 70% 65%, rgba(0,0,0,0.15) 0%, transparent 50%);
}

/* Estados Hover */
.comic-brutal-button:hover {
  transform: rotate(-1deg) scale(1.05);
}

.comic-brutal-button:hover .button-inner {
  transform: skew(-5deg, 2deg);
  background-color: var(--secondary-color);
}

.comic-brutal-button:hover .button-text {
  color: var(--panel-color);
  text-shadow: 0.05em 0.05em 0 var(--text-color), -0.05em -0.05em 0 var(--text-color);
}

.comic-brutal-button:hover .button-shadow {
  transform: translate(0.2em, 0.2em);
}

.comic-brutal-button:hover .ink-splatter {
  opacity: 1;
}

/* Animaciones de acción */
@keyframes burst {
  0% { transform: scale(0.95); }
  50% { transform: scale(1.05); }
  100% { transform: scale(1); }
}

.comic-brutal-button:active .button-text {
  animation: burst 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-740d151 *//* Variables de color */
.elementor-3169 .elementor-element.elementor-element-740d151 {
  --primary-color: #ff3d3d;
  --secondary-color: #3d3dff;
  --text-color: #000000;
  --accent-color: #ffef00;
  --panel-color: #ffffff;
  --shadow-color: rgba(0, 0, 0, 0.75);
}

.comic-brutal-button-container {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2em;
}

/* Ajuste clave para que el link funcione como el botón original */
.comic-brutal-button {
  position: relative;
  font-size: 1.5em;
  border: none;
  background: none;
  cursor: pointer;
  padding: 0;
  transform: rotate(-2deg);
  transform-origin: center;
  transition: transform 0.15s cubic-bezier(0.22, 0.61, 0.36, 1);
  display: inline-block; /* Crucial para el diseño */
  text-decoration: none; /* Quita el subrayado */
}

.button-inner {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--primary-color);
  color: var(--text-color);
  padding: 0.8em 1.5em;
  z-index: 3;
  overflow: hidden;
  transform: skew(-3deg, 1deg);
  transition: transform 0.15s cubic-bezier(0.22, 0.61, 0.36, 1);
  clip-path: polygon(0% 10%, 3% 0%, 97% 0%, 100% 10%, 100% 90%, 97% 100%, 3% 100%, 0% 90%);
}

.button-text {
  position: relative;
  font-weight: 900;
  font-size: 1.2em;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  z-index: 5;
  color: var(--text-color);
  text-shadow: 0.05em 0.05em 0 var(--panel-color), -0.05em -0.05em 0 var(--panel-color), 0.05em -0.05em 0 var(--panel-color), -0.05em 0.05em 0 var(--panel-color);
  transform: rotate(2deg);
  font-family: sans-serif; /* Puedes cambiar esto a Bruno Ace si la tienes cargada */
}

.button-frame {
  position: absolute;
  top: -0.3em;
  left: -0.3em;
  right: -0.3em;
  bottom: -0.3em;
  background-color: var(--accent-color);
  border: 0.15em solid var(--text-color);
  z-index: 1;
  transition: transform 0.15s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.button-shadow {
  position: absolute;
  top: 0.4em;
  left: 0.4em;
  right: -0.4em;
  bottom: -0.4em;
  background-color: var(--shadow-color);
  z-index: 0;
  transition: all 0.15s cubic-bezier(0.22, 0.61, 0.36, 1);
}

/* Efectos visuales */
.halftone-overlay {
  position: absolute;
  top: 0; left: 0; width: 100%; height: 100%;
  background-image: radial-gradient(circle at 30% 30%, rgba(0, 0, 0, 0.2) 0.1em, transparent 0.1em);
  background-size: 0.5em 0.5em;
  opacity: 0.3;
  z-index: 2;
  mix-blend-mode: multiply;
}

.ink-splatter {
  position: absolute;
  top: 0; left: 0; width: 100%; height: 100%;
  z-index: 1;
  opacity: 0;
  transition: opacity 0.2s ease;
  background: radial-gradient(circle at 20% 30%, rgba(0,0,0,0.15) 0%, transparent 50%),
              radial-gradient(circle at 70% 65%, rgba(0,0,0,0.15) 0%, transparent 50%);
}

/* Estados Hover */
.comic-brutal-button:hover {
  transform: rotate(-1deg) scale(1.05);
}

.comic-brutal-button:hover .button-inner {
  transform: skew(-5deg, 2deg);
  background-color: var(--secondary-color);
}

.comic-brutal-button:hover .button-text {
  color: var(--panel-color);
  text-shadow: 0.05em 0.05em 0 var(--text-color), -0.05em -0.05em 0 var(--text-color);
}

.comic-brutal-button:hover .button-shadow {
  transform: translate(0.2em, 0.2em);
}

.comic-brutal-button:hover .ink-splatter {
  opacity: 1;
}

/* Animaciones de acción */
@keyframes burst {
  0% { transform: scale(0.95); }
  50% { transform: scale(1.05); }
  100% { transform: scale(1); }
}

.comic-brutal-button:active .button-text {
  animation: burst 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}/* End custom CSS */