/* ===== RESET & BASE ===== */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Montserrat',sans-serif;color:#FFF;line-height:1.6;overflow-x:hidden;background:#1f1f1f}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
ul{list-style:none}

/* ===== VARIABLES ===== */
:root{
  --green:#2d5a3d;
  --green-dark:#1b3828;
  --gold:#c4a35a;
  --gold-light:#e0c27a;
  --cream:#f4efe6;
  --dark:#1f1f1f;
  --charcoal:#2a2a2a;
  --white:#fff;
  --serif:'Playfair Display',Georgia,serif;
  --sans:'Montserrat',Arial,sans-serif;
}

/* ===== NAVBAR ===== */
.navbar{
  position:fixed;top:0;left:0;width:100%;z-index:1000;
  display:flex;align-items:center;justify-content:space-between;
  padding:12px 60px;
  background:transparent;
  transition:background .4s,padding .4s,border-bottom .4s;
  border-bottom:1px solid transparent;
}
.navbar.scrolled{
  background:rgba(13,13,13,.97);
  padding:10px 60px;
  border-bottom:1px solid rgba(196,163,90,.18);
}
.navbar.scrolled .logo-img{height:32px}
.navbar .logo{
  display:flex;align-items:center;
  transition:opacity .3s;
}
.navbar .logo:hover{opacity:.8}
.logo-img{height:40px;width:auto;display:block}
.nav-links{display:flex;gap:36px}
.nav-links a{
  color:rgba(255,255,255,.75);font-size:.65rem;font-weight:400;
  letter-spacing:3px;text-transform:uppercase;transition:color .3s;
  position:relative;padding-bottom:4px;
}
.nav-links a::after{
  content:'';position:absolute;bottom:0;left:0;width:0;height:1px;
  background:var(--gold);transition:width .3s;
}
.nav-links a:hover{color:var(--white)}
.nav-links a:hover::after{width:100%}
.hamburger{display:none;flex-direction:column;gap:6px;cursor:pointer;z-index:1001}
.hamburger span{width:28px;height:1px;background:var(--white);transition:.3s;display:block}

/* ===== HERO ===== */
.hero{
  position:relative;height:100vh;
  display:flex;align-items:center;justify-content:center;text-align:center;
  background:#0d0d0d;
}
.hero-video{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:.75;
}
.hero::before{
  content:'';position:absolute;inset:0;z-index:1;
  background:linear-gradient(to bottom,rgba(0,0,0,.3) 0%,rgba(0,0,0,.15) 40%,rgba(0,0,0,.6) 100%);
}
.hero-content{position:relative;z-index:2;max-width:900px;padding:0 30px}
.hero-content .tagline{
  font-size:.7rem;letter-spacing:8px;text-transform:uppercase;
  color:var(--gold);font-weight:400;margin-bottom:28px;
  display:flex;align-items:center;justify-content:center;gap:16px;
}
.hero-content .tagline::before,.hero-content .tagline::after{
  content:'';width:40px;height:1px;background:var(--gold);display:inline-block;
}
.hero-content h1{
  font-family:var(--serif);font-size:5.5rem;font-weight:400;color:var(--white);
  line-height:1.05;margin-bottom:28px;letter-spacing:3px;
  text-shadow:0 2px 40px rgba(0,0,0,.5);
}
.hero-content p{
  color:rgba(255,255,255,.8);font-size:.9rem;max-width:560px;
  margin:0 auto 44px;letter-spacing:.5px;line-height:2;font-weight:300;
}
.hero-content .btn{
  display:inline-block;padding:16px 52px;border:1px solid var(--gold);color:var(--white);
  font-size:.65rem;letter-spacing:4px;text-transform:uppercase;font-weight:400;
  transition:all .4s;background:transparent;
}
.hero-content .btn:hover{background:var(--gold);color:var(--dark);border-color:var(--gold)}

/* ===== INTRO ===== */
.intro{
  padding:120px 60px;text-align:center;background:var(--charcoal);
  border-bottom:1px solid rgba(196,163,90,.12);
}
.intro p{
  max-width:760px;margin:0 auto;font-size:1.15rem;color:rgba(255,255,255,.75);
  line-height:2;font-weight:300;font-family:var(--sans);
}
.intro p+p{margin-top:20px}

/* ===== SECTION HEADING ===== */
.section-heading{text-align:center;margin-bottom:60px}
.section-heading .overline{
  font-size:.62rem;letter-spacing:6px;text-transform:uppercase;
  color:var(--gold);font-weight:500;margin-bottom:16px;
  display:flex;align-items:center;justify-content:center;gap:14px;
}
.section-heading .overline::before,.section-heading .overline::after{
  content:'';width:40px;height:1px;background:var(--gold);opacity:.7;display:inline-block;
}
.section-heading h2{
  font-family:var(--serif);font-size:3rem;font-weight:400;letter-spacing:1px;
}
.section-heading p{max-width:580px;margin:18px auto 0;font-size:.9rem;line-height:1.9;font-weight:300}

/* ===== UBICACIÓN ===== */
.ubicacion{
  padding:120px 80px;background:var(--cream);
}
.ubicacion-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;max-width:1200px;margin:0 auto;
}
.ubicacion-text h3{
  font-family:var(--serif);font-size:2.4rem;font-weight:400;
  color:var(--green-dark);margin-bottom:20px;letter-spacing:.5px;
}
.ubicacion-text p{color:#5a5a5a;margin-bottom:32px;line-height:2;font-size:.95rem}
.ubicacion-stats{display:flex;flex-direction:column;gap:0}
.ubicacion-stats .stat{
  display:flex;align-items:center;gap:20px;
  padding:18px 0;border-bottom:1px solid rgba(0,0,0,.08);
}
.ubicacion-stats .stat:first-child{border-top:1px solid rgba(0,0,0,.08)}
.ubicacion-stats .stat .icon{
  width:36px;height:36px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  color:var(--gold);font-size:1.2rem;
}
.ubicacion-stats .stat span{color:#3a3a3a;font-size:.87rem;letter-spacing:.5px}
.ubicacion-img{overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.18)}
.ubicacion-img img{width:100%;height:500px;object-fit:cover;transition:transform .6s}
.ubicacion-img:hover img{transform:scale(1.03)}

/* ===== FEATURES ROW ===== */
.features-row{
  display:grid;grid-template-columns:repeat(3,1fr);gap:0;
}
.feature-card{
  padding:80px 50px;text-align:center;color:var(--white);
  position:relative;overflow:hidden;
}
.feature-card::before{
  content:'';position:absolute;top:0;left:0;right:0;height:1px;
  background:linear-gradient(to right,transparent,rgba(196,163,90,.5),transparent);
}
.feature-card:nth-child(1){background:#0d0d0d}
.feature-card:nth-child(2){background:var(--green-dark)}
.feature-card:nth-child(3){background:#0a0f0b}
.feature-card .feat-label{
  font-size:.6rem;letter-spacing:5px;text-transform:uppercase;
  color:var(--gold);margin-bottom:16px;font-weight:400;
}
.feature-card h3{
  font-family:var(--serif);font-size:3rem;font-weight:400;
  margin-bottom:12px;color:var(--white);
}
.feature-card p{font-size:.78rem;opacity:.55;letter-spacing:1px;text-transform:uppercase;font-weight:300}

/* ===== CTA BANNER ===== */
.cta-banner{
  padding:60px 60px;text-align:center;
  background:var(--green-dark);
  position:relative;
}
.cta-banner::before,.cta-banner::after{
  content:'';position:absolute;left:60px;right:60px;height:1px;
  background:linear-gradient(to right,transparent,rgba(196,163,90,.4),transparent);
}
.cta-banner::before{top:0}
.cta-banner::after{bottom:0}
.cta-banner a{
  display:inline-block;padding:16px 60px;border:1px solid var(--gold);color:var(--gold);
  font-size:.65rem;letter-spacing:5px;text-transform:uppercase;font-weight:400;
  transition:all .4s;
}
.cta-banner a:hover{background:var(--gold);color:var(--dark)}

/* ===== PARQUE / RIBERA ===== */
.parque{
  padding:120px 80px;background:var(--charcoal);
}
.parque-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;max-width:1200px;margin:0 auto;
}
.parque-text .overline{
  font-size:.62rem;letter-spacing:6px;text-transform:uppercase;color:var(--gold);
  font-weight:500;margin-bottom:16px;display:flex;align-items:center;gap:14px;
}
.parque-text .overline::before{content:'';width:40px;height:1px;background:var(--gold);opacity:.7;display:inline-block}
.parque-text h2{
  font-family:var(--serif);font-size:2.8rem;font-weight:400;
  color:var(--white);margin-bottom:24px;letter-spacing:.5px;
}
.parque-text p{color:rgba(255,255,255,.6);line-height:2;margin-bottom:20px;font-size:.93rem;font-weight:300}
.parque-img{overflow:hidden;box-shadow:0 40px 100px rgba(0,0,0,.5)}
.parque-img img{width:100%;height:560px;object-fit:cover;transition:transform .6s}
.parque-img:hover img{transform:scale(1.03)}

/* ===== PESCA ===== */
.pesca{
  padding:120px 80px;background:var(--cream);
}
.pesca-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;max-width:1200px;margin:0 auto;
}
.pesca-text h2{
  font-family:var(--serif);font-size:2.8rem;font-weight:400;
  color:var(--green-dark);margin-bottom:24px;letter-spacing:.5px;
}
.pesca-text p{color:#5a5a5a;line-height:2;margin-bottom:18px;font-size:.93rem}
.pesca-text .highlight{
  display:inline-block;margin-top:14px;
  font-size:.65rem;letter-spacing:3px;text-transform:uppercase;
  color:var(--gold);font-weight:500;
  border-top:1px solid rgba(196,163,90,.4);
  padding-top:16px;
}
.pesca-img{overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.18)}
.pesca-img img{width:100%;height:500px;object-fit:cover;transition:transform .6s}
.pesca-img:hover img{transform:scale(1.03)}

/* ===== ATRACTIVOS ===== */
.club{
  padding:120px 80px;background:var(--dark);
}
.club .section-heading h2{color:var(--white)}
.atractivos-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:3px;max-width:1200px;margin:0 auto;
}
.atractivo-card{
  position:relative;overflow:hidden;height:320px;
  display:flex;align-items:flex-end;cursor:pointer;
}
.atractivo-card img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  transition:transform .6s;
}
.atractivo-card:hover img{transform:scale(1.08)}
.atractivo-card::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(transparent 30%,rgba(0,0,0,.82));
  transition:opacity .3s;
}
.atractivo-card .card-label{
  position:relative;z-index:1;padding:28px 24px;color:var(--white);
  font-family:var(--serif);font-size:1.2rem;font-weight:400;letter-spacing:.5px;
}
.atractivo-card .card-label::before{
  content:'';display:block;width:24px;height:1px;background:var(--gold);margin-bottom:10px;
}

/* ===== EQUIPAMIENTO ===== */
.equipamiento{
  padding:120px 80px;background:var(--charcoal);
}
.equipamiento .section-heading h2{color:var(--white)}
.equip-grid{
  display:grid;grid-template-columns:repeat(2,1fr);gap:3px;max-width:1100px;margin:0 auto;
}
.equip-card{
  position:relative;overflow:hidden;height:380px;
  display:flex;align-items:flex-end;cursor:default;
}
.equip-card img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  transition:transform .6s;filter:brightness(.85);
}
.equip-card:hover img{transform:scale(1.05)}
.equip-card::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(transparent 30%,rgba(0,0,0,.85));
}
.equip-card-content{position:relative;z-index:1;padding:32px;color:var(--white)}
.equip-card-content h3{
  font-family:var(--serif);font-size:1.5rem;font-weight:400;
  margin-bottom:8px;letter-spacing:.3px;
}
.equip-card-content p{font-size:.82rem;opacity:.65;line-height:1.7;font-weight:300}

/* ===== ENTORNO ===== */
.borde{
  padding:120px 80px;background:var(--dark);
}
.borde-header{text-align:center;margin-bottom:70px}
.borde-header h2{
  font-family:var(--serif);font-size:3rem;font-weight:400;
  color:var(--white);letter-spacing:1px;
}
.borde-header p{
  max-width:580px;margin:20px auto 0;
  color:rgba(255,255,255,.5);font-size:.9rem;line-height:1.9;font-weight:300;
}
.borde-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:0;max-width:1000px;margin:0 auto;
}
.borde-card{
  text-align:center;padding:50px 40px;
  border-right:1px solid rgba(255,255,255,.07);
}
.borde-card:last-child{border-right:none}
.borde-card .time{
  font-family:var(--serif);font-size:3.2rem;font-weight:400;
  color:var(--gold);margin-bottom:12px;line-height:1;
}
.borde-card h4{
  font-size:.65rem;text-transform:uppercase;
  letter-spacing:4px;color:rgba(255,255,255,.5);
  margin-bottom:14px;font-weight:400;
}
.borde-card p{font-size:.82rem;color:rgba(255,255,255,.35);line-height:1.8;font-weight:300}

/* ===== ATRACCIONES ===== */
.atracciones{
  position:relative;padding:140px 60px;text-align:center;
  background:url('imagenes/11.jpg') center/cover no-repeat fixed;
}
.atracciones::before{
  content:'';position:absolute;inset:0;
  background:linear-gradient(rgba(0,0,0,.5),rgba(13,13,13,.8));
}
.atracciones .container{position:relative;z-index:1}
.atracciones h2{
  font-family:var(--serif);font-size:3.5rem;font-weight:400;
  color:var(--white);margin-bottom:20px;letter-spacing:2px;
}
.atracciones p{
  color:rgba(255,255,255,.7);max-width:560px;
  margin:0 auto 44px;font-size:.9rem;line-height:2;font-weight:300;
}
.atracciones .btn{
  display:inline-block;padding:16px 52px;border:1px solid var(--gold);color:var(--gold);
  font-size:.65rem;letter-spacing:4px;text-transform:uppercase;font-weight:400;
  transition:all .4s;
}
.atracciones .btn:hover{background:var(--gold);color:var(--dark)}

/* ===== GALLERY (old strip) ===== */
.gallery{display:none}

/* ===== MASONRY GALLERY ===== */
.masonry-section{
  padding:100px 80px;background:var(--dark);
}
.masonry-section .section-heading .overline{color:var(--gold)}
.masonry-section .section-heading h2{color:var(--white)}
.masonry-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  grid-auto-rows:260px;
  gap:4px;
  max-width:1400px;
  margin:0 auto;
}
.masonry-item{
  overflow:hidden;cursor:pointer;position:relative;
}
.masonry-item img{
  width:100%;height:100%;object-fit:cover;
  transition:transform .6s,filter .6s;
  filter:brightness(.85);
}
.masonry-item:hover img{transform:scale(1.07);filter:brightness(1)}
.masonry-item.masonry-tall{grid-row:span 2}
.masonry-item.masonry-wide{grid-column:span 2}

/* ===== DESARROLLO / POR QUÉ ===== */
.desarrollo{
  padding:100px 80px;background:var(--charcoal);text-align:center;
}
.desarrollo h2{font-family:var(--serif);font-size:2.8rem;font-weight:400;color:var(--white);margin-bottom:14px}
.desarrollo>p{max-width:600px;margin:0 auto 60px;color:rgba(255,255,255,.5);font-size:.9rem;line-height:2;font-weight:300}
.desarrollo-cards{display:flex;gap:1px;justify-content:center;flex-wrap:wrap}
.desarrollo-card{
  background:rgba(255,255,255,.03);padding:44px 36px;max-width:380px;flex:1;min-width:280px;
  border:1px solid rgba(255,255,255,.07);text-align:left;
  transition:border-color .3s,background .3s;
}
.desarrollo-card:hover{border-color:rgba(196,163,90,.3);background:rgba(196,163,90,.04)}
.desarrollo-card h4{font-size:.7rem;color:var(--gold);margin-bottom:14px;font-weight:500;letter-spacing:3px;text-transform:uppercase}
.desarrollo-card p{font-size:.85rem;color:rgba(255,255,255,.45);line-height:1.9;font-weight:300}
.desarrollo-card .icon-big{font-size:1.6rem;margin-bottom:16px;opacity:.7}

/* ===== CONTACTO ===== */
.contacto{
  padding:120px 80px;background:var(--charcoal);color:var(--white);
  border-top:1px solid rgba(196,163,90,.12);
}
.contacto-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:80px;max-width:1100px;margin:0 auto;
}
.contacto-info h2{
  font-family:var(--serif);font-size:2.8rem;font-weight:400;
  margin-bottom:30px;letter-spacing:.5px;
}
.contacto-info p{margin-bottom:14px;font-size:.88rem;color:rgba(255,255,255,.55);line-height:1.9;font-weight:300}
.contacto-info a{color:var(--gold);transition:opacity .3s}
.contacto-info a:hover{opacity:.7}
.contacto-form{display:flex;flex-direction:column;gap:14px}
.contacto-form input,.contacto-form textarea{
  width:100%;padding:16px 20px;border:none;border-bottom:1px solid rgba(255,255,255,.12);
  background:transparent;color:var(--white);font-family:var(--sans);
  font-size:.87rem;outline:none;transition:border-color .3s;
  border-radius:0;
}
.contacto-form input::placeholder,.contacto-form textarea::placeholder{
  color:rgba(255,255,255,.3);letter-spacing:.5px;font-size:.82rem;
}
.contacto-form input:focus,.contacto-form textarea:focus{border-color:var(--gold)}
.contacto-form textarea{height:120px;resize:vertical}
.contacto-form button{
  margin-top:8px;padding:16px 40px;background:transparent;
  border:1px solid var(--gold);color:var(--gold);
  font-family:var(--sans);font-size:.65rem;letter-spacing:5px;text-transform:uppercase;
  font-weight:400;cursor:pointer;transition:all .4s;align-self:flex-start;
}
.contacto-form button:hover{background:var(--gold);color:var(--dark)}

.phone-input-group{display:flex;flex-direction:column;gap:6px}
.phone-error{
  font-size:.8rem;height:18px;line-height:1.2;
  font-weight:500;min-height:18px;letter-spacing:.3px;
}

/* ===== WHATSAPP FLOAT ===== */
.whatsapp-float{
  position:fixed;bottom:90px;right:30px;width:56px;height:56px;
  background:#25d366;border-radius:50%;display:flex;align-items:center;justify-content:center;
  box-shadow:0 4px 14px rgba(0,0,0,.25);z-index:999;transition:transform .3s;
}
.whatsapp-float:hover{transform:scale(1.1)}
.whatsapp-float svg{width:30px;height:30px;fill:var(--white)}

/* ===== FOOTER ===== */
footer{
  padding:50px 80px;background:#080808;text-align:center;
  font-size:.62rem;color:rgba(255,255,255,.25);letter-spacing:3px;text-transform:uppercase;
  border-top:1px solid rgba(196,163,90,.15);
}
footer span{color:var(--gold)}

/* ===== SCROLL-TO-TOP ===== */
.scroll-top{
  position:fixed;bottom:30px;right:30px;width:42px;height:42px;
  background:transparent;color:var(--gold);
  border:1px solid rgba(196,163,90,.5);
  font-size:.9rem;cursor:pointer;opacity:0;visibility:hidden;
  transition:all .3s;z-index:999;
}
.scroll-top.visible{opacity:1;visibility:visible}
.scroll-top:hover{background:var(--gold);color:var(--dark);border-color:var(--gold)}

/* ===== GALERÍA MÓVIL ===== */
.mobile-gallery{display:none;position:relative;padding:80px 30px;background:var(--dark)}
.mobile-gallery .section-heading .overline{color:var(--gold)}
.mobile-gallery .section-heading h2{color:var(--white)}
.mobile-gallery-wrapper{position:relative;width:100%;max-width:100%;margin:0 auto;overflow:hidden}
.mobile-gallery-grid{display:flex;transition:transform .4s ease-in-out;width:100%}
.mobile-gallery-item{position:relative;flex:0 0 100%;width:100%;height:380px;overflow:hidden}
.mobile-gallery-item img{width:100%;height:100%;object-fit:cover}
.carousel-btn{
  position:absolute;top:50%;transform:translateY(-50%);
  background:transparent;color:white;border:1px solid rgba(255,255,255,.3);
  font-size:18px;padding:14px 18px;cursor:pointer;z-index:10;transition:all .3s;
}
.carousel-btn:hover{background:var(--gold);border-color:var(--gold);color:var(--dark)}
.carousel-btn.prev{left:16px}
.carousel-btn.next{right:16px}
.carousel-dots{display:flex;justify-content:center;gap:6px;margin-top:20px}
.carousel-dot{width:6px;height:6px;background:rgba(255,255,255,.2);cursor:pointer;transition:background .3s}
.carousel-dot.active{background:var(--gold)}

/* ===== LIGHTBOX ===== */
.lightbox{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.95);z-index:2000;align-items:center;justify-content:center}
.lightbox.active{display:flex}
.lightbox-close{position:absolute;top:20px;right:30px;color:var(--white);font-size:40px;cursor:pointer;transition:color .3s;z-index:2001}
.lightbox-close:hover{color:var(--gold)}
.lightbox-content{position:relative;max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center}
.lightbox-content img{max-width:100%;max-height:90vh;object-fit:contain}
.lightbox-btn{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.2);color:var(--white);border:none;font-size:30px;padding:20px 24px;cursor:pointer;z-index:2001;transition:background .3s;user-select:none}
.lightbox-btn:hover{background:rgba(255,255,255,.4)}
.lightbox-btn.prev{left:20px}
.lightbox-btn.next{right:20px}
.lightbox-counter{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);color:var(--white);font-size:.95rem;background:rgba(0,0,0,.6);padding:8px 16px;border-radius:6px;z-index:2001}

/* ===== RESPONSIVE ===== */
@media(max-width:1024px){
  .ubicacion-grid,.parque-grid,.pesca-grid,.contacto-grid{grid-template-columns:1fr}
  .features-row{grid-template-columns:1fr}
  .borde-grid{grid-template-columns:1fr}
  .atractivos-grid{grid-template-columns:1fr 1fr}
  .equip-grid{grid-template-columns:1fr}
  .masonry-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:768px){
  .navbar{padding:12px 24px}
  .navbar.scrolled{padding:10px 24px}
  .logo-img{height:32px}
  .nav-links{
    position:fixed;top:0;right:-100%;width:260px;height:100vh;
    background:var(--dark);flex-direction:column;padding:90px 36px 30px;
    transition:right .35s;gap:26px;
    border-left:1px solid rgba(196,163,90,.12);
  }
  .nav-links.open{right:0}
  .hamburger{display:flex}
  .hero-content h1{font-size:2.8rem;letter-spacing:1px}
  .hero-content .tagline{font-size:.62rem;letter-spacing:5px}
  .ubicacion,.parque,.pesca,.club,.borde,.atracciones,.desarrollo,.contacto{padding:70px 24px}
  .intro{padding:70px 24px}
  .masonry-section{display:none}
  .mobile-gallery{display:block}
  .mobile-gallery-item{height:340px}
  .atractivos-grid{grid-template-columns:1fr}
  .equip-grid{grid-template-columns:1fr}
  .borde-grid{grid-template-columns:1fr}
  .borde-card{border-right:none;border-bottom:1px solid rgba(255,255,255,.07);padding:40px 24px}
  .borde-card:last-child{border-bottom:none}
  .features-row{grid-template-columns:1fr}
  .feature-card{padding:60px 30px}
  .desarrollo-cards{flex-direction:column;align-items:stretch}
}
