.elementor-7432 .elementor-element.elementor-element-545f883{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7432 .elementor-element.elementor-element-545f883:not(.elementor-motion-effects-element-type-background), .elementor-7432 .elementor-element.elementor-element-545f883 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#061B3D;}.elementor-7432 .elementor-element.elementor-element-545f883.e-con{--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:0;}.elementor-7432 .elementor-element.elementor-element-7367137{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-7432 .elementor-element.elementor-element-998c74e{--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:flex-start;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:88px;--padding-bottom:088px;--padding-left:52px;--padding-right:52px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-7432 .elementor-element.elementor-element-649b4ea > .elementor-widget-container{margin:0px 0px 22px 0px;padding:0px 0px 0px 12px;border-style:solid;border-width:0px 0px 0px 3px;border-color:#00D2FF;}.elementor-7432 .elementor-element.elementor-element-649b4ea .elementor-heading-title{font-family:"Space Grotesk", Sans-serif;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:#00D2FF;}.elementor-7432 .elementor-element.elementor-element-5ddf5f7 .elementor-heading-title{font-family:"Space Grotesk", Sans-serif;font-size:36px;font-weight:700;letter-spacing:-1px;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-7432 .elementor-element.elementor-element-8e7d2aa{font-family:"Space Grotesk", Sans-serif;font-size:17px;font-weight:400;line-height:1.7em;color:#FFFFFF;}.elementor-7432 .elementor-element.elementor-element-1f80823{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-7432 .elementor-element.elementor-element-0eac969{--display:flex;--padding-top:88px;--padding-bottom:88px;--padding-left:52px;--padding-right:52px;}.elementor-7432 .elementor-element.elementor-element-a4c55cb{--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:-100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:3;}.elementor-7432 .elementor-element.elementor-element-a4c55cb.e-con{--align-self:center;}.elementor-7432 .elementor-element.elementor-element-bce5288{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-7432 .elementor-element.elementor-element-d4ad84f{--display:flex;}.elementor-7432 .elementor-element.elementor-element-041d3c9{--display:flex;}.elementor-7432 .elementor-element.elementor-element-bed38a5{--display:flex;}.elementor-7432 .elementor-element.elementor-element-4e3fe17{--display:flex;}.elementor-7432 .elementor-element.elementor-element-f2ede81{--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;--padding-top:88px;--padding-bottom:88px;--padding-left:52px;--padding-right:52px;}.elementor-7432 .elementor-element.elementor-element-6e5c7e0{--display:flex;}.elementor-7432 .elementor-element.elementor-element-6f75eea{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--align-items:center;}.elementor-7432 .elementor-element.elementor-element-ca61797{--display:flex;--justify-content:flex-start;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-7432 .elementor-element.elementor-element-ca61797:not(.elementor-motion-effects-element-type-background), .elementor-7432 .elementor-element.elementor-element-ca61797 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#031B49;}.elementor-7432 .elementor-element.elementor-element-ca61797.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-7432 .elementor-element.elementor-element-258af07{--display:flex;}.elementor-7432 .elementor-element.elementor-element-9ca865c{--display:flex;}.elementor-7432 .elementor-element.elementor-element-9ca865c:not(.elementor-motion-effects-element-type-background), .elementor-7432 .elementor-element.elementor-element-9ca865c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#031B49;}.elementor-7432 .elementor-element.elementor-element-9ca865c.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-7432 .elementor-element.elementor-element-ee7a81b{--display:flex;}.elementor-7432 .elementor-element.elementor-element-c5f2c0e{--display:flex;}.elementor-7432 .elementor-element.elementor-element-c5f2c0e:not(.elementor-motion-effects-element-type-background), .elementor-7432 .elementor-element.elementor-element-c5f2c0e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#031B49;}.elementor-7432 .elementor-element.elementor-element-c5f2c0e.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-7432 .elementor-element.elementor-element-9c6a529{--display:flex;}.elementor-7432 .elementor-element.elementor-element-c23c6e4{--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;--padding-top:0px;--padding-bottom:88px;--padding-left:52px;--padding-right:52px;}.elementor-7432 .elementor-element.elementor-element-2f3f4d6{--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-7432 .elementor-element.elementor-element-0cf91b1{--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-7432 .elementor-element.elementor-element-50dd74d{--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-7432 .elementor-element.elementor-element-3536fad .elementor-heading-title{color:#FFFFFF;}.elementor-7432 .elementor-element.elementor-element-7cdae26{--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;--padding-top:88px;--padding-bottom:88px;--padding-left:52px;--padding-right:52px;}.elementor-7432 .elementor-element.elementor-element-4c73061{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:30px;}.elementor-7432 .elementor-element.elementor-element-d1c4647{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:0px;}.elementor-7432 .elementor-element.elementor-element-d1c4647.e-con{--align-self:center;}.elementor-7432 .elementor-element.elementor-element-70b7a6f{--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;--padding-top:0px;--padding-bottom:88px;--padding-left:52px;--padding-right:52px;}.elementor-7432 .elementor-element.elementor-element-7a10007{--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-7432 .elementor-element.elementor-element-dbbabb7{--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(min-width:768px){.elementor-7432 .elementor-element.elementor-element-2f3f4d6{--width:50%;}.elementor-7432 .elementor-element.elementor-element-0cf91b1{--width:50%;}.elementor-7432 .elementor-element.elementor-element-4c73061{--width:50%;}.elementor-7432 .elementor-element.elementor-element-d1c4647{--width:50%;}.elementor-7432 .elementor-element.elementor-element-7a10007{--width:50%;}.elementor-7432 .elementor-element.elementor-element-dbbabb7{--width:50%;}}@media(max-width:1024px){.elementor-7432 .elementor-element.elementor-element-7367137{--grid-auto-flow:row;}.elementor-7432 .elementor-element.elementor-element-1f80823{--grid-auto-flow:row;}.elementor-widget-button .elementor-button{letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-7432 .elementor-element.elementor-element-bce5288{--grid-auto-flow:row;}.elementor-7432 .elementor-element.elementor-element-6f75eea{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-7432 .elementor-element.elementor-element-545f883{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-7432 .elementor-element.elementor-element-7367137{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-7432 .elementor-element.elementor-element-998c74e{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-7432 .elementor-element.elementor-element-1f80823{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-widget-button .elementor-button{letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-7432 .elementor-element.elementor-element-bce5288{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-7432 .elementor-element.elementor-element-f2ede81{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-7432 .elementor-element.elementor-element-6f75eea{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for heading, class: .elementor-element-3b3d253 *//* ============================================
   LOS NARANJOS PADEL — Custom CSS
   Pegar en: Elementor > Ajustes del sitio > Custom CSS
   ============================================ */

:root{
  --nx-navy: #031B49;
  --nx-navy-deep: #061B3D;
  --nx-cyan: #00D2FF;
}

/* --------------------------------------------
   1. CORTE DIAGONAL EN SECCIONES
   Aplica esta clase a la SECCIÓN de Elementor
   (pestaña Avanzado > CSS Classes: nx-diagonal)
   -------------------------------------------- */
.nx-diagonal{
  clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%);
}

/* Versión más suave para móvil: se autoajusta */
@media (max-width: 768px){
  .nx-diagonal{
    clip-path: polygon(0 0, 100% 0, 100% 95%, 0 100%);
  }
}

/* Corte diagonal invertido (para cerrar una sección, ej. franja de stats) */
.nx-diagonal-reverse{
  clip-path: polygon(0 6%, 100% 0, 100% 100%, 0 94%);
}

/* --------------------------------------------
   2. BOTÓN CON CORTE (CTA principal)
   Aplica en el widget Botón de Elementor
   (Avanzado > CSS Classes: nx-btn-cta)
   -------------------------------------------- */
.nx-btn-cta{
  background: var(--nx-cyan) !important;
  color: var(--nx-navy-deep) !important;
  font-weight: 700 !important;
  clip-path: polygon(12px 0, 100% 0, calc(100% - 12px) 100%, 0 100%);
  border-radius: 0 !important;
  padding: 16px 30px !important;
  transition: transform 0.15s ease;
}
.nx-btn-cta:hover{
  transform: translateX(2px);
}

/* Variante ghost (botón secundario, borde blanco) */
.nx-btn-ghost{
  background: transparent !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,0.3) !important;
  border-radius: 0 !important;
  padding: 16px 26px !important;
}

/* --------------------------------------------
   3. SUBRAYADO ANIMADO DEL MENÚ
   Aplica al widget Menú de navegación
   (Avanzado > CSS Classes: nx-nav)
   -------------------------------------------- */
.nx-nav .elementor-item{
  position: relative;
  color: #9FB1D6 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  padding-bottom: 4px !important;
  transition: color 0.15s ease;
}
.nx-nav .elementor-item::after{
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 2px;
  background: var(--nx-cyan);
  transition: width 0.2s ease;
}
.nx-nav .elementor-item:hover{
  color: #fff !important;
}
.nx-nav .elementor-item:hover::after,
.nx-nav .elementor-item-active::after{
  width: 100%;
}
.nx-nav .elementor-item-active{
  color: #fff !important;
}

/* --------------------------------------------
   4. TARJETA CON BORDE SUPERIOR CIAN (destacada)
   Para la tarjeta de membresía / plan destacado
   (Avanzado > CSS Classes: nx-card-featured)
   -------------------------------------------- */
.nx-card-featured{
  position: relative;
  background: var(--nx-navy-deep) !important;
}
.nx-card-featured::before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: var(--nx-cyan);
}

/* --------------------------------------------
   5. TARJETAS DE INSTALACIONES CON RECORTE
   (Avanzado > CSS Classes: nx-fac-card)
   -------------------------------------------- */
.nx-fac-card{
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 92%);
  overflow: hidden;
}
.nx-fac-card img{
  filter: brightness(0.55) saturate(1.1);
}

/* --------------------------------------------
   6. FRANJA DE STATS (18 pistas / pickleball / etc.)
   Aplica 'nx-stats-wrap' a la Sección/Contenedor exterior
   y 'nx-stats-grid' al Contenedor que envuelve las 4 columnas.
   Cada columna individual: clase 'nx-stat-item'.
   -------------------------------------------- */
.nx-stats-wrap{
  background: var(--nx-navy);
  margin-top: -60px;
  position: relative;
  z-index: 3;
  padding: 0 52px;
}

.nx-stats-grid{
  background: #0C2C63;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  clip-path: polygon(0 0, 100% 0, calc(100% - 24px) 100%, 0 100%);
}

.nx-stat-item{
  padding: 34px 28px !important;
  border-right: 1px solid rgba(0,210,255,0.15);
}
.nx-stat-item:last-child{
  border-right: none;
}
.nx-stat-item .nx-stat-num{
  color: var(--nx-cyan) !important;
  font-size: 40px !important;
  font-weight: 700 !important;
  letter-spacing: -1px;
}
.nx-stat-item .nx-stat-label{
  color: #9FB1D6 !important;
  font-size: 12px !important;
  margin-top: 6px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

/* --------------------------------------------
   7. FOOTER: título de columna y lista de enlaces
   Título: widget Encabezado > clase 'nx-footer-heading'
   Lista: widget Menú de navegación > clase 'nx-footer-list'
   -------------------------------------------- */
.nx-footer-heading{
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  margin-bottom: 20px !important;
}

/* Si usas el widget "Menú de navegación" (recomendado, tira de un menú de WP) */
.nx-footer-list .elementor-nav-menu{
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.nx-footer-list .elementor-item{
  color: #9FB1D6 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  padding: 0 !important;
  transition: color 0.15s ease;
}
.nx-footer-list .elementor-item:hover{
  color: var(--nx-cyan) !important;
}

/* Si en su lugar usas el widget "Lista de iconos" sin iconos, mismas reglas */
.nx-footer-list .elementor-icon-list-items{
  gap: 12px;
}
.nx-footer-list .elementor-icon-list-text{
  color: #9FB1D6 !important;
  font-size: 14px !important;
  transition: color 0.15s ease;
}
.nx-footer-list .elementor-icon-list-item:hover .elementor-icon-list-text{
  color: var(--nx-cyan) !important;
}

/* --------------------------------------------
   8. HERO DE PÁGINA INTERIOR
   (Academia, Instalaciones, Tarifas, Contacto)
   Aplica 'nx-page-hero' a la Sección/Contenedor exterior.
   Dentro: 'nx-hero-eyebrow', 'nx-hero-h1', 'nx-hero-sub'
   -------------------------------------------- */
.nx-page-hero{
  position: relative;
  overflow: hidden;
  min-height: 360px;
  display: flex;
  align-items: center;
}

.nx-hero-eyebrow{
  display: inline-block !important;
  color: var(--nx-cyan) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 2px;
  text-transform: uppercase;
  border-left: 3px solid var(--nx-cyan);
  padding-left: 12px;
  margin-bottom: 18px !important;
}

.nx-hero-h1{
  font-weight: 700 !important;
  color: #fff !important;
  font-size: 46px !important;
  letter-spacing: -1px;
}

.nx-hero-sub{
  color: #B7C4DE !important;
  font-size: 16px !important;
  margin-top: 14px !important;
  max-width: 520px;
}

@media (max-width: 768px){
  .nx-page-hero{ min-height: 280px; }
  .nx-hero-h1{ font-size: 32px !important; }
}

/* --------------------------------------------
   9. CABECERA DE SECCIÓN SOBRE FONDO BLANCO
   (eyebrow + título, ej. "Programas" / "Un plan para cada jugador")
   Aplica 'nx-section-eyebrow' al texto pequeño
   y 'nx-section-title' al Encabezado (H2)
   -------------------------------------------- */
.nx-section-eyebrow{
  color: var(--nx-navy) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 2px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: 10px;
}
.nx-section-eyebrow::before{
  content: '';
  width: 20px;
  height: 2px;
  background: var(--nx-cyan);
  display: inline-block;
}

.nx-section-title{
  font-weight: 700 !important;
  font-size: 34px !important;
  letter-spacing: -1px;
  margin-top: 10px !important;
  color: var(--nx-navy-deep) !important;
}

@media (max-width: 768px){
  .nx-section-title{ font-size: 26px !important; }
}

/* --------------------------------------------
   10. TARJETAS DE PROGRAMA / PLAN
   Aplica 'nx-program-grid' al Contenedor que agrupa las tarjetas.
   Cada tarjeta: 'nx-program-card' (y añade también
   'nx-card-featured' en la que quieras destacar en navy oscuro
   con borde superior cian, reutilizando la clase del punto 4).
   Dentro de cada tarjeta: 'nx-program-level', 'nx-program-title',
   'nx-program-text', 'nx-program-list'
   -------------------------------------------- */
.nx-program-grid{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 4px;
}
@media (max-width: 768px){
  .nx-program-grid{ grid-template-columns: 1fr; }
}

.nx-program-card{
  background: var(--nx-navy);
  color: #fff;
  padding: 44px 40px;
}

.nx-program-level{
  color: var(--nx-cyan) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  margin-bottom: 16px !important;
}

.nx-program-title{
  font-size: 24px !important;
  font-weight: 700 !important;
  color: #fff !important;
  margin-bottom: 12px !important;
}

.nx-program-text{
  color: #B7C4DE !important;
  font-size: 14px !important;
  line-height: 1.7;
  margin-bottom: 20px !important;
}

/* Ojo: si construyes la lista con el widget "Editor de texto" (una lista
   normal con viñetas), estas reglas aplican directamente. Si usas el
   widget "Lista de iconos" de Elementor, la estructura HTML es distinta
   — avísame y te paso el .elementor-7432 .elementor-element.elementor-element-3b3d253 equivalente. */
.nx-program-list li{
  font-size: 13px;
  color: #C3CEE5;
  padding: 8px 0;
  border-top: 1px solid rgba(255,255,255,0.1);
  list-style: none;
}

/* MÓVIL: se desactiva el corte diagonal, el margen negativo
   y se pasa a 2 columnas con separadores horizontales en vez
   de verticales, para que no se corte ningún texto */
@media (max-width: 768px){
  .nx-stats-wrap{
    margin-top: 0;
    padding: 0 20px;
  }
  .nx-stats-grid{
    grid-template-columns: repeat(2, 1fr);
    clip-path: none; /* el corte diagonal no escala bien apilado */
  }
  .nx-stat-item{
    padding: 24px 16px !important;
    border-right: 1px solid rgba(0,210,255,0.15);
    border-bottom: 1px solid rgba(0,210,255,0.15);
  }
  /* quita el borde derecho en la 2ª columna de cada fila */
  .nx-stat-item:nth-child(2n){
    border-right: none;
  }
  /* quita el borde inferior en la última fila */
  .nx-stat-item:nth-last-child(-n+2){
    border-bottom: none;
  }
  .nx-stat-item .nx-stat-num{
    font-size: 30px !important;
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-555f7fd *//* ============================================
   LOS NARANJOS PADEL — Custom CSS
   Pegar en: Elementor > Ajustes del sitio > Custom CSS
   ============================================ */

:root{
  --nx-navy: #031B49;
  --nx-navy-deep: #061B3D;
  --nx-cyan: #00D2FF;
}

/* --------------------------------------------
   1. CORTE DIAGONAL EN SECCIONES
   Aplica esta clase a la SECCIÓN de Elementor
   (pestaña Avanzado > CSS Classes: nx-diagonal)
   -------------------------------------------- */
.nx-diagonal{
  clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%);
}

/* Versión más suave para móvil: se autoajusta */
@media (max-width: 768px){
  .nx-diagonal{
    clip-path: polygon(0 0, 100% 0, 100% 95%, 0 100%);
  }
}

/* Corte diagonal invertido (para cerrar una sección, ej. franja de stats) */
.nx-diagonal-reverse{
  clip-path: polygon(0 6%, 100% 0, 100% 100%, 0 94%);
}

/* --------------------------------------------
   2. BOTÓN CON CORTE (CTA principal)
   Aplica en el widget Botón de Elementor
   (Avanzado > CSS Classes: nx-btn-cta)
   -------------------------------------------- */
.nx-btn-cta{
  background: var(--nx-cyan) !important;
  color: var(--nx-navy-deep) !important;
  font-weight: 700 !important;
  clip-path: polygon(12px 0, 100% 0, calc(100% - 12px) 100%, 0 100%);
  border-radius: 0 !important;
  padding: 16px 30px !important;
  transition: transform 0.15s ease;
}
.nx-btn-cta:hover{
  transform: translateX(2px);
}

/* Variante ghost (botón secundario, borde blanco) */
.nx-btn-ghost{
  background: transparent !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,0.3) !important;
  border-radius: 0 !important;
  padding: 16px 26px !important;
}

/* --------------------------------------------
   3. SUBRAYADO ANIMADO DEL MENÚ
   Aplica al widget Menú de navegación
   (Avanzado > CSS Classes: nx-nav)
   -------------------------------------------- */
.nx-nav .elementor-item{
  position: relative;
  color: #9FB1D6 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  padding-bottom: 4px !important;
  transition: color 0.15s ease;
}
.nx-nav .elementor-item::after{
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 2px;
  background: var(--nx-cyan);
  transition: width 0.2s ease;
}
.nx-nav .elementor-item:hover{
  color: #fff !important;
}
.nx-nav .elementor-item:hover::after,
.nx-nav .elementor-item-active::after{
  width: 100%;
}
.nx-nav .elementor-item-active{
  color: #fff !important;
}

/* --------------------------------------------
   4. TARJETA CON BORDE SUPERIOR CIAN (destacada)
   Para la tarjeta de membresía / plan destacado
   (Avanzado > CSS Classes: nx-card-featured)
   -------------------------------------------- */
.nx-card-featured{
  position: relative;
  background: var(--nx-navy-deep) !important;
}
.nx-card-featured::before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: var(--nx-cyan);
}

/* --------------------------------------------
   5. TARJETAS DE INSTALACIONES CON RECORTE
   (Avanzado > CSS Classes: nx-fac-card)
   -------------------------------------------- */
.nx-fac-card{
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 92%);
  overflow: hidden;
}
.nx-fac-card img{
  filter: brightness(0.55) saturate(1.1);
}

/* --------------------------------------------
   6. FRANJA DE STATS (18 pistas / pickleball / etc.)
   Aplica 'nx-stats-wrap' a la Sección/Contenedor exterior
   y 'nx-stats-grid' al Contenedor que envuelve las 4 columnas.
   Cada columna individual: clase 'nx-stat-item'.
   -------------------------------------------- */
.nx-stats-wrap{
  background: var(--nx-navy);
  margin-top: -60px;
  position: relative;
  z-index: 3;
  padding: 0 52px;
}

.nx-stats-grid{
  background: #0C2C63;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  clip-path: polygon(0 0, 100% 0, calc(100% - 24px) 100%, 0 100%);
}

.nx-stat-item{
  padding: 34px 28px !important;
  border-right: 1px solid rgba(0,210,255,0.15);
}
.nx-stat-item:last-child{
  border-right: none;
}
.nx-stat-item .nx-stat-num{
  color: var(--nx-cyan) !important;
  font-size: 40px !important;
  font-weight: 700 !important;
  letter-spacing: -1px;
}
.nx-stat-item .nx-stat-label{
  color: #9FB1D6 !important;
  font-size: 12px !important;
  margin-top: 6px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

/* --------------------------------------------
   7. FOOTER: título de columna y lista de enlaces
   Título: widget Encabezado > clase 'nx-footer-heading'
   Lista: widget Menú de navegación > clase 'nx-footer-list'
   -------------------------------------------- */
.nx-footer-heading{
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  margin-bottom: 20px !important;
}

/* Si usas el widget "Menú de navegación" (recomendado, tira de un menú de WP) */
.nx-footer-list .elementor-nav-menu{
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.nx-footer-list .elementor-item{
  color: #9FB1D6 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  padding: 0 !important;
  transition: color 0.15s ease;
}
.nx-footer-list .elementor-item:hover{
  color: var(--nx-cyan) !important;
}

/* Si en su lugar usas el widget "Lista de iconos" sin iconos, mismas reglas */
.nx-footer-list .elementor-icon-list-items{
  gap: 12px;
}
.nx-footer-list .elementor-icon-list-text{
  color: #9FB1D6 !important;
  font-size: 14px !important;
  transition: color 0.15s ease;
}
.nx-footer-list .elementor-icon-list-item:hover .elementor-icon-list-text{
  color: var(--nx-cyan) !important;
}

/* --------------------------------------------
   8. HERO DE PÁGINA INTERIOR
   (Academia, Instalaciones, Tarifas, Contacto)
   Aplica 'nx-page-hero' a la Sección/Contenedor exterior.
   Dentro: 'nx-hero-eyebrow', 'nx-hero-h1', 'nx-hero-sub'
   -------------------------------------------- */
.nx-page-hero{
  position: relative;
  overflow: hidden;
  min-height: 360px;
  display: flex;
  align-items: center;
}

.nx-hero-eyebrow{
  display: inline-block !important;
  color: var(--nx-cyan) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 2px;
  text-transform: uppercase;
  border-left: 3px solid var(--nx-cyan);
  padding-left: 12px;
  margin-bottom: 18px !important;
}

.nx-hero-h1{
  font-weight: 700 !important;
  color: #fff !important;
  font-size: 46px !important;
  letter-spacing: -1px;
}

.nx-hero-sub{
  color: #B7C4DE !important;
  font-size: 16px !important;
  margin-top: 14px !important;
  max-width: 520px;
}

@media (max-width: 768px){
  .nx-page-hero{ min-height: 280px; }
  .nx-hero-h1{ font-size: 32px !important; }
}

/* --------------------------------------------
   9. CABECERA DE SECCIÓN SOBRE FONDO BLANCO
   (eyebrow + título, ej. "Programas" / "Un plan para cada jugador")
   Aplica 'nx-section-eyebrow' al texto pequeño
   y 'nx-section-title' al Encabezado (H2)
   -------------------------------------------- */
.nx-section-eyebrow{
  color: var(--nx-navy) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 2px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: 10px;
}
.nx-section-eyebrow::before{
  content: '';
  width: 20px;
  height: 2px;
  background: var(--nx-cyan);
  display: inline-block;
}

.nx-section-title{
  font-weight: 700 !important;
  font-size: 34px !important;
  letter-spacing: -1px;
  margin-top: 10px !important;
  color: var(--nx-navy-deep) !important;
}

@media (max-width: 768px){
  .nx-section-title{ font-size: 26px !important; }
}

/* --------------------------------------------
   10. TARJETAS DE PROGRAMA / PLAN
   Aplica 'nx-program-grid' al Contenedor que agrupa las tarjetas.
   Cada tarjeta: 'nx-program-card' (y añade también
   'nx-card-featured' en la que quieras destacar en navy oscuro
   con borde superior cian, reutilizando la clase del punto 4).
   Dentro de cada tarjeta: 'nx-program-level', 'nx-program-title',
   'nx-program-text', 'nx-program-list'
   -------------------------------------------- */
.nx-program-grid{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 4px;
}
@media (max-width: 768px){
  .nx-program-grid{ grid-template-columns: 1fr; }
}

.nx-program-card{
  background: var(--nx-navy);
  color: #fff;
  padding: 44px 40px;
}

.nx-program-level{
  color: var(--nx-cyan) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  margin-bottom: 16px !important;
}

.nx-program-title{
  font-size: 24px !important;
  font-weight: 700 !important;
  color: #fff !important;
  margin-bottom: 12px !important;
}

.nx-program-text{
  color: #B7C4DE !important;
  font-size: 14px !important;
  line-height: 1.7;
  margin-bottom: 20px !important;
}

/* Ojo: si construyes la lista con el widget "Editor de texto" (una lista
   normal con viñetas), estas reglas aplican directamente. Si usas el
   widget "Lista de iconos" de Elementor, la estructura HTML es distinta
   — avísame y te paso el .elementor-7432 .elementor-element.elementor-element-555f7fd equivalente. */
.nx-program-list li{
  font-size: 13px;
  color: #C3CEE5;
  padding: 8px 0;
  border-top: 1px solid rgba(255,255,255,0.1);
  list-style: none;
}

/* MÓVIL: se desactiva el corte diagonal, el margen negativo
   y se pasa a 2 columnas con separadores horizontales en vez
   de verticales, para que no se corte ningún texto */
@media (max-width: 768px){
  .nx-stats-wrap{
    margin-top: 0;
    padding: 0 20px;
  }
  .nx-stats-grid{
    grid-template-columns: repeat(2, 1fr);
    clip-path: none; /* el corte diagonal no escala bien apilado */
  }
  .nx-stat-item{
    padding: 24px 16px !important;
    border-right: 1px solid rgba(0,210,255,0.15);
    border-bottom: 1px solid rgba(0,210,255,0.15);
  }
  /* quita el borde derecho en la 2ª columna de cada fila */
  .nx-stat-item:nth-child(2n){
    border-right: none;
  }
  /* quita el borde inferior en la última fila */
  .nx-stat-item:nth-last-child(-n+2){
    border-bottom: none;
  }
  .nx-stat-item .nx-stat-num{
    font-size: 30px !important;
  }
}/* End custom CSS */