:root{ --primary:#1B7F5B; --primary-dark:#146347; --secondary:#5AAE61; --accent:#A4D65E; --dark:#1F2937; --text:#4B5563; --light:#F7FAF8; --white:#FFFFFF; --border:#E5E7EB; --shadow:0 10px 30px rgba(0,0,0,.08); } *{ margin:0; padding:0; box-sizing:border-box; } html{ scroll-behavior:smooth; } body{ font-family:'Inter',sans-serif; background:var(--light); color:var(--text); line-height:1.8; } .container{ width:90%; max-width:1200px; margin:auto; } /* HERO */ .hero{ background: linear-gradient( 135deg, #146347 0%, #1B7F5B 45%, #5AAE61 100% ); color:white; text-align:center; padding:140px 20px 120px; } .badge{ display:inline-block; padding:10px 20px; border-radius:999px; background:rgba(255,255,255,.15); border:1px solid rgba(255,255,255,.2); backdrop-filter:blur(8px); font-size:.9rem; font-weight:500; margin-bottom:25px; } .hero h1{ font-size:3.5rem; font-weight:800; line-height:1.1; margin-bottom:25px; } .hero-text{ max-width:850px; margin:auto; font-size:1.2rem; opacity:.95; } /* BOTONES */ .btn-primary, .btn-secondary{ display:inline-block; text-decoration:none; padding:14px 28px; border-radius:10px; font-weight:600; transition:.25s ease; } .btn-primary{ background:white; color:var(--primary); margin-top:35px; } .btn-primary:hover{ transform:translateY(-3px); box-shadow: 0 12px 30px rgba(0,0,0,.15); } .btn-secondary{ background:var(--primary); color:white; margin-top:25px; } .btn-secondary:hover{ background:var(--primary-dark); } /* SECCIONES */ section{ padding:90px 0; } .section-title{ text-align:center; margin-bottom:50px; } .section-title h2{ color:var(--primary-dark); font-size:2.2rem; font-weight:700; } .underline{ width:80px; height:4px; background:var(--secondary); margin:15px auto 0; border-radius:50px; } .section-content{ max-width:900px; margin:auto; } .section-content p{ margin-bottom:20px; font-size:1.05rem; } /* INFORMACIÓN CORPORATIVA */ .highlight{ background:white; } .cards{ display:grid; grid-template-columns: repeat(auto-fit,minmax(250px,1fr)); gap:25px; } .card{ background:white; border:1px solid var(--border); border-radius:18px; padding:35px; text-align:center; box-shadow:var(--shadow); transition:.25s ease; } .card:hover{ transform:translateY(-6px); } .card h3{ color:var(--primary-dark); margin-bottom:12px; font-size:1.1rem; } .card p{ color:var(--text); } .card a{ color:var(--primary); text-decoration:none; } .card a:hover{ text-decoration:underline; } /* DOMICILIO */ .location-card{ background:white; max-width:800px; margin:auto; padding:50px; border-radius:20px; text-align:center; border:1px solid var(--border); box-shadow:var(--shadow); } .location-card h2{ color:var(--primary-dark); margin-bottom:20px; } /* GRUPO */ .group-section{ background: linear-gradient( 180deg, #F4FBF6 0%, #E8F5EA 100% ); text-align:center; } .group-section h2{ color:var(--primary-dark); margin-bottom:20px; } .group-section p{ max-width:850px; margin:auto; } /* FOOTER */ footer{ background:#163328; color:white; text-align:center; padding:50px 20px; } footer p{ margin-bottom:12px; } footer a{ color:#C7F0D0; text-decoration:none; } footer a:hover{ text-decoration:underline; } /* LINKS */ a{ color:var(--primary); } /* RESPONSIVE */ @media (max-width:768px){ .hero{ padding:90px 20px; } .hero h1{ font-size:2.3rem; } .hero-text{ font-size:1rem; } .section-title h2{ font-size:1.8rem; } .location-card{ padding:30px; } .cards{ grid-template-columns:1fr; } } /* LOGO FOOTER */ .footer-logo{ margin-bottom:20px; } .aje-logo{ width:90px; height:auto; display:block; margin:0 auto; }.footer-logo{ margin-bottom:20px; } .aje-logo{ width:120px; height:auto; display:block; margin:0 auto; }