.elementor-27 .elementor-element.elementor-element-c4c61d1{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:3rem;--padding-bottom:3rem;--padding-left:0rem;--padding-right:0rem;}.elementor-27 .elementor-element.elementor-element-c4c61d1:not(.elementor-motion-effects-element-type-background), .elementor-27 .elementor-element.elementor-element-c4c61d1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-c9cddcd );}.elementor-27 .elementor-element.elementor-element-cf111f6{text-align:center;}.elementor-27 .elementor-element.elementor-element-cf111f6 .elementor-heading-title{color:var( --e-global-color-accent );}.elementor-27 .elementor-element.elementor-element-6941e15{--divider-border-style:solid;--divider-color:var( --e-global-color-primary );--divider-border-width:5px;}.elementor-27 .elementor-element.elementor-element-6941e15 .elementor-divider-separator{width:25%;margin:0 auto;margin-center:0;}.elementor-27 .elementor-element.elementor-element-6941e15 .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-27 .elementor-element.elementor-element-5deb4aa{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:4rem;--padding-bottom:2rem;--padding-left:0rem;--padding-right:0rem;}.elementor-27 .elementor-element.elementor-element-d5ce843{text-align:center;}.elementor-27 .elementor-element.elementor-element-d5ce843 .elementor-heading-title{text-transform:uppercase;}.elementor-27 .elementor-element.elementor-element-5187f3b{--divider-border-style:solid;--divider-color:var( --e-global-color-primary );--divider-border-width:5px;}.elementor-27 .elementor-element.elementor-element-5187f3b .elementor-divider-separator{width:25%;margin:0 auto;margin-center:0;}.elementor-27 .elementor-element.elementor-element-5187f3b .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-27 .elementor-element.elementor-element-5db76e0{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-27 .elementor-element.elementor-element-119b6b9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:1rem 1rem 1rem 1rem;border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--icon-box-icon-margin:10px;}.elementor-27 .elementor-element.elementor-element-119b6b9:hover{border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-27 .elementor-element.elementor-element-119b6b9 .elementor-icon-box-wrapper{align-items:start;}.elementor-27 .elementor-element.elementor-element-119b6b9.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-27 .elementor-element.elementor-element-119b6b9.elementor-view-framed .elementor-icon, .elementor-27 .elementor-element.elementor-element-119b6b9.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-27 .elementor-element.elementor-element-119b6b9 .elementor-icon{font-size:40px;}.elementor-27 .elementor-element.elementor-element-f71f697{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:1rem 1rem 1rem 1rem;border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--icon-box-icon-margin:10px;}.elementor-27 .elementor-element.elementor-element-f71f697:hover{border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-27 .elementor-element.elementor-element-f71f697 .elementor-icon-box-wrapper{align-items:start;}.elementor-27 .elementor-element.elementor-element-f71f697.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-27 .elementor-element.elementor-element-f71f697.elementor-view-framed .elementor-icon, .elementor-27 .elementor-element.elementor-element-f71f697.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-27 .elementor-element.elementor-element-f71f697 .elementor-icon{font-size:40px;}.elementor-27 .elementor-element.elementor-element-1463a3e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:1rem 1rem 1rem 1rem;border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--icon-box-icon-margin:10px;}.elementor-27 .elementor-element.elementor-element-1463a3e:hover{border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-27 .elementor-element.elementor-element-1463a3e .elementor-icon-box-wrapper{align-items:start;}.elementor-27 .elementor-element.elementor-element-1463a3e.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-27 .elementor-element.elementor-element-1463a3e.elementor-view-framed .elementor-icon, .elementor-27 .elementor-element.elementor-element-1463a3e.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-27 .elementor-element.elementor-element-1463a3e .elementor-icon{font-size:40px;}.elementor-27 .elementor-element.elementor-element-aa87238{--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-27 .elementor-element.elementor-element-dce7761{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:3rem;--padding-bottom:3rem;--padding-left:0rem;--padding-right:0rem;}.elementor-27 .elementor-element.elementor-element-dce7761:not(.elementor-motion-effects-element-type-background), .elementor-27 .elementor-element.elementor-element-dce7761 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-c9cddcd );}.elementor-27 .elementor-element.elementor-element-7f94506{text-align:center;}.elementor-27 .elementor-element.elementor-element-7f94506 .elementor-heading-title{text-transform:uppercase;color:var( --e-global-color-accent );}.elementor-27 .elementor-element.elementor-element-ad8dfe6{--divider-border-style:solid;--divider-color:var( --e-global-color-primary );--divider-border-width:5px;}.elementor-27 .elementor-element.elementor-element-ad8dfe6 .elementor-divider-separator{width:25%;margin:0 auto;margin-center:0;}.elementor-27 .elementor-element.elementor-element-ad8dfe6 .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-27 .elementor-element.elementor-element-9006bc2{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-27 .elementor-element.elementor-element-1eaa17b .elementor-counter-number-wrapper{color:var( --e-global-color-8ab51e7 );}.elementor-27 .elementor-element.elementor-element-1eaa17b .elementor-counter-title{color:var( --e-global-color-accent );font-weight:bold;}.elementor-27 .elementor-element.elementor-element-df9faea .elementor-counter-number-wrapper{color:var( --e-global-color-8ab51e7 );}.elementor-27 .elementor-element.elementor-element-df9faea .elementor-counter-title{color:var( --e-global-color-accent );font-weight:bold;}.elementor-27 .elementor-element.elementor-element-86c2fa8 .elementor-counter-number-wrapper{color:var( --e-global-color-8ab51e7 );}.elementor-27 .elementor-element.elementor-element-86c2fa8 .elementor-counter-title{color:var( --e-global-color-accent );font-weight:bold;}.elementor-27 .elementor-element.elementor-element-e82a7da{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 30px 30px rgba(0,0,0,0.5);}.elementor-27 .elementor-element.elementor-element-e82a7da:not(.elementor-motion-effects-element-type-background), .elementor-27 .elementor-element.elementor-element-e82a7da > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #0F0F10 0%, #D30606 100%);}@media(max-width:1024px){.elementor-27 .elementor-element.elementor-element-d5ce843 .elementor-heading-title{font-size:35px;}.elementor-27 .elementor-element.elementor-element-5db76e0{--grid-auto-flow:row;}.elementor-27 .elementor-element.elementor-element-119b6b9 .elementor-icon-box-title, .elementor-27 .elementor-element.elementor-element-119b6b9 .elementor-icon-box-title a{font-size:25px;}.elementor-27 .elementor-element.elementor-element-f71f697 .elementor-icon-box-title, .elementor-27 .elementor-element.elementor-element-f71f697 .elementor-icon-box-title a{font-size:25px;}.elementor-27 .elementor-element.elementor-element-1463a3e .elementor-icon-box-title, .elementor-27 .elementor-element.elementor-element-1463a3e .elementor-icon-box-title a{font-size:25px;}.elementor-27 .elementor-element.elementor-element-7f94506 .elementor-heading-title{font-size:35px;}.elementor-27 .elementor-element.elementor-element-9006bc2{--grid-auto-flow:row;}.elementor-27 .elementor-element.elementor-element-e82a7da{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-27 .elementor-element.elementor-element-6941e15 .elementor-divider-separator{width:50%;margin:0 auto;margin-center:0;}.elementor-27 .elementor-element.elementor-element-6941e15 .elementor-divider{text-align:center;}.elementor-27 .elementor-element.elementor-element-5deb4aa{--padding-top:2rem;--padding-bottom:2rem;--padding-left:0rem;--padding-right:0rem;}.elementor-27 .elementor-element.elementor-element-d5ce843 .elementor-heading-title{font-size:30px;}.elementor-27 .elementor-element.elementor-element-5187f3b .elementor-divider-separator{width:50%;margin:0 auto;margin-center:0;}.elementor-27 .elementor-element.elementor-element-5187f3b .elementor-divider{text-align:center;}.elementor-27 .elementor-element.elementor-element-5db76e0{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-27 .elementor-element.elementor-element-7f94506{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0rem 0rem 0rem 0rem;}.elementor-27 .elementor-element.elementor-element-7f94506 .elementor-heading-title{font-size:29px;}.elementor-27 .elementor-element.elementor-element-ad8dfe6 .elementor-divider-separator{width:50%;margin:0 auto;margin-center:0;}.elementor-27 .elementor-element.elementor-element-ad8dfe6 .elementor-divider{text-align:center;}.elementor-27 .elementor-element.elementor-element-9006bc2{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-27 .elementor-element.elementor-element-e82a7da{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for container, class: .elementor-element-5db76e0 *//* ====== VALORES — Tarjetas con borde gradiente "studio" ====== */
.valores-cards .elementor-widget-icon-box > .elementor-widget-container,
.valores-cards .elementor-widget-icon-box .elementor-widget-container {
  position: relative;
  border: 2px solid transparent; /* usamos doble background para crear el borde gradiente */
  border-radius: 20px;
  padding: 22px;
  /* Fondo de la tarjeta (padding-box) + borde gradiente (border-box) */
  background:
    linear-gradient(180deg, rgba(28,28,30,.88), rgba(15,15,16,.92)) padding-box,
    linear-gradient(135deg, rgba(227,6,19,.75), rgba(255,255,255,.20), rgba(227,6,19,.75)) border-box;
  box-shadow: 0 12px 28px rgba(0,0,0,.55);
  transition:
    transform .25s ease,
    box-shadow .25s ease,
    background .25s ease,
    border-color .25s ease;
}

/* Hover: levanta, acentúa el borde y agrega un glow rojo suave */
.valores-cards .elementor-widget-icon-box:hover > .elementor-widget-container,
.valores-cards .elementor-widget-icon-box:hover .elementor-widget-container {
  transform: translateY(-4px);
  background:
    linear-gradient(180deg, rgba(32,32,34,.95), rgba(18,18,20,.97)) padding-box,
    linear-gradient(135deg, #E30613, rgba(255,255,255,.30), #E30613) border-box;
  box-shadow:
    0 0 0 2px rgba(227,6,19,.35),
    0 18px 40px rgba(0,0,0,.65),
    0 0 18px rgba(227,6,19,.35);
}

/* Opcional: que los iconos y títulos respiren un poco más dentro de la tarjeta */
.valores-cards .elementor-icon-box-wrapper { gap: 10px; }
.valores-cards .elementor-icon-box-title { margin-bottom: 6px; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5deb4aa *//* === Bloque VALORES: fondo + tipografías como el Top Ten === */
#valores{
  position: relative;
  isolation: isolate;
  /* Degradé oscuro con un toque rojo, igual estética Top Ten */
  background:
    radial-gradient(1200px 480px at 5% -20%, rgba(227, 6, 19, .18) 0%, rgba(227, 6, 19, 0) 60%),
    linear-gradient(180deg, #1a0000 0%, #0b0b0c 100%);
  padding: 60px 0 80px;
}

/* Por si quedó alguna superposición/overlay en la sección */
#valores .elementor-background-overlay{
  opacity: 0 !important;
}

/* Contenido más legible */
#valores .elementor-heading-title{ 
  color: #ffffff; 
}

#valores .elementor-widget-divider .elementor-divider-separator{
  background: #e30613; /* la misma línea roja */
}

/* Si usás Icon Box / tarjetas dentro del grid */
#valores .elementor-icon{ color: #e30613; }             /* icono en rojo */
#valores .elementor-icon-box-title{ color: #ffffff; }   /* títulos en blanco */
#valores .elementor-icon-box-description{ color:#e6e6e6;} /* texto gris claro */

/* Si en lugar de Icon Box usás texto normal dentro de columnas */
#valores .elementor-widget-heading,
#valores .elementor-widget-text-editor{
  color: #e6e6e6;
}









/* === VALORES — Tarjetas con borde pro (neón + gradiente + glow) === */
#valores .elementor-widget-icon-box .elementor-widget-container{
  position: relative;
  /* doble background: 1) fondo tarjeta, 2) borde gradiente */
  background:
    linear-gradient(180deg,#141416,#0f0f11) padding-box,
    linear-gradient(135deg,#ff6b6b 0%, #e30613 40%, #ffb703 100%) border-box;
  border: 2px solid transparent;             /* el borde “toma” el gradiente */
  border-radius: 20px;
  padding: 28px;
  box-shadow: 0 12px 28px rgba(0,0,0,.55);    /* sombra base */
  transition: transform .25s ease, box-shadow .25s ease, filter .25s ease, background-position .25s ease;
  background-size: 100% 100%, 200% 200%;     /* para animar el gradiente del borde */
  overflow: hidden;
}

/* brillo suave interior (realce) */
#valores .elementor-widget-icon-box .elementor-widget-container::before{
  content: "";
  position: absolute;
  inset: 1px;
  border-radius: 18px;
  background:
    radial-gradient(600px 200px at 0% 0%, rgba(255,255,255,.07), transparent 60%),
    radial-gradient(400px 160px at 100% 100%, rgba(227,6,19,.12), transparent 60%);
  pointer-events: none;
}

/* HOVER: levanta, intensifica sombras y mueve el gradiente del borde */
#valores .elementor-widget-icon-box:hover .elementor-widget-container{
  transform: translateY(-4px);
  box-shadow:
    0 18px 40px rgba(0,0,0,.6),
    0 0 28px rgba(227,6,19,.28);              /* glow rojo sutil */
  background-position: 100% 0, 0 100%;       /* anima el borde gradiente */
  filter: saturate(1.08);
}

/* Icono con “pill” rojito y más presencia */
#valores .elementor-widget-icon-box .elementor-icon{
  background: rgba(227,6,19,.16);
  border: 1px solid rgba(227,6,19,.3);
  border-radius: 14px;
  padding: 10px;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
  transition: background .25s ease, box-shadow .25s ease, transform .25s ease;
}
#valores .elementor-widget-icon-box:hover .elementor-icon{
  background: rgba(227,6,19,.24);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.08),
    0 0 14px rgba(227,6,19,.35);
  transform: translateY(-1px);
}

/* Texto 100% legible encima del fondo (por si algún tema lo oscurece) */
#valores .elementor-widget-icon-box .elementor-icon-box-title,
#valores .elementor-widget-icon-box .elementor-icon-box-title a{
  color: #fff !important;
}
#valores .elementor-widget-icon-box .elementor-icon-box-description{
  color: rgba(255,255,255,.86) !important;
}

/* (Opcional) igualar alturas si alguna tarjeta queda despareja */
#valores .elementor-widget-icon-box{
  height: 100%;
}
#valores .elementor-widget-icon-box .elementor-widget-container{
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}











/* ===== BORDES EXTERIORES TARJETAS (VALORES) ===== */
#valores .elementor-widget-icon-box > .elementor-widget-container{
  /* borde fino interior para separar del fondo */
  border: 1.5px solid rgba(255,255,255,.10) !important;
  border-radius: 20px;
  padding: 22px;                 /* por si el borde “achica” un poquito */
  background-clip: padding-box;  /* mantiene limpio el borde */
  
  /* anillo exterior + sombra base */
  box-shadow:
    0 0 0 2px rgba(227,6,19,.22), /* borde exterior rojo suave */
    0 12px 26px rgba(0,0,0,.55) !important;

  transition:
    transform .25s ease,
    box-shadow .25s ease,
    border-color .25s ease;
}

/* HOVER — resalta el borde y agrega glow */
#valores .elementor-widget-icon-box:hover > .elementor-widget-container{
  transform: translateY(-3px);
  border-color: rgba(227,6,19,.45) !important;
  box-shadow:
    0 0 0 2px rgba(227,6,19,.55),  /* anillo más marcado */
    0 0 16px rgba(227,6,19,.35),   /* glow rojo suave */
    0 18px 40px rgba(0,0,0,.60) !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-371d884 *//* ===========================
   MEGA STUDIO – PLANES & PRECIOS
   (Pegar en Ajustes del sitio → CSS adicional)
   =========================== */

:root{
  --mega-red:#e30613;
  --ink:#ffffff;
  --muted:#9aa0a6;
  --card:#121214;
  --card-2:#17181a;
  --stroke:rgba(255,255,255,.08);
}

/* Contenedor de la sección */
#precios{
  max-width: 1200px;
  margin: 60px auto;
  padding: 0 24px;
  color: var(--ink);
}

/* Título + sub */
#precios .mt-title{
  font-size: clamp(32px, 3.4vw, 44px);
  font-weight: 800;
  line-height: 1.1;
  text-align:center;
  letter-spacing:.3px;
  margin: 0 0 12px;
}

#precios .mt-sub{
  text-align:center;
  color: var(--muted);
  font-size: 16px;
  margin: 0 0 30px;
}

/* Subrayado rojo del título */
#precios .mt-underline{
  width: 140px;
  height: 6px;
  margin: 10px auto 40px;
  background: linear-gradient(90deg, rgba(227,6,19,.3), var(--mega-red), rgba(227,6,19,.3));
  border-radius: 999px;
  filter: drop-shadow(0 6px 18px rgba(227,6,19,.35));
}

/* GRID de tarjetas */
#precios .mt-price-grid{
  display: grid;
  gap: 26px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media (max-width: 1024px){
  #precios .mt-price-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 768px){
  #precios .mt-price-grid{ grid-template-columns: 1fr; }
}

/* CARD base */
#precios .mt-price-card{
  position: relative;
  background: linear-gradient(180deg, var(--card), var(--card-2));
  border-radius: 18px;
  padding: 28px 26px 26px;
  border: 1px solid var(--stroke);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 20px 50px rgba(0,0,0,.35);
  transition: transform .25s ease, box-shadow .25s ease;
}

/* Borde de “neón” con gradiente (sin romper el fondo) */
#precios .mt-price-card::before{
  content:"";
  position:absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1px;
  background: linear-gradient(135deg,
      rgba(255,255,255,.12) 0%,
      rgba(227,6,19,.75) 58%,
      rgba(255,255,255,.10) 100%);
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  opacity:.55;
  pointer-events:none;
  transition: opacity .25s ease, filter .25s ease;
}
#precios .mt-price-card:hover{
  transform: translateY(-3px);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 26px 70px rgba(0,0,0,.45);
}
#precios .mt-price-card:hover::before{
  opacity:.95;
  filter: brightness(1.05);
}

/* Título del plan */
#precios .mt-plan-title{
  display:flex;
  align-items:center;
  gap: 10px;
  font-size: clamp(22px, 2.2vw, 28px);
  font-weight: 800;
  margin: 0 0 12px;
}

/* Lista de puntos/beneficios */
#precios .mt-list{
  list-style: none;
  margin: 14px 0 18px;
  padding: 0;
}
#precios .mt-list li{
  display:flex;
  gap:10px;
  align-items:flex-start;
  color: var(--ink);
  margin: 8px 0;
  line-height: 1.45;
}
#precios .mt-list li .mt-bullet{
  color: var(--mega-red);
  line-height: 1;
}

/* Precio */
#precios .mt-price-line{
  margin: 6px 0 18px;
  color: var(--muted);
  font-size: 14px;
}
#precios .mt-amount{
  font-size: clamp(26px, 2.6vw, 34px);
  font-weight: 900;
  letter-spacing:.5px;
  color: var(--ink);
}

/* Botón WhatsApp */
#precios .mt-wapp{
  display:inline-flex;
  align-items:center;
  gap:10px;
  background: var(--mega-red);
  color: #fff;
  border: none;
  border-radius: 999px;
  padding: 14px 20px;
  font-weight: 800;
  font-size: 15px;
  cursor: pointer;
  text-decoration: none;
  box-shadow:
    0 10px 22px rgba(227,6,19,.35),
    inset 0 -1px 0 rgba(0,0,0,.15);
  transition: filter .2s ease, transform .2s ease, box-shadow .2s ease;
}
#precios .mt-wapp:hover{
  filter: saturate(1.08) brightness(1.05);
  transform: translateY(-1px);
  box-shadow:
    0 16px 28px rgba(227,6,19,.42),
    inset 0 -1px 0 rgba(0,0,0,.15);
}
#precios .mt-wapp svg{
  width:18px; height:18px; display:block;
}

/* Separación vertical suave del bloque de precios */
#precios .mt-space{ height: 8px; }

/* Si querés bajar un toque el “oscuro” global en esta sección */
#precios .mt-muted{ color: var(--muted); }






















/* ====== Variables de color/base ====== */
:root{
  --mega-red:#e30613;
  --ink:#ffffff;
  --muted:#9aa0a6;
  --bg:#0f0f10;
  --card:#151314;
  --stroke:rgba(255,255,255,.08);
  --glow:rgba(227,6,19,.35);
}

/* ====== Contenedor de la sección ====== */
#precios{
  max-width:1200px;
  margin:60px auto;
  padding:0 16px;
  color:var(--ink);
}

/* ====== GRID de tarjetas ====== */
.mt-price-grid{
  display:grid;
  gap:26px;
  grid-template-columns:repeat(3,minmax(260px,1fr));
}
@media (max-width:1024px){
  .mt-price-grid{ grid-template-columns:repeat(2,minmax(260px,1fr)); }
}
@media (max-width:768px){
  .mt-price-grid{ grid-template-columns:1fr; }
}

/* ====== Tarjeta ====== */
.mt-card{
  position:relative;
  background:
    radial-gradient(1100px 480px at 15% -20%, rgba(227,6,19,.14) 0%, rgba(227,6,19,0) 55%),
    linear-gradient(180deg, #191516 0%, #131214 100%);
  border-radius:18px;
  padding:28px;
  min-height:320px;
  border:2px solid transparent;
  box-shadow:
    0 0 0 1px var(--stroke) inset,
    0 28px 90px -35px rgba(0,0,0,.65);
  overflow:hidden;
  transition:transform .25s ease, box-shadow .25s ease;
}
.mt-card::before{
  content:"";
  position:absolute; inset:-2px;
  border-radius:20px;
  background:linear-gradient(135deg, rgba(227,6,19,.6), rgba(227,6,19,0));
  filter:blur(0.6px);
  opacity:.0;
  transition:opacity .25s ease;
  pointer-events:none;
}
.mt-card:hover{
  transform:translateY(-4px);
  box-shadow:
    0 0 0 1px var(--stroke) inset,
    0 38px 120px -35px rgba(0,0,0,.75);
}
.mt-card:hover::before{ opacity:.55; }

/* ====== Títulos y texto ====== */
.mt-plan-title{
  font-size:clamp(22px, 3vw, 28px);
  line-height:1.2;
  margin:0 0 10px;
  letter-spacing:.3px;
}
.mt-sub{
  color:var(--muted);
  margin:0 0 14px;
}

/* ====== Lista ====== */
.mt-list{
  list-style:none;
  margin:0 0 22px;
  padding:0;
}
.mt-list li{
  position:relative;
  padding-left:28px;
  margin:10px 0;
  line-height:1.6;
  color:var(--ink);
}
.mt-list li::before{
  content:"✔";
  position:absolute;
  left:0; top:0;
  color:#20d66b;
}

/* ====== Botón ====== */
.mt-btn{
  display:inline-block;
  background:var(--mega-red);
  color:var(--ink);
  padding:14px 20px;
  border-radius:12px;
  font-weight:700;
  text-decoration:none;
  box-shadow:0 18px 48px -14px rgba(227,6,19,.45);
  border:1px solid rgba(255,255,255,.08);
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.mt-btn:hover{
  transform:translateY(-2px);
  background:#f01721;
  box-shadow:0 24px 64px -14px rgba(227,6,19,.58);
}

/* ====== Nota ====== */
.mt-footnote{
  margin:18px 0 0;
  color:var(--muted);
  text-align:center;
  font-size:14px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e82a7da *//* PÁGINA Top Ten / WhatsApp / Mega Studio: fondo oscuro plano */
body.page-id-27,
body.page-id-27 #page,
body.page-id-27 .site,
body.page-id-27 .site-main,
body.page-id-27 .elementor,
body.page-id-27 .elementor-section-wrap {
  background: #0c0c0e !important;      /* negro/gris oscuro */
  background-image: none !important;    /* vuela cualquier degradé raro */
}/* End custom CSS */