.elementor-83 .elementor-element.elementor-element-19a70e0b{--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;--gap:0px 80px;--row-gap:0px;--column-gap:80px;--overlay-opacity:0.64;--padding-top:200px;--padding-bottom:140px;--padding-left:0px;--padding-right:0px;}.elementor-83 .elementor-element.elementor-element-19a70e0b:not(.elementor-motion-effects-element-type-background), .elementor-83 .elementor-element.elementor-element-19a70e0b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-83 .elementor-element.elementor-element-19a70e0b::before, .elementor-83 .elementor-element.elementor-element-19a70e0b > .elementor-background-video-container::before, .elementor-83 .elementor-element.elementor-element-19a70e0b > .e-con-inner > .elementor-background-video-container::before, .elementor-83 .elementor-element.elementor-element-19a70e0b > .elementor-background-slideshow::before, .elementor-83 .elementor-element.elementor-element-19a70e0b > .e-con-inner > .elementor-background-slideshow::before, .elementor-83 .elementor-element.elementor-element-19a70e0b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-83 .elementor-element.elementor-element-797860c8{--display:flex;--min-height:0px;--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;--overlay-opacity:0.5;}.elementor-83 .elementor-element.elementor-element-797860c8::before, .elementor-83 .elementor-element.elementor-element-797860c8 > .elementor-background-video-container::before, .elementor-83 .elementor-element.elementor-element-797860c8 > .e-con-inner > .elementor-background-video-container::before, .elementor-83 .elementor-element.elementor-element-797860c8 > .elementor-background-slideshow::before, .elementor-83 .elementor-element.elementor-element-797860c8 > .e-con-inner > .elementor-background-slideshow::before, .elementor-83 .elementor-element.elementor-element-797860c8 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-83 .elementor-element.elementor-element-797860c8.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-83 .elementor-element.elementor-element-a41dca7 .elementor-heading-title{font-family:"Ethnocentric:", Sans-serif;font-size:42px;text-transform:uppercase;color:var( --e-global-color-b0676cf );}.elementor-83 .elementor-element.elementor-element-3e5be517 > .elementor-widget-container{margin:0px 0px 48px 0px;}.elementor-83 .elementor-element.elementor-element-3e5be517{text-align:left;color:var( --e-global-color-b0676cf );}.elementor-83 .elementor-element.elementor-element-122c0167{--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:center;--align-items:center;--gap:24px 32px;--row-gap:24px;--column-gap:32px;}.elementor-83 .elementor-element.elementor-element-2324fca .elementor-button{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:inline-flex;font-family:"Tamil Sangam MN", Sans-serif;font-weight:700;text-decoration:none;}.elementor-83 .elementor-element.elementor-element-b474611 .elementor-button{font-family:"Tamil Sangam MN", Sans-serif;font-weight:700;text-decoration:none;}.elementor-83 .elementor-element.elementor-element-a0d1397 .elementor-button{font-family:"Tamil Sangam MN", Sans-serif;font-weight:700;text-decoration:none;}.elementor-83 .elementor-element.elementor-element-ac01bb8{--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;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-83 .elementor-element.elementor-element-19a70e0b{--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;--padding-top:140px;--padding-bottom:136px;--padding-left:40px;--padding-right:40px;}.elementor-83 .elementor-element.elementor-element-3e5be517{text-align:center;}.elementor-83 .elementor-element.elementor-element-122c0167{--justify-content:center;}}@media(max-width:767px){.elementor-83 .elementor-element.elementor-element-19a70e0b{--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-83 .elementor-element.elementor-element-797860c8{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-83 .elementor-element.elementor-element-a41dca7 > .elementor-widget-container{padding:0px 0px 20px 0px;}.elementor-83 .elementor-element.elementor-element-a41dca7{text-align:center;}.elementor-83 .elementor-element.elementor-element-a41dca7 .elementor-heading-title{font-size:36px;line-height:1.4em;letter-spacing:1px;}.elementor-83 .elementor-element.elementor-element-3e5be517 > .elementor-widget-container{margin:0px 0px 40px 0px;padding:20px 0px 20px 0px;}.elementor-83 .elementor-element.elementor-element-3e5be517{font-size:15px;line-height:1.4em;}.elementor-83 .elementor-element.elementor-element-122c0167{--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;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-83 .elementor-element.elementor-element-2324fca > .elementor-widget-container{padding:0px 0px 14px 0px;}.elementor-83 .elementor-element.elementor-element-2324fca .elementor-button{font-size:14px;border-radius:8px 8px 8px 8px;}.elementor-83 .elementor-element.elementor-element-b474611 > .elementor-widget-container{padding:0px 0px 20px 0px;}.elementor-83 .elementor-element.elementor-element-b474611 .elementor-button{font-size:15px;border-radius:8px 8px 8px 8px;}.elementor-83 .elementor-element.elementor-element-a0d1397 .elementor-button{font-size:15px;border-radius:8px 8px 8px 8px;}}@media(min-width:768px){.elementor-83 .elementor-element.elementor-element-797860c8{--width:100%;}.elementor-83 .elementor-element.elementor-element-ac01bb8{--content-width:1367px;}}@media(max-width:1024px) and (min-width:768px){.elementor-83 .elementor-element.elementor-element-797860c8{--width:100%;}}/* Start custom CSS for heading, class: .elementor-element-a41dca7 *//* ====== REVIVERE – H1 nítido con glow animado ====== */
.elementor-83 .elementor-element.elementor-element-a41dca7{
  /* nitidez y contraste */
  color:#fff;
  font-weight: 900;
  letter-spacing: 1px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: geometricPrecision;

  /* halo más fino (menos “borroso”) */
  text-shadow:
    0 0 2px rgba(255,255,255,.45),
    0 0 8px rgba(174,227,255,.35),
    0 0 18px rgba(183,156,255,.25);

  /* respiración del glow */
  animation: revGlow 4.6s ease-in-out infinite;
}

/* línea acento (respira con el título) */
.elementor-83 .elementor-element.elementor-element-a41dca7:after{
  content:"";
  display:block;
  width:min(40ch, 56%);
  height:3px;
  margin:.55rem auto 0;
  border-radius:999px;
  background: linear-gradient(90deg, #66d7ff, #b190ff);
  filter: drop-shadow(0 0 6px rgba(150,200,255,.5));
  animation: revLine 4.6s ease-in-out infinite;
}

/* ===== Animaciones ===== */
@keyframes revGlow{
  0%,100%{
    text-shadow:
      0 0 2px rgba(255,255,255,.35),
      0 0 8px rgba(174,227,255,.28),
      0 0 18px rgba(183,156,255,.18);
  }
  50%{
    text-shadow:
      0 0 4px rgba(255,255,255,.70),
      0 0 14px rgba(174,227,255,.60),
      0 0 28px rgba(183,156,255,.45);
  }
}

@keyframes revLine{
  0%,100%{ opacity:.55; transform:scaleX(.92); }
  50%     { opacity:.95; transform:scaleX(1); }
}

/* Accesibilidad: sin movimiento si el usuario lo prefiere */
@media (prefers-reduced-motion: reduce){
  .elementor-83 .elementor-element.elementor-element-a41dca7, .elementor-83 .elementor-element.elementor-element-a41dca7:after{ animation:none !important; }
}

/* Ajustes mobile: un poco menos de brillo/espacio */
@media (max-width: 767px){
  .elementor-83 .elementor-element.elementor-element-a41dca7{ letter-spacing:.5px; }
  .elementor-83 .elementor-element.elementor-element-a41dca7:after{ width:70%; height:2px; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3e5be517 *//* Texto degradado con animación ligera */
.elementor-83 .elementor-element.elementor-element-3e5be517 {
  background: linear-gradient(90deg, #00ffe5, #7d5bff, #ff7dd8);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 1rem;
  font-weight: 500;
  text-align: center;

  animation: gradientMove 6s ease-in-out infinite;
  background-size: 200% auto;
}

@keyframes gradientMove {
  0% { background-position: 0% center; }
  50% { background-position: 100% center; }
  100% { background-position: 0% center; }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-2324fca *//* === Botón neon animado (Apple) === */
.elementor-83 .elementor-element.elementor-element-2324fca .elementor-button {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 12px 28px;
  border: none;
  outline: none;
  border-radius: 10px;

  color: #fff !important;
  text-transform: uppercase;
  letter-spacing: .8px;
  font-weight: 700;

  /* Gradiente animado */
  background: linear-gradient(135deg, #ff7e00, #ff0080, #0066ff);
  background-size: 200% 200%;
  animation: rev-gradient 6s ease infinite;

  /* Sin sombras raras por defecto */
  box-shadow: none;
  transition: transform .25s ease, box-shadow .25s ease, filter .25s ease;
}

/* Quitar estilos de foco que dejan borde/halo gris */
.elementor-83 .elementor-element.elementor-element-2324fca .elementor-button:focus,
.elementor-83 .elementor-element.elementor-element-2324fca .elementor-button:active {
  outline: none !important;
  box-shadow: none !important;
}

/* Hover: un toque de elevación + glow */
.elementor-83 .elementor-element.elementor-element-2324fca .elementor-button:hover {
  transform: translateY(-1px) scale(1.03);
  box-shadow: 0 0 20px rgba(255, 0, 128, .45),
              0 0 28px rgba(0, 102, 255, .35);
}

/* Borde glow sutil (decorativo) */
.elementor-83 .elementor-element.elementor-element-2324fca .elementor-button::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1px; /* grosor del borde */
  background: linear-gradient(135deg, #ffa24a, #9b4dff);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  opacity: .35;
  transition: opacity .25s ease;
}
.elementor-83 .elementor-element.elementor-element-2324fca .elementor-button:hover::before { opacity: .85; }

/* Animación del gradiente */
@keyframes rev-gradient {
  0%   { background-position: 0% 50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b474611 *//* === Botón neon animado (Apple) === */
.elementor-83 .elementor-element.elementor-element-b474611 .elementor-button {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 12px 28px;
  border: none;
  outline: none;
  border-radius: 10px;

  color: #fff !important;
  text-transform: uppercase;
  letter-spacing: .8px;
  font-weight: 700;

  /* Gradiente animado */
  background: linear-gradient(135deg, #ff7e00, #ff0080, #0066ff);
  background-size: 200% 200%;
  animation: rev-gradient 6s ease infinite;

  /* Sin sombras raras por defecto */
  box-shadow: none;
  transition: transform .25s ease, box-shadow .25s ease, filter .25s ease;
}

/* Quitar estilos de foco que dejan borde/halo gris */
.elementor-83 .elementor-element.elementor-element-b474611 .elementor-button:focus,
.elementor-83 .elementor-element.elementor-element-b474611 .elementor-button:active {
  outline: none !important;
  box-shadow: none !important;
}

/* Hover: un toque de elevación + glow */
.elementor-83 .elementor-element.elementor-element-b474611 .elementor-button:hover {
  transform: translateY(-1px) scale(1.03);
  box-shadow: 0 0 20px rgba(255, 0, 128, .45),
              0 0 28px rgba(0, 102, 255, .35);
}

/* Borde glow sutil (decorativo) */
.elementor-83 .elementor-element.elementor-element-b474611 .elementor-button::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1px; /* grosor del borde */
  background: linear-gradient(135deg, #ffa24a, #9b4dff);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  opacity: .35;
  transition: opacity .25s ease;
}
.elementor-83 .elementor-element.elementor-element-b474611 .elementor-button:hover::before { opacity: .85; }

/* Animación del gradiente */
@keyframes rev-gradient {
  0%   { background-position: 0% 50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-a0d1397 *//* === Botón neon animado (Apple) === */
.elementor-83 .elementor-element.elementor-element-a0d1397 .elementor-button {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 12px 28px;
  border: none;
  outline: none;
  border-radius: 10px;

  color: #fff !important;
  text-transform: uppercase;
  letter-spacing: .8px;
  font-weight: 700;

  /* Gradiente animado */
  background: linear-gradient(135deg, #ff7e00, #ff0080, #0066ff);
  background-size: 200% 200%;
  animation: rev-gradient 6s ease infinite;

  /* Sin sombras raras por defecto */
  box-shadow: none;
  transition: transform .25s ease, box-shadow .25s ease, filter .25s ease;
}

/* Quitar estilos de foco que dejan borde/halo gris */
.elementor-83 .elementor-element.elementor-element-a0d1397 .elementor-button:focus,
.elementor-83 .elementor-element.elementor-element-a0d1397 .elementor-button:active {
  outline: none !important;
  box-shadow: none !important;
}

/* Hover: un toque de elevación + glow */
.elementor-83 .elementor-element.elementor-element-a0d1397 .elementor-button:hover {
  transform: translateY(-1px) scale(1.03);
  box-shadow: 0 0 20px rgba(255, 0, 128, .45),
              0 0 28px rgba(0, 102, 255, .35);
}

/* Borde glow sutil (decorativo) */
.elementor-83 .elementor-element.elementor-element-a0d1397 .elementor-button::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1px; /* grosor del borde */
  background: linear-gradient(135deg, #ffa24a, #9b4dff);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  opacity: .35;
  transition: opacity .25s ease;
}
.elementor-83 .elementor-element.elementor-element-a0d1397 .elementor-button:hover::before { opacity: .85; }

/* Animación del gradiente */
@keyframes rev-gradient {
  0%   { background-position: 0% 50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19a70e0b *//**********************************
 *  HERO REVIVERE – CONTENEDOR
 *  Pegar en: Container → Advanced → Custom CSS
 **********************************/
.elementor-83 .elementor-element.elementor-element-19a70e0b{
  /* Paleta (ajústala si quieres) */
  --rev-bg-1: #0E1624;         /* fondo base */
  --rev-bg-2: #0B1220;         /* fondo más profundo */
  --rev-violet: #6A35FF;       /* glow violeta */
  --rev-orange: #FF7A1A;       /* glow naranja */
  --rev-soft: rgba(255,255,255,.06); /* luz suave */
  --rev-vign: rgba(0,0,0,.45); /* vignette */

  position: relative;
  overflow: hidden;
  border-radius: 24px;
  padding: clamp(60px, 8vw, 140px) clamp(16px, 4vw, 40px);

  /* Fondo base con leve gradiente vertical */
  background:
    linear-gradient(180deg, var(--rev-bg-1) 0%, var(--rev-bg-2) 60%, var(--rev-bg-1) 100%);

  /* Profundidad */
  box-shadow:
    0 30px 80px rgba(0,0,0,.45),
    inset 0 1px 0 rgba(255,255,255,.04);
}

/* Glow de color en esquinas (arriba izq. violeta / arriba der. naranja) */
.elementor-83 .elementor-element.elementor-element-19a70e0b::before{
  content:"";
  position:absolute; inset:0;
  background:
    radial-gradient(90% 70% at 12% -10%, color-mix(in oklab, var(--rev-violet) 25%, transparent) 0%, transparent 60%),
    radial-gradient(90% 70% at 88% -10%, color-mix(in oklab, var(--rev-orange) 27%, transparent) 0%, transparent 60%);
  pointer-events:none;
  mix-blend-mode: screen;
}

/* Vignette + luz suave superior para separar del contenido */
.elementor-83 .elementor-element.elementor-element-19a70e0b::after{
  content:"";
  position:absolute; inset:0;
  background:
    radial-gradient(120% 80% at 50% 0%, var(--rev-soft) 0%, transparent 55%),
    radial-gradient(120% 100% at 50% 120%, var(--rev-vign) 25%, transparent 70%);
  pointer-events:none;
}

/* Variante animada opcional: respiración del glow (descomenta si te gusta) */
/*
.elementor-83 .elementor-element.elementor-element-19a70e0b::before{
  animation: rev-glow 9s ease-in-out infinite;
}
@keyframes rev-glow{
  0%,100%{ opacity:.92; filter: blur(0px); }
  50%   { opacity:.75; filter: blur(1.5px); }
}
*/

/* Responsive: bordes y padding más contenidos en pantallas pequeñas */
@media (max-width: 1024px){
  .elementor-83 .elementor-element.elementor-element-19a70e0b{ border-radius: 20px; padding: 72px 24px; }
}
@media (max-width: 640px){
  .elementor-83 .elementor-element.elementor-element-19a70e0b{ border-radius: 16px; padding: 56px 18px; }
}

/* ───────────── OPCIONES RÁPIDAS ─────────────
   Si prefieres un fondo aún más oscuro, prueba:
   --rev-bg-1: #0B1420;
   --rev-bg-2: #09101B;

   Si quieres glows más discretos, baja el % en color-mix:
   25% → 18% (violeta) y 27% → 20% (naranja).
*/
/* Contenedor hero: ancho y centrado */
.catalog-hero { max-width: 1100px; margin-inline: auto; padding-inline: 24px; }

/* Tablet */
@media (max-width: 1024px) {
  .catalog-hero h1 { font-size: clamp(40px, 5vw, 56px); }
  .catalog-hero .hero-actions { gap: 16px; }
}

/* Mobile */
@media (max-width: 768px) {
  .catalog-hero { padding-block: 72px 64px; }
  .catalog-hero h1 { font-size: clamp(34px, 7.4vw, 44px); letter-spacing: 0.5px; }
  .catalog-hero p { font-size: 15px; line-height: 1.55; }
  .catalog-hero .hero-actions {
    display: grid;
    grid-template-columns: 1fr;
    gap: 14px;
    justify-items: center;
    width: 100%;
    max-width: 420px;
    margin-inline: auto;
  }
  .catalog-hero .elementor-button { width: 100%; }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Ethnocentric:';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://reviveretechstore.com/wp-content/uploads/2025/05/ethnocentric-rg.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Tamil Sangam MN';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://reviveretechstore.com/wp-content/uploads/2025/05/tamil-sangam-mn.ttf') format('truetype');
}
/* End Custom Fonts CSS */