:root{
      --bg:#F4F4F2; /* blanco cálido */
      --sand:#C2AE95;
      --leaf:#1B860B;
      --mint:#D4DE98;
      --aqua:#8CC5DB;
      --rose:#E5CFD2;
      --muted:#B8B7BC;
      --rounded:18px;
      --max-width:1100px;
    }

    *{box-sizing:border-box}
    html,body{height:100%}
    body{
      margin:0;
      font-family: 'Lato', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;
      background:linear-gradient(180deg, var(--bg) 0%, #FBFAF9 100%);
      color:#1b1b1b;
      -webkit-font-smoothing:antialiased;
      -moz-osx-font-smoothing:grayscale;
      line-height:1.5;
    }

    /* Layout */
    .container{max-width:var(--max-width);margin:0 auto;padding:24px}

    header{position:sticky;top:0;backdrop-filter:blur(6px);background:rgba(255,255,255,0.6);border-bottom:1px solid rgba(184,183,188,0.25)}
    .nav{display:flex;align-items:center;justify-content:space-between;padding:12px 0}
    .brand{display:flex;align-items:center;gap:12px}
    .logo{display:flex;flex-direction:column}
    .logo h1{font-family:'Montserrat';font-size:18px;margin:0;color:var(--leaf)}
    .logo p{margin:0;font-size:12px;color:var(--muted)}
    .logo-img {
      height: 48px;      /* aumenta un poco la altura para que sea legible */
      width: auto;       /* mantiene proporción sin deformarse */
      max-width: 180px;  /* evita que ocupe demasiado espacio en el menú */
      object-fit: contain;
              }
    .logo { 
       gap: 4px;
          }
    nav ul{display:flex;gap:18px;list-style:none;padding:0;margin:0;align-items:center}
    nav a{color:#222;text-decoration:none;font-weight:600;font-size:14px}

    .cta{background:#1B860B;padding:10px 16px;border-radius:999px;font-weight:700;color:var(--leaf);border:none;cursor:pointer;color:#ffffff}
    .lang-select{margin-left:8px}

    /* Hero */
    .hero{display:grid;grid-template-columns:1fr 420px;gap:28px;align-items:center;padding:48px 0}
    .hero h2{font-family:'Montserrat';font-size:34px;margin:0 0 12px;color:var(--leaf)}
    .hero p.lead{margin:0 0 20px;color:#333;max-width:60ch}
    .hero .actions{display:flex;gap:12px;flex-wrap:wrap}
    .btn-ghost{background:transparent;border:2px solid var(--leaf);padding:10px 16px;border-radius:999px;font-weight:700;color:var(--leaf)}

    .hero-card{background:white;border-radius:20px;padding:18px;box-shadow:0 8px 20px rgba(32,46,13,0.06);display:flex;flex-direction:column;gap:12px}
    .hero-card img{width:100%;height:200px;object-fit:cover;border-radius:12px}
    .hero-card strong[data-i18n="hero_card_title"] {font-size: 24px;line-height: 1.3;display: block;}    
    /* Sections */
    section{padding:40px 0;border-top:1px solid rgba(184,183,188,0.06)}
    h3{font-family:'Montserrat';color:var(--leaf);margin:0 0 12px;font-size: 24px}
    .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}

    .card{background:white;border-radius:14px;padding:18px;box-shadow:0 6px 18px rgba(0,0,0,0.03)}
    .card img:not(.avatar) {width: 100%;height: 160px;object-fit: cover;border-radius: 10px;
}
    .card p{margin:10px 0 0;color:#444}

    /* Testimonials */
    .testimonials {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 22px;
      margin-top: 28px;
    }
    .testimonials + h3 {
    margin-top: 40px;
    }
    #oportunidad h3[data-i18n="testimonials_title"] {
     margin-top: 60px;
    }
    @media (max-width: 980px) {
      .testimonials {
        grid-template-columns: 1fr;
      }
    }
    .testimonial.card {
    min-height: 140px;
    display: flex;
    align-items: flex-start;
    padding: 20px;
    border-radius: 16px;
    background: #ffffff;
    box-shadow: 0 8px 20px rgba(0,0,0,0.03);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    }
    .testimonial.card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 28px rgba(0,0,0,0.06);
    }
    .testimonial{display:flex;gap:14px;align-items:center}
  .testimonial {
  display: flex;
  align-items: flex-start;
  gap: 16px;
    }
  .avatar {
   width: 58px;
   height: 58px;
   border-radius: 50%;
   object-fit: cover;
    flex-shrink: 0;
  }
    .quote{font-style:italic;color:#2b2b2b}

    /* Contact */
    form{display:grid;grid-template-columns:1fr 1fr;gap:12px}
    form input, form textarea, form select{padding:12px;border-radius:10px;border:1px solid rgba(0,0,0,0.08);width:100%;font-size:14px}
    form textarea{grid-column:1/-1;min-height:120px}
    .form-btn{grid-column:1/-1;justify-self:start;background:var(--leaf);color:white;padding:12px 18px;border-radius:10px;border:none;cursor:pointer}

    footer{padding:28px 0;color:var(--muted);font-size:14px}

    /* Responsive */
    @media (max-width:980px){
      .hero{grid-template-columns:1fr;}
      .grid{grid-template-columns:repeat(2,1fr)}
      form{grid-template-columns:1fr}
    }
    @media (max-width:560px){
      nav ul{display:none}
      .nav{padding:8px}
    }

    /* Small helpers */
    .muted{color:var(--muted)}
    .small{font-size:13px}

    /* Language pill */
    .lang-pill{background:var(--sand);padding:6px 10px;border-radius:999px;color:var(--leaf);font-weight:700}