.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}body{overflow-x:inherit !important;}.elementor a, .elementor a:link, .elementor a:focus, .elementor a:active, .elementor a:hover{text-decoration:inherit !important;}.elementor a:link, .elementor .smooth-hover a:link, {transition:inherit;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS */.nm-pcard{
  position:relative; overflow:hidden;
  transition:transform .3s ease, box-shadow .3s ease;
}
.nm-pcard > *{ position:relative; z-index:1; }

/* elevacion de la ficha */
.nm-pcard:hover{ transform:translateY(-6px); box-shadow:6px 8px 0 #171310; }

/* numero grande abajo-derecha, DETRAS del contenido */
.nm-pcard .nm-pnum{
  position:absolute; right:12px; bottom:-6px; z-index:0; pointer-events:none;
  transform-origin:bottom right;
  transition:transform .4s cubic-bezier(.34,1.56,.64,1);
}
.nm-pcard .nm-pnum .elementor-heading-title{ transition:color .4s ease; }

/* efecto al hover: escala + gira, y sube un poco la opacidad */
.nm-pcard:hover .nm-pnum{ transform:rotate(-8deg) scale(1.14); }
.nm-pcard:hover .nm-pnum .elementor-heading-title{ color:rgba(252,138,61,.42) !important; }

@media (prefers-reduced-motion:reduce){
  .nm-pcard, .nm-pcard .nm-pnum{ transition:none !important; }
  .nm-pcard:hover{ transform:none; }
  .nm-pcard:hover .nm-pnum{ transform:none; }
}



.nm-scard{
  position:relative; overflow:hidden;
  transition:transform .35s ease, box-shadow .4s ease;
}
.nm-scard > *{ position:relative; z-index:2; }

/* elevacion suave */
.nm-scard:hover{ transform:translateY(-5px); box-shadow:0 18px 40px -20px rgba(252,138,61,.5); }

/* mata cualquier resto viejo */
.nm-scard::after{ content:none !important; display:none !important; }

/* RELLENO naranja que crece desde el centro (se conserva) */
.nm-scard::before{
  content:''; position:absolute; left:50%; top:50%; width:40px; height:40px; margin:-20px 0 0 -20px;
  border:0 !important; box-shadow:none !important; outline:0 !important;
  border-radius:50%;
  background:radial-gradient(circle at 42% 35%, #FDB877, #FC8A3D 52%, #EC7A2C) !important;
  z-index:0; pointer-events:none;
  transform:scale(0);
  transition:transform .75s cubic-bezier(.4,0,.2,1);
}
.nm-scard:hover::before{ transform:scale(26); }

/* ICONO: lo unico que cambia de color -> BLANCO en hover (+ pop + redibuja) */
.nm-scard .nm-ico{ width:52px; height:52px; margin-bottom:6px; display:block;
  transition:transform .4s cubic-bezier(.34,1.56,.64,1); }
.nm-scard .nm-ico svg{ width:100%; height:100%; display:block; overflow:visible; }
.nm-scard .nm-ico .ln{ stroke:#171310; transition:stroke .4s ease .12s; }
.nm-scard .nm-ico .acc{ stroke:#FC8A3D; transition:stroke .4s ease .12s; }
.nm-scard .nm-ico .draw{ stroke-dasharray:1; stroke-dashoffset:0; }
.nm-scard:hover .nm-ico{ transform:scale(1.12) rotate(-5deg); }
.nm-scard:hover .nm-ico .ln,
.nm-scard:hover .nm-ico .acc{ stroke:#ffffff; }
.nm-scard:hover .nm-ico .draw{ animation:nm-draw .85s cubic-bezier(.65,0,.35,1) forwards; }
@keyframes nm-draw{ from{ stroke-dashoffset:1; } to{ stroke-dashoffset:0; } }

/* El TEXTO se mantiene negro/oscuro: NO hay reglas que lo cambien en hover. */

@media (prefers-reduced-motion:reduce){
  .nm-scard:hover{ transform:none; }
  .nm-scard:hover::before{ transform:scale(26); }
  .nm-scard .nm-ico, .nm-scard:hover .nm-ico{ transform:none; animation:none; }
  .nm-scard:hover .nm-ico .draw{ animation:none; }
  .nm-scard:hover .nm-ico .ln, .nm-scard:hover .nm-ico .acc{ stroke:#fff; }
}



/* ============================================================
   nextMEDIA · Mega Menu Services
   Pegar en: Elementor → Ajustes del sitio → CSS personalizado
   (el layout en columnas lo hace el contenedor grid nativo;
    este CSS solo estila items, iconos, hover y banner)
   ============================================================ */

/* --- etiqueta de columna --- */
.nm-mmc-lbl{
  font-family:'Poppins',sans-serif;font-size:11px;font-weight:600;
  letter-spacing:2.5px;text-transform:uppercase;color:#B4530F;
  padding:4px 12px 10px;border-bottom:1px solid rgba(251,246,238,.08);
  margin-bottom:8px;
}

/* --- item de servicio --- */
.nm-mmi{
  display:flex;gap:12px;align-items:flex-start;
  padding:11px 12px;border-radius:12px;text-decoration:none;
  transition:background .22s ease,transform .22s ease;
}
.nm-mmi:hover{background:rgba(252,138,61,.10);transform:translateX(5px)}

.nm-mmi-ico{
  flex:0 0 42px;width:42px;height:42px;border-radius:11px;
  display:grid;place-items:center;
  background:rgba(251,246,238,.06);border:1px solid rgba(251,246,238,.12);
  transition:background .22s ease,border-color .22s ease,transform .22s ease;
}
.nm-mmi:hover .nm-mmi-ico{
  background:#FC8A3D;border-color:#FC8A3D;
  transform:rotate(-6deg) scale(1.06);
}

.nm-mmi-ico svg{
  width:26px;height:26px;fill:none;stroke:#FBF6EE;
  stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;
  transition:stroke .22s ease;
}
.nm-mmi:hover .nm-mmi-ico svg{stroke:#171310}

/* animación de trazo (se redibuja el icono al hacer hover) */
.nm-mmi svg .draw{stroke-dasharray:1;stroke-dashoffset:0}
.nm-mmi:hover svg .draw{animation:nm-mm-draw .7s ease forwards}
@keyframes nm-mm-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}

/* texto del item */
.nm-mmi-txt strong{
  display:block;font-family:'Poppins',sans-serif;font-weight:600;
  font-size:14.5px;color:#FBF6EE;line-height:1.3;
  transition:color .22s ease;
}
.nm-mmi:hover .nm-mmi-txt strong{color:#FC8A3D}
.nm-mmi-txt em{
  display:block;font-style:normal;font-size:12.5px;
  color:rgba(251,246,238,.5);margin-top:3px;line-height:1.45;
}

/* --- banner promocional (columna 4) --- */
.nm-mmb{
  position:relative;display:flex;flex-direction:column;justify-content:flex-end;
  gap:10px;height:100%;min-height:230px;border-radius:14px;padding:22px;
  text-decoration:none;overflow:hidden;
  background:linear-gradient(150deg,#FDA24E 0%,#FC8A3D 45%,#B4530F 100%);
  transition:transform .25s ease;
}
.nm-mmb:hover{transform:translateY(-4px)}
.nm-mmb::before{
  content:'';position:absolute;width:190px;height:190px;border-radius:50%;
  border:26px solid rgba(251,246,238,.18);top:-70px;right:-70px;
  transition:transform .5s ease;
}
.nm-mmb:hover::before{transform:scale(1.15) rotate(20deg)}
.nm-mmb-eyebrow{
  font-family:'Poppins',sans-serif;font-size:11px;font-weight:600;
  letter-spacing:2px;text-transform:uppercase;color:rgba(23,19,16,.75);
}
.nm-mmb-title{
  font-family:'Poppins',sans-serif;font-weight:800;font-size:21px;
  line-height:1.2;color:#171310;
}
.nm-mmb-txt{font-family:'Manrope',sans-serif;font-size:12.5px;line-height:1.5;color:rgba(23,19,16,.75)}
.nm-mmb-btn{
  display:inline-block;align-self:flex-start;
  font-family:'Poppins',sans-serif;font-weight:600;font-size:13px;
  background:#171310;color:#FBF6EE;padding:11px 20px;border-radius:100px;
  margin-top:4px;transition:background .2s ease;
}
.nm-mmb:hover .nm-mmb-btn{background:#2A241F}

/* accesibilidad: sin animación si el usuario lo pide */
@media (prefers-reduced-motion: reduce){
  .nm-mmi:hover svg .draw{animation:none}
  .nm-mmi,.nm-mmi-ico,.nm-mmb,.nm-mmb::before{transition:none}
}/* End custom CSS */