:root{
      --primary:#ff2a26; /* rojo frutal */
      --primaryv2:#920B54; /* verde fresco */
      --secondary:#5bc849; /* verde fresco */
      --dark:#14213d;
      --light:#f7faf7;
      --accent:#ffa41b; /* mango */
      --berry:#e12b7e;  /* fresa */
    }
    body{background:var(--light);color:var(--dark);font-family:'Montserrat',Arial,sans-serif;}
    .navbar{
      background: var(--primaryv2);
      box-shadow:0 2px 10px #00000018;
    }
    .navbar .navbar-brand{
      color:#fff!important;font-weight:900;letter-spacing:1px;text-transform:uppercase;
    }
    .navbar .nav-link{color:#fff!important;font-weight:600}
    .hero{
      background:
        radial-gradient(1200px 400px at 20% 20%, #ffffffcc, transparent 60%),
        radial-gradient(1200px 400px at 80% 80%, #ffffffcc, transparent 60%),
        linear-gradient(120deg, #fff 0%, #fff 35%, #fff0 36%), 
        linear-gradient(100deg, #ffece9 0%, #e9ffe9 100%);
      padding:3.5rem 0 2.2rem 0;
      position:relative;
    }
    .chip{
      display:inline-block;background:#fff;border:1px solid #00000010;border-radius:999px;
      padding:.35rem .8rem;font-weight:700;font-size:.9rem;color:var(--secondary);
      box-shadow:0 2px 8px #0000000f;margin-right:.4rem
    }
    .section{padding:3rem 0}
    .section-title{
      color:var(--primary);font-weight:900;font-size:2.1rem;margin-bottom:1rem;text-transform:uppercase;
    }
    .card-prod{
      border:none;border-radius:1.25rem;background:#fff;box-shadow:0 6px 22px #00000010;
      transition:transform .18s;overflow:hidden;
    }
    .card-prod:hover{transform:translateY(-6px);box-shadow:0 12px 32px #00000018;}
    .carousel .carousel-item img{
      width:100%;height:220px;object-fit:cover;
    }
    .badge-fruit{
      position:absolute;top:12px;left:12px;background:#ffffffee;color:var(--primary);
      font-weight:800;border-radius:999px;padding:.25rem .7rem;font-size:.8rem;box-shadow:0 2px 8px #0002
    }
    .btn-fruit{
      background: var(--primaryv2);
      border:none;border-radius:999px;color:#fff;font-weight:800;
      padding:.6rem 1.2rem;box-shadow:0 6px 18px #ff2a2630
    }
    .btn-fruit:hover{filter:saturate(115%);color:#fff}
    .why-card{
      border:none;border-radius:1.25rem;background:#fff;box-shadow:0 6px 22px #0000000f;text-align:center;padding:1.2rem;
    }
    .why-card i{font-size:2rem;color:var(--secondary);}
    .contact-card{background:#fff;border-radius:1.25rem;box-shadow:0 6px 22px #00000010;padding:2rem;}
    .footer{
      background: var(--primaryv2);
      color:#fff;text-align:center;padding:1.2rem 0;border-radius:1.2rem 1.2rem 0 0;margin-top:2.5rem
    }
    .whatsapp-float{
      position:fixed; right:22px; bottom:22px; width:60px; height:60px; border-radius:50%;
      background:#25d366; color:#fff; display:flex; align-items:center; justify-content:center;
      font-size:2rem; box-shadow:0 10px 22px #25d36640; z-index:999
    }
    /* pills de categorías si luego quieres filtrar (static por ahora) */
    .pill{
      background:#fff;border:1px solid #00000010;border-radius:999px;color:var(--dark);
      padding:.35rem .8rem;font-weight:600;margin:.2rem;display:inline-block
    }
    .map-card iframe{border:0;width:100%;height:300px;border-radius:1rem;}
    @media (max-width:991px){
      .carousel .carousel-item img{height:200px}
      .section{padding:2rem 0}
    }

    /* Capa de frutas reutilizable (no altera tu layout) */
  .with-fruits{ position: relative; overflow: hidden; }
  .fruits-layer{ position:absolute; inset:0; pointer-events:none; z-index:0; }
  .fruits-layer img.fruit{
    position:absolute; opacity:.92;
    filter: drop-shadow(0 12px 22px rgba(0,0,0,.12));
    animation: floaty 9s ease-in-out infinite;
  }
  /* Posiciones útiles (elige las que quieras) */
  .f-tl{ top:-60px; left:-60px; width:200px; transform:rotate(-8deg) }
  .f-tr{ top:-50px; right:-70px; width:220px; transform:rotate(10deg); animation-delay:1.2s }
  .f-bl{ bottom:-80px; left:-70px; width:240px; transform:rotate(6deg);  animation-delay:2.4s }
  .f-br{ bottom:-90px; right:-90px; width:240px; transform:rotate(-6deg); animation-delay:3.6s }
  .f-ml{ top:30%; left:-70px; width:160px; transform:rotate(14deg);  animation-delay:1.8s }
  .f-mr{ bottom:30%; right:-70px; width:160px; transform:rotate(-12deg); animation-delay:4.2s }

  @keyframes floaty { 0%,100%{ transform:translateY(0) rotate(var(--r,0)) } 50%{ transform:translateY(-12px) rotate(var(--r,0)) } }
  @media (max-width: 991.98px){ .fruits-layer{ display:none } }          /* oculta en móvil para no tapar texto */
  @media (prefers-reduced-motion: reduce){ .fruit{ animation:none } }     /* accesibilidad */

  /* Fondo y paleta (ajusta si quieres) */
    #proposito-vision-mision{
      --accent:#5ec37f;           /* verde acento */
      --accent2:#ff8a5b;          /* naranja suave */
      --ink:#2a2a2a;
      --muted:#6c757d;
      background:
        radial-gradient(1200px 600px at 10% -10%, #e8fff2 0%, transparent 40%),
        radial-gradient(1200px 600px at 90% 110%, #fff2e9 0%, transparent 40%),
        linear-gradient(180deg,#ffffff 0%, #f7fafb 100%);
    }

    /* Frutas decorativas (flotan sutil) */
    .fruit-deco{position:absolute; z-index:0; opacity:.92; pointer-events:none;
      filter: drop-shadow(0 12px 22px rgba(0,0,0,.12));
      animation: floaty 9s ease-in-out infinite;
    }
    .fruit-tl{ top:-60px; left:-40px; width:220px; transform:rotate(-8deg)}
    .fruit-tr{ top:-40px; right:-55px; width:240px; animation-delay: 1.2s; transform:rotate(10deg)}
    .fruit-bl{ bottom:-80px; left:-60px; width:260px; animation-delay: 2.4s; transform:rotate(6deg)}
    .fruit-br{ bottom:-90px; right:-80px; width:260px; animation-delay: 3.6s; transform:rotate(-6deg)}
    @keyframes floaty { 0%,100%{transform:translateY(0) rotate(var(--r,0))} 50%{transform:translateY(-12px) rotate(var(--r,0))} }
    /* Reduce/oculta en pantallas pequeñas */
    @media (max-width: 991.98px){ .fruit-deco{ display:none; } }

    /* Bloques tipo glass */
    .pvm-card{
      position:relative; z-index:1;
      max-width: 980px; margin: 0 auto 26px auto;
      background: rgba(255,255,255,.8);
      border: 1px solid rgba(0,0,0,.05);
      backdrop-filter: blur(6px);
      border-radius: 18px;
      box-shadow: 0 10px 24px rgba(18, 38, 63, .08);
      padding: 28px 26px;
    }
    /* Título con acento */
    .pvm-title{
      font-weight:900; text-transform:uppercase; letter-spacing:.6px; color:var(--ink);
      display:inline-flex; align-items:center; gap:10px;
    }
    .pvm-title:after{
      content:""; height:6px; width:56px; border-radius:6px; background: linear-gradient(90deg,var(--accent),var(--accent2));
      display:inline-block;
    }
    .pvm-text{ color:var(--muted); font-size:1rem; line-height:1.8; letter-spacing:.3px; margin:0 }

    /* Separador sutil entre tarjetas */
    .pvm-sep{ height:14px }

    /* Badges decorativas */
    .pvm-badge{
      position:absolute; top:-12px; right:16px;
      background:linear-gradient(90deg,var(--accent),var(--accent2));
      color:#fff; font-size:.72rem; padding:4px 10px; border-radius:999px; box-shadow:0 6px 16px rgba(0,0,0,.12)
    }

    /* Respeta accesibilidad: desactiva animaciones si el usuario lo pide */
    @media (prefers-reduced-motion: reduce){
      .fruit-deco{ animation:none }
    }

    .cursiva {
  font-family: 'Pacifico', cursive; /* O la fuente que uses para el estilo de la segunda imagen */
  font-style: italic;
  font-weight: normal; /* Ajusta si quieres más delgado o grueso */
}