.elementor-3446 .elementor-element.elementor-element-a6d4edb{--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-3446 .elementor-element.elementor-element-9c5fa16{text-align:center;}.elementor-3446 .elementor-element.elementor-element-9c5fa16 .elementor-heading-title{font-family:"Figtree", Sans-serif;font-size:64px;font-weight:600;color:#FFB102;}.elementor-3446 .elementor-element.elementor-element-186315a{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3446 .elementor-element.elementor-element-dfb5c1f{--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-3446 .elementor-element.elementor-element-7250248{--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;--justify-content:center;}.elementor-3446 .elementor-element.elementor-element-e5ef54a{font-family:"Delius Unicase", Sans-serif;font-size:46px;font-weight:400;color:#FFFFFF;}.elementor-3446 .elementor-element.elementor-element-ad02ae3{font-family:"Figtree", Sans-serif;font-size:23px;font-weight:600;color:#FFFFFF;}.elementor-3446 .elementor-element.elementor-element-33c3e50{--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-3446 .elementor-element.elementor-element-c862ca4{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-3446 .elementor-element.elementor-element-07fe643{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-3446 .elementor-element.elementor-element-1e8cc12 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-3446 .elementor-element.elementor-element-1e8cc12 .elementor-widget-container{--e-transform-origin-x:center;--e-transform-origin-y:center;}.elementor-3446 .elementor-element.elementor-element-b40e6e7{width:auto;max-width:auto;}.elementor-3446 .elementor-element.elementor-element-b40e6e7.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-3446 .elementor-element.elementor-element-b40e6e7 .elementor-widget-container{--e-transform-origin-x:center;--e-transform-origin-y:center;}.elementor-3446 .elementor-element.elementor-element-16eb276{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-3446 .elementor-element.elementor-element-ba41384.elementor-element{--align-self:center;}.elementor-3446 .elementor-element.elementor-element-ba41384{text-align:center;}.elementor-3446 .elementor-element.elementor-element-ba41384 .elementor-heading-title{font-family:"Delius Unicase", Sans-serif;font-size:58px;font-weight:400;color:#FFFFFF;}.elementor-3446 .elementor-element.elementor-element-da685d4{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-3446 .elementor-element.elementor-element-0df3690{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-3446 .elementor-element.elementor-element-0df3690:not(.elementor-motion-effects-element-type-background), .elementor-3446 .elementor-element.elementor-element-0df3690 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://agenciacodicedigital.com/wp-content/uploads/2026/09/num1-1-300x300.png");background-position:center center;}.elementor-3446 .elementor-element.elementor-element-40f963d .elementor-heading-title{font-family:"Figtree", Sans-serif;font-size:29px;font-weight:600;color:#F0D174;}.elementor-3446 .elementor-element.elementor-element-76faee2{color:#FFFFFF;}.elementor-3446 .elementor-element.elementor-element-f69d22e{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-3446 .elementor-element.elementor-element-f69d22e:not(.elementor-motion-effects-element-type-background), .elementor-3446 .elementor-element.elementor-element-f69d22e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://agenciacodicedigital.com/wp-content/uploads/2026/09/num2-300x300.png");background-position:center center;}.elementor-3446 .elementor-element.elementor-element-02150ad .elementor-heading-title{font-family:"Figtree", Sans-serif;font-size:29px;font-weight:600;color:#F0D174;}.elementor-3446 .elementor-element.elementor-element-9e22519{color:#FFFFFF;}.elementor-3446 .elementor-element.elementor-element-4189cc4{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-3446 .elementor-element.elementor-element-4189cc4:not(.elementor-motion-effects-element-type-background), .elementor-3446 .elementor-element.elementor-element-4189cc4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://agenciacodicedigital.com/wp-content/uploads/2026/09/num3-300x300.png");background-position:center center;}.elementor-3446 .elementor-element.elementor-element-d6c92f4 .elementor-heading-title{font-family:"Figtree", Sans-serif;font-size:29px;font-weight:600;color:#F0D174;}.elementor-3446 .elementor-element.elementor-element-b472cc9{color:#FFFFFF;}.elementor-3446 .elementor-element.elementor-element-39e861b{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-3446 .elementor-element.elementor-element-39e861b:not(.elementor-motion-effects-element-type-background), .elementor-3446 .elementor-element.elementor-element-39e861b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://agenciacodicedigital.com/wp-content/uploads/2026/09/num3-1-300x300.png");background-position:center center;}.elementor-3446 .elementor-element.elementor-element-b533095 .elementor-heading-title{font-family:"Figtree", Sans-serif;font-size:29px;font-weight:600;color:#F0D174;}.elementor-3446 .elementor-element.elementor-element-5b07ce0{color:#FFFFFF;}.elementor-3446 .elementor-element.elementor-element-f180d65{--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-3446 .elementor-element.elementor-element-3447afb > .elementor-widget-container{margin:30px 0px 30px 0px;}.elementor-3446 .elementor-element.elementor-element-3447afb{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );color:#FFFFFF;}.elementor-3446 .elementor-element.elementor-element-d722d99{--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-3446 .elementor-element.elementor-element-60eb8d6{text-align:center;font-family:"Delius Unicase", Sans-serif;font-size:37px;font-weight:400;color:#FFD223;}.elementor-3446 .elementor-element.elementor-element-72edde1{--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-3446 .elementor-element.elementor-element-435c493{text-align:center;font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );color:#FFFFFF;}@media(max-width:1024px){.elementor-3446 .elementor-element.elementor-element-07fe643{--grid-auto-flow:row;}.elementor-3446 .elementor-element.elementor-element-16eb276{--grid-auto-flow:row;}.elementor-3446 .elementor-element.elementor-element-da685d4{--grid-auto-flow:row;}.elementor-3446 .elementor-element.elementor-element-0df3690{--grid-auto-flow:row;}.elementor-3446 .elementor-element.elementor-element-f69d22e{--grid-auto-flow:row;}.elementor-3446 .elementor-element.elementor-element-4189cc4{--grid-auto-flow:row;}.elementor-3446 .elementor-element.elementor-element-39e861b{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-3446 .elementor-element.elementor-element-dfb5c1f{--width:33.3333%;}.elementor-3446 .elementor-element.elementor-element-7250248{--width:66.6666%;}.elementor-3446 .elementor-element.elementor-element-c862ca4{--width:100%;}.elementor-3446 .elementor-element.elementor-element-16eb276{--content-width:1600px;}.elementor-3446 .elementor-element.elementor-element-da685d4{--width:100%;}}@media(max-width:767px){.elementor-3446 .elementor-element.elementor-element-07fe643{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-3446 .elementor-element.elementor-element-16eb276{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-3446 .elementor-element.elementor-element-da685d4{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-3446 .elementor-element.elementor-element-0df3690{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-3446 .elementor-element.elementor-element-f69d22e{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-3446 .elementor-element.elementor-element-4189cc4{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-3446 .elementor-element.elementor-element-39e861b{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for html, class: .elementor-element-1e8cc12 *//* Variables de color */
.elementor-3446 .elementor-element.elementor-element-1e8cc12 {
  --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-b40e6e7 *//* Variables de color */
.elementor-3446 .elementor-element.elementor-element-b40e6e7 {
  --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 */