.elementor-68244 .elementor-element.elementor-element-697bd20{--display:flex;}.elementor-68244 .elementor-element.elementor-element-d37d1df > .elementor-widget-container{margin:-25px 0px 0px 0px;}.elementor-68244 .elementor-element.elementor-element-3189130{--display:flex;}.elementor-68244 .elementor-element.elementor-element-277782b{width:auto;max-width:auto;}.elementor-68244 .elementor-element.elementor-element-277782b > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-68244 .elementor-element.elementor-element-277782b .eael-product-gallery .eael-cat-tab{text-align:center;}.elementor-68244 .elementor-element.elementor-element-277782b .eael-product-gallery .woocommerce .products .product .eael-product-wrap img{height:249px;object-fit:cover;object-position:center;}.elementor-68244 .elementor-element.elementor-element-277782b .eael-cat-tab{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;}.elementor-68244 .elementor-element.elementor-element-277782b .eael-cat-tab a{margin:0px 0px 0px 0px;}.elementor-68244 .elementor-element.elementor-element-277782b .eael-product-gallery .woocommerce ul.products li.product, .elementor-68244 .elementor-element.elementor-element-277782b .eael-product-gallery .icons-wrap.block-box-style{background-color:#fff;}.elementor-68244 .elementor-element.elementor-element-277782b .eael-product-gallery .woocommerce ul.products li.product{border-radius:0px 0px 0px 0px;}.elementor-68244 .elementor-element.elementor-element-277782b .eael-product-gallery .woocommerce ul.products li.product woocommerce-loop-product__link img{border-radius:0px 0px 0 0;}.elementor-68244 .elementor-element.elementor-element-277782b .eael-product-gallery .eael-product-wrap .product-details-wrap{padding:10px 10px 10px 10px;}.elementor-68244 .elementor-element.elementor-element-277782b .eael-product-gallery .woocommerce ul.products li.product .woocommerce-loop-product__title, .elementor-68244 .elementor-element.elementor-element-277782b .eael-product-gallery .woocommerce ul.products li.product .eael-product-title *{color:#272727;}.elementor-68244 .elementor-element.elementor-element-277782b .eael-product-gallery .woocommerce ul.products li.product .price, .elementor-68244 .elementor-element.elementor-element-277782b .eael-product-gallery .woocommerce ul.products li.product .eael-product-price{color:#272727;}.elementor-68244 .elementor-element.elementor-element-277782b .eael-product-gallery .woocommerce .star-rating::before{color:#f2b01e;}.elementor-68244 .elementor-element.elementor-element-277782b .eael-product-gallery .woocommerce .star-rating span::before{color:#f2b01e;}.elementor-68244 .elementor-element.elementor-element-277782b .eael-product-gallery .woocommerce .eael-star-rating{color:#f2b01e;font-size:15px!important;}.elementor-68244 .elementor-element.elementor-element-277782b .eael-product-gallery .woocommerce ul.products li.product .star-rating{font-size:15px!important;}.elementor-68244 .elementor-element.elementor-element-277782b .woocommerce ul.products li.product .onsale, .elementor-68244 .elementor-element.elementor-element-277782b .woocommerce ul.products li.product .eael-onsale{color:#fff;background-color:#ff2a13;}.elementor-68244 .elementor-element.elementor-element-277782b .woocommerce ul.products li.product .eael-onsale:not(.outofstock).sale-preset-4:after{border-left-color:#ff2a13;border-right-color:#ff2a13;}.elementor-68244 .elementor-element.elementor-element-277782b .woocommerce ul.products li.product .outofstock-badge, .elementor-68244 .elementor-element.elementor-element-277782b .woocommerce ul.products li.product .eael-onsale.outofstock{color:#fff;background-color:#ff2a13;}.elementor-68244 .elementor-element.elementor-element-277782b .woocommerce ul.products li.product .eael-onsale.outofstock.sale-preset-4:after{border-left-color:#ff2a13;border-right-color:#ff2a13;}.elementor-68244 .elementor-element.elementor-element-277782b .eael-product-gallery .eael-product-wrap .icons-wrap li a{color:#fff;background-color:#8040FF;}.elementor-68244 .elementor-element.elementor-element-277782b .eael-product-gallery .eael-product-wrap .icons-wrap:not(.details-block-style-2) li a{border-radius:3px;}.elementor-68244 .elementor-element.elementor-element-277782b .eael-product-gallery .eael-product-wrap .icons-wrap.details-block-style-2 li:only-child a{border-radius:3px!important;}.elementor-68244 .elementor-element.elementor-element-277782b .eael-product-gallery .eael-product-wrap .icons-wrap.details-block-style-2 li:first-child a{border-radius:3px 0 0 3px;}.elementor-68244 .elementor-element.elementor-element-277782b .eael-product-gallery .eael-product-wrap .icons-wrap.details-block-style-2 li:last-child a{border-radius:0 3px 3px 0;}.elementor-68244 .elementor-element.elementor-element-277782b .eael-product-gallery .eael-product-wrap .icons-wrap li a:hover{color:#F5EAFF;background-color:#4045AE;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-d37d1df *//* =========================
   OPORT · NFL (AGRESIVO / MADDEN)
   ========================= */

.oport-header-banner.oport-nfl{
  width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  padding: 78px 8%;
  position: relative;
  overflow: hidden;
  z-index: 2;
  text-align: right;

  background:
    /* luces de estadio (más duras) */
    radial-gradient(900px 360px at 75% -5%, rgba(255,255,255,0.22), rgba(0,0,0,0) 62%),
    radial-gradient(700px 320px at 18% 10%, rgba(255,255,255,0.14), rgba(0,0,0,0) 60%),

    /* yard lines más marcadas */
    repeating-linear-gradient(
      90deg,
      rgba(255,255,255,0.07) 0px,
      rgba(255,255,255,0.07) 2px,
      rgba(0,0,0,0) 2px,
      rgba(0,0,0,0) 44px
    ),

    /* base oscura con punch */
    linear-gradient(90deg, rgba(2,6,16,0.98) 0%, rgba(10,18,40,0.94) 48%, rgba(0,0,0,0.94) 100%),

    url('https://oport.mx/wp-content/uploads/2025/10/bg-luces-metalicas.jpg');

  background-size: cover, cover, auto, cover, cover;
  background-position: center top, left top, center, center, center right;
  background-repeat: no-repeat;

  border-bottom: 1px solid rgba(255,255,255,0.10);
  box-shadow:
    inset 0 -40px 80px rgba(0,0,0,0.65),
    0 18px 45px rgba(0,0,0,0.35);
}

/* contraste + vibra broadcast */
.oport-header-banner.oport-nfl::before{
  content:"";
  position:absolute;
  inset:-2px;
  background:
    radial-gradient(circle at 85% 50%, rgba(0,102,204,0.20), rgba(0,0,0,0) 58%),
    radial-gradient(circle at 18% 52%, rgba(200,16,46,0.18), rgba(0,0,0,0) 60%),
    linear-gradient(180deg, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0.60) 100%);
  filter: blur(14px);
  pointer-events:none;
  z-index:1;
}

/* sheen diagonal más agresivo */
.oport-header-banner.oport-nfl::after{
  content:"";
  position:absolute;
  top:-45%;
  right:-25%;
  width: 70%;
  height: 200%;
  background: linear-gradient(135deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,0.14) 35%,
    rgba(255,255,255,0.03) 55%,
    rgba(255,255,255,0) 75%
  );
  transform: rotate(10deg);
  z-index:2;
  pointer-events:none;
  animation: oport-nfl-sheen 5.2s ease-in-out infinite;
}

@keyframes oport-nfl-sheen{
  0%,100%{ transform: translateX(0) rotate(10deg); opacity:.55; }
  50%{ transform: translateX(-90px) rotate(10deg); opacity:1; }
}

/* ====== LOGO GRANDE IZQUIERDA (badge) ====== */
.oport-nfl-left{
  position:absolute;
  left:6%;
  top:50%;
  transform:translateY(-50%);
  z-index:6;
}

.oport-nfl__logo{
  width: 150px;            /* 🔥 GRANDE */
  height: auto;
  padding: 18px 18px;
  border-radius: 24px;

  background: rgba(0,0,0,0.55);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(255,255,255,0.16);

  box-shadow:
    0 28px 70px rgba(0,0,0,0.65),
    inset 0 1px 0 rgba(255,255,255,0.18);

  transition: transform .35s ease, box-shadow .35s ease, filter .35s ease;
}

.oport-nfl__logo:hover{
  transform: scale(1.06);
  filter: contrast(1.05);
  box-shadow:
    0 34px 85px rgba(0,0,0,0.72),
    0 0 24px rgba(0,102,204,0.35),
    0 0 18px rgba(200,16,46,0.25);
}

/* ====== TÍTULO MÁS “MADDEN” ====== */
.oport-header-banner.oport-nfl h1{
  font-size: 62px;
  font-weight: 950;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin: 0;
  line-height: 1.05;
  position: relative;
  display: inline-block;
  z-index: 5;

  text-shadow:
    0 3px 0 rgba(0,0,0,0.60),
    0 0 18px rgba(0,102,204,0.42),
    0 0 26px rgba(200,16,46,0.26);

  animation: oport-nfl-pop 0.95s ease-out forwards;
}

@keyframes oport-nfl-pop{
  from{ opacity:0; transform: translateY(16px) scale(.985); filter: blur(2px); }
  to{ opacity:1; transform: translateY(0) scale(1); filter: blur(0); }
}

/* underline “score bug” más gruesa */
.oport-header-banner.oport-nfl h1::after{
  content:"";
  position:absolute;
  bottom:-16px;
  right:0;
  width: 180px;
  height: 7px;
  border-radius: 999px;
  background: linear-gradient(90deg, #0066CC 0%, #ffffff 48%, #C8102E 100%);
  box-shadow: 0 0 20px rgba(0,102,204,0.35), 0 0 18px rgba(200,16,46,0.22);
  animation: oport-nfl-underline 2.6s ease-in-out infinite alternate;
}

@keyframes oport-nfl-underline{
  0%{ transform: scaleX(.78); opacity:.75; }
  100%{ transform: scaleX(1); opacity:1; }
}

/* ====== RESPONSIVE ====== */
@media (max-width: 768px){
  .oport-header-banner.oport-nfl{
    text-align:center;
    padding: 56px 20px;
  }

  .oport-nfl-left{
    position: relative;
    left: auto;
    top: auto;
    transform: none;
    margin: 0 auto 18px;
    display: flex;
    justify-content: center;
  }

  .oport-nfl__logo{ width: 110px; }

  .oport-header-banner.oport-nfl h1{
    font-size: 40px;
    letter-spacing: 1px;
  }

  .oport-header-banner.oport-nfl h1::after{
    right: 50%;
    transform: translateX(50%);
    width: 140px;
  }
}/* End custom CSS */
/* Start custom CSS for eael-woo-product-gallery, class: .elementor-element-277782b *//* 🔥 Oculta los filtros de categorías de la galería EAEL */
.eael-product-gallery .eael-cat-tab,
.eael-product-gallery .eael-cat-tab a,
a.post-list-filter-item.active {
  display: none !important;
}





/* =========================
   OPORT · PRODUCT CARDS PRO
   (WooCommerce loop)
   ========================= */

/* GRID más aire */
.woocommerce ul.products{
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 26px !important;
  margin-top: 10px;
}

@media (max-width: 1024px){
  .woocommerce ul.products{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px){
  .woocommerce ul.products{ grid-template-columns: 1fr; }
}

/* Card base */
.woocommerce ul.products li.product{
  background: #ffffff;
  border: 1px solid rgba(0,0,0,0.06);
  border-radius: 18px;
  overflow: hidden;
  padding: 14px 14px 16px;
  position: relative;
  box-shadow: 0 10px 26px rgba(0,0,0,0.08);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

/* Hover premium */
.woocommerce ul.products li.product:hover{
  transform: translateY(-6px);
  box-shadow: 0 18px 44px rgba(0,0,0,0.14);
  border-color: rgba(16,185,129,0.35); /* verde oport vibe */
}

/* Imagen: marco pro + ratio constante */
.woocommerce ul.products li.product a img{
  width: 100% !important;
  height: auto !important;
  border-radius: 14px;
  aspect-ratio: 1 / 1;
  object-fit: cover;

  /* marco + brillo */
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.6), 0 10px 22px rgba(0,0,0,0.12);
  transition: transform .35s ease, filter .35s ease;
}

/* Zoom suave de imagen */
.woocommerce ul.products li.product:hover a img{
  transform: scale(1.05);
  filter: saturate(1.05) contrast(1.03);
}

/* Glow de marca (suave) */
.woocommerce ul.products li.product::before{
  content:"";
  position:absolute;
  inset: -30px;
  background: radial-gradient(circle at 30% 20%, rgba(16,185,129,0.18), rgba(255,255,255,0) 55%);
  opacity: 0;
  transition: opacity .25s ease;
  pointer-events:none;
}
.woocommerce ul.products li.product:hover::before{ opacity: 1; }

/* Área texto */
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-size: 18px !important;
  font-weight: 800 !important;
  color: #0b1220;
  margin: 12px 0 8px !important;
  line-height: 1.15;

  /* clamp 2 líneas */
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 42px; /* mantiene alineado */
}

/* Rating más fino */
.woocommerce ul.products li.product .star-rating{
  margin: 6px 0 10px !important;
  transform: scale(1.02);
}

/* Precio: más premium */
.woocommerce ul.products li.product .price{
  font-size: 18px !important;
  font-weight: 900 !important;
  color: #0b1220 !important;
  margin-top: 6px;
}
.woocommerce ul.products li.product .price del{
  opacity: .45;
  font-weight: 700;
}
.woocommerce ul.products li.product .price ins{
  text-decoration: none;
}

/* Botón Add to cart → estilo pill pro */
.woocommerce ul.products li.product a.button{
  width: 100%;
  border-radius: 999px !important;
  padding: 12px 14px !important;
  font-weight: 900 !important;
  letter-spacing: .4px;
  background: linear-gradient(90deg, #0ea371, #15c58a) !important;
  color: #ffffff !important;
  border: 0 !important;
  margin-top: 12px !important;
  transition: transform .2s ease, filter .2s ease, box-shadow .2s ease;
  box-shadow: 0 12px 26px rgba(14,163,113,0.22);
}
.woocommerce ul.products li.product a.button:hover{
  transform: translateY(-2px);
  filter: brightness(1.02);
  box-shadow: 0 16px 32px rgba(14,163,113,0.28);
}

/* CTA overlay “Ver detalle” aparece en hover */
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link{
  position: relative;
  display: block;
}
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link::after{
  content: "Ver detalle";
  position: absolute;
  left: 14px;
  right: 14px;
  bottom: 14px;
  height: 46px;
  display: grid;
  place-items: center;

  background: rgba(0,0,0,0.62);
  color: #fff;
  border: 1px solid rgba(255,255,255,0.18);
  border-radius: 14px;

  opacity: 0;
  transform: translateY(10px);
  transition: opacity .25s ease, transform .25s ease;
  font-weight: 900;
  letter-spacing: .6px;
  backdrop-filter: blur(10px);
}
.woocommerce ul.products li.product:hover a.woocommerce-LoopProduct-link::after{
  opacity: 1;
  transform: translateY(0);
}

/* Badge de oferta mejor */
.woocommerce span.onsale{
  top: 16px !important;
  left: 16px !important;
  right: auto !important;
  border-radius: 999px !important;
  padding: 8px 12px !important;
  font-weight: 900 !important;
  background: linear-gradient(90deg, #ff2d55, #ff7a00) !important;
  color: #fff !important;
  box-shadow: 0 12px 26px rgba(255,45,85,0.22);
}

/* Quita floats raros */
.woocommerce ul.products li.product{
  float: none !important;
  margin: 0 !important;
  width: auto !important;
}/* End custom CSS */