/* =========================
   FRANJA "LA EXPERIENCIA"
========================= */
.exp-strip{
  
  padding: 10px 0 0;
}

.exp-wrap{
  position: relative;
  overflow: hidden;
  max-width: 1920px;
  margin: 0 auto;
  min-height: 170px;
  padding: 28px 18px 95px; /* deja espacio para el pasto */
  display: flex;
  align-items: flex-start;
}

/* Texto */
.exp-text{
  position: relative;
  z-index: 3;
  max-width: 720px;
  margin: 24px 50px 50px;
}

.exp-text h2{
  margin: 0;
  font-family: "Montserrat", system-ui, Arial, sans-serif;
  font-weight: 900;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 52px;
  line-height: 1.05;
  color: #2f2f2f;
}

.exp-text p{
  margin-left: 40px;
  margin: 6px 0 0;
  font-family: "Montserrat", system-ui, Arial, sans-serif;
  font-weight: 800;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: 22px;
  color: #3b3b3b;
}

/* Pasto abajo */
.exp-grass{
  position:absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin-bottom: -10px;
  height: 95px;
  z-index: 2;
  pointer-events:none;
  background: url("../img/Fondos/cesped.svg") center bottom / cover no-repeat;
  /* Si no tienes grass.png, usa este fallback:
  background: linear-gradient(0deg,#2f8b12 0%,#55b21c 55%, transparent 100%);
  */
}

/* Red + balón (derecha) */
.exp-net,
.exp-ball{
  position:absolute;
  pointer-events:none;
  user-select:none;
  z-index: 4;
  filter: drop-shadow(0 16px 28px rgba(0,0,0,.18));
}

.exp-net{
  right: -70px;
  bottom: 25px;
  width: 260px;
  opacity: .95;
  transform: rotate(8deg);
}

.exp-ball{
  right: 0px;
  bottom: 10px;
  width: 140px;
}

/* =========================
   RESPONSIVE
========================= */

/* 1024px */
@media (max-width: 1100px){
  .exp-wrap{ min-height: 160px; padding-bottom: 85px; }
  .exp-text h2{ font-size: 44px; }
  .exp-text p{ font-size: 18px; }
  .exp-net{ width: 230px; right: -60px; }
  .exp-ball{ width: 105px; right: 16px; }
  .exp-grass{ height: 85px; }
}

/* 768px */
@media (max-width: 900px){
  .exp-wrap{
    min-height: 150px;
    padding: 22px 16px 80px;
  }
  .exp-text h2{ font-size: 38px; }
  .exp-text p{ font-size: 16px; }

  /* baja un poco para que no tape el texto */
  .exp-net{ width: 200px; right: -55px; bottom: 18px; opacity: .85; }
  .exp-ball{ width: 90px; right: 12px; bottom: 22px; }
  .exp-grass{ height: 75px; }
}

/* 425px */
@media (max-width: 480px){
  .exp-wrap{
    min-height: 140px;
    padding: 20px 14px 70px;
  }
  .exp-text h2{ font-size: 30px; }
  .exp-text p{ font-size: 13px; letter-spacing: 1px; }

  .exp-net{ width: 160px; right: -50px; bottom: 14px; opacity: .75; }
  .exp-ball{ width: 76px; right: 10px; bottom: 18px; }
  .exp-grass{ height: 65px; }
}