/* Distribuidora del Caribe — Landing Page */
/* Fonts loaded via HTML <link> */

/* Base & Animations */

    @keyframes float {
      0%, 100% { transform: translateY(0px); }
      50% { transform: translateY(-8px); }
    }
    @keyframes fadeInUp {
      from { opacity: 0; transform: translateY(30px); }
      to { opacity: 1; transform: translateY(0); }
    }
    @keyframes pulse {
      0%, 100% { transform: scale(1); }
      50% { transform: scale(1.05); }
    }
    @keyframes slideIn {
      from { opacity: 0; transform: translateX(-20px); }
      to { opacity: 1; transform: translateX(0); }
    }
    html { scroll-behavior: smooth; }
    body { margin: 0; padding: 0; background: #0D0D0D; }
    * { box-sizing: border-box; }

    /* Tablet */
    @media (max-width: 1024px) {
      .dc-nav-links { gap: 20px !important; }
      .dc-hero-title { font-size: 56px !important; }
      .dc-section-title { font-size: 40px !important; }
      .dc-section-pad { padding: 80px 32px !important; }
      .dc-guarantee-grid { grid-template-columns: 1fr !important; }
      .dc-giorgio-grid { grid-template-columns: 1fr !important; gap: 40px !important; }
      .dc-giorgio-photo { max-width: 320px !important; margin: 0 auto !important; }
      .dc-giorgio-heading { font-size: 32px !important; }
      .dc-cta-heading { font-size: 40px !important; }
    }

    /* Mobile */
    @media (max-width: 768px) {
      .dc-nav { padding: 16px 20px !important; }
      .dc-nav-links { display: none !important; }
      .dc-nav-brand-text { font-size: 15px !important; }
      .dc-hero-pad { padding: 100px 20px 80px !important; min-height: auto !important; }
      .dc-hero-title { font-size: 38px !important; }
      .dc-hero-sub { font-size: 16px !important; margin-bottom: 32px !important; }
      .dc-hero-badge { font-size: 11px !important; padding: 6px 14px !important; margin-bottom: 24px !important; }
      .dc-hero-buttons { flex-direction: column !important; align-items: center !important; }
      .dc-hero-buttons a { width: 100% !important; max-width: 340px !important; justify-content: center !important; padding: 14px 24px !important; font-size: 15px !important; }
      .dc-trust-bar { position: relative !important; bottom: auto !important; flex-direction: column !important; gap: 12px !important; align-items: center !important; margin-top: 48px !important; }
      .dc-section-pad { padding: 64px 20px !important; }
      .dc-section-title { font-size: 32px !important; }
      .dc-section-sub { font-size: 16px !important; }
      .dc-section-header { flex-direction: column !important; align-items: flex-start !important; }
      .dc-product-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 12px !important; }
      .dc-product-card, .product-card { padding: 24px 16px !important; }
      .dc-comercios-grid { grid-template-columns: 1fr !important; }
      .dc-testimonial { padding: 32px 24px !important; }
      .dc-testimonial-text { font-size: 17px !important; }
      .dc-guarantee-grid { grid-template-columns: 1fr !important; gap: 16px !important; }
      .dc-guarantee-card { padding: 32px 24px !important; }
      .dc-giorgio-grid { grid-template-columns: 1fr !important; gap: 32px !important; }
      .dc-giorgio-photo { max-width: 280px !important; margin: 0 auto !important; }
      .dc-giorgio-heading { font-size: 28px !important; }
      .dc-giorgio-text { font-size: 15px !important; }
      .dc-giorgio-stats { gap: 24px !important; }
      .dc-giorgio-stat-num { font-size: 28px !important; }
      .dc-cta-heading { font-size: 32px !important; }
      .dc-cta-sub { font-size: 16px !important; }
      .dc-cta-button { padding: 16px 32px !important; font-size: 16px !important; }
      .dc-footer { padding: 32px 20px !important; }
      .dc-footer-inner { flex-direction: column !important; align-items: center !important; text-align: center !important; }
      .dc-wa-float { bottom: 16px !important; right: 16px !important; }
      .dc-wa-float a { width: 52px !important; height: 52px !important; }
    }

    /* Small mobile */
    @media (max-width: 480px) {
      .dc-hero-title { font-size: 30px !important; }
      .dc-product-grid { grid-template-columns: 1fr 1fr !important; }
      .dc-section-title { font-size: 26px !important; }
      .dc-cta-heading { font-size: 26px !important; }
      .dc-comercios-grid { grid-template-columns: 1fr !important; }
    }
  

/* ==================== */
/* HOVER EFFECTS        */
/* ==================== */

/* Nav links */
.nav-link:hover { color: #E87B24; }
.nav-cta:hover { background: #F5A623; }

/* Product cards */
.product-card:hover {
  border-color: rgba(232,123,36,0.4);
  background: rgba(232,123,36,0.08);
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(232,123,36,0.15);
}

/* Product cards — Congelados */
.product-card-star:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(232,123,36,0.2);
  border-color: rgba(232,123,36,0.4);
}

/* Comercios cards */
.comercio-card:hover {
  transform: translateY(-3px);
  background: rgba(250,250,245,0.06);
  border-color: rgba(232,123,36,0.3);
  box-shadow: 0 6px 20px rgba(232,123,36,0.1);
}

/* Testimonial */
.dc-testimonial:hover {
  transform: translateY(-4px);
  border-color: rgba(232,123,36,0.3);
  box-shadow: 0 12px 32px rgba(232,123,36,0.12);
}

/* Guarantee cards */
.guarantee-card:hover {
  transform: translateY(-4px);
  background: rgba(250,250,245,0.05);
  border-color: rgba(232,123,36,0.3);
  box-shadow: 0 8px 28px rgba(232,123,36,0.12);
}

/* Hero CTA buttons */
.hero-btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 32px rgba(232,123,36,0.4);
}
.hero-btn-secondary:hover {
  border-color: rgba(250,250,245,0.4);
  background: rgba(250,250,245,0.05);
}

/* CTA final button */
.dc-cta-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 40px rgba(232,123,36,0.5);
}

/* Footer links */
.footer-link:hover { color: #E87B24; }
.dev-link:hover { color: #E87B24; }

/* WhatsApp float */
.dc-wa-float a:hover,
.wa-float-btn:hover {
  transform: scale(1.1);
  box-shadow: 0 6px 28px rgba(37,211,102,0.5);
}
