/* Sección Guía */
        .guia-section { padding:1rem 0 4rem; }
        .section-header { text-align:center; margin-bottom:4rem; }
        .section-header h1 { font-size:3rem; color:var(--federal-blue); font-weight:800; margin-bottom:1rem; }
        .section-header p { font-size:1.25rem; color:var(--text-light); max-width:700px; margin:0 auto; }

        .guides-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(280px,1fr)); gap:2rem; }

        .guide-card { background:white; border-radius:30px; padding:2rem; box-shadow:0 15px 45px rgba(0,0,0,0.08); border:1px solid rgba(0,186,216,0.1); transition: all 0.3s ease; text-decoration:none; color:inherit; display:flex; flex-direction:column; align-items:flex-start; }
        .guide-card:hover { transform:translateY(-10px); box-shadow:0 25px 60px rgba(0,0,0,0.15); border-color:var(--pacific-cyan); }

        .icon-box { width:60px; height:60px; border-radius:20px; display:flex; align-items:center; justify-content:center; font-size:1.8rem; color:white; margin-bottom:1.5rem; background: linear-gradient(135deg, var(--pacific-cyan), var(--honolulu-blue)); box-shadow:0 10px 20px rgba(0,186,216,0.3); }

        .guide-card h3 { font-size:1.4rem; color:var(--federal-blue); margin-bottom:1rem; font-weight:700; }
        .guide-card p { color:var(--text-light); font-size:0.95rem; line-height:1.5; margin-bottom:1.5rem; flex-grow:1; }
        .read-more { font-weight:700; color:var(--honolulu-blue); display:flex; align-items:center; gap:0.5rem; transition: gap 0.3s ease; }
        .guide-card:hover .read-more { gap:1rem; }

        /* Newsletter Section */
        .newsletter-section {
            margin-top: 5rem;
            margin-bottom: 5rem;
            background: var(--light-cyan);
            border-radius: 40px;
            padding: 4rem 2rem;
            text-align: center;
            position: relative;
            overflow: hidden;
            border: 1px solid rgba(0, 119, 182, 0.1);
        }

        .newsletter-section::before {
            content: '';
            position: absolute;
            top: -50px;
            right: -50px;
            width: 150px;
            height: 150px;
            background: var(--pacific-cyan);
            opacity: 0.1;
            border-radius: 50%;
        }

        .newsletter-content {
            max-width: 600px;
            margin: 0 auto;
            position: relative;
            z-index: 1;
        }

        .newsletter-content h2 {
            font-size: 2.2rem;
            color: var(--federal-blue);
            margin-bottom: 1rem;
            font-weight: 800;
        }

        .newsletter-content p {
            color: var(--text-light);
            margin-bottom: 2rem;
            font-size: 1.1rem;
        }

        .newsletter-form {
            display: flex;
            gap: 10px;
            margin-bottom: 1.5rem;
        }

        .newsletter-form input[type="email"] {
            flex: 1;
            padding: 1.2rem 1.5rem;
            border-radius: 50px;
            border: 2px solid transparent;
            font-family: 'Montserrat', sans-serif;
            font-size: 1rem;
            box-shadow: 0 5px 15px rgba(0,0,0,0.05);
            outline: none;
            transition: all 0.3s ease;
        }

        .newsletter-form input[type="email"]:focus {
            border-color: var(--pacific-cyan);
        }

        .btn-subscribe {
            background: var(--federal-blue);
            color: white;
            border: none;
            padding: 0 2.5rem;
            border-radius: 50px;
            font-weight: 700;
            cursor: pointer;
            transition: all 0.3s ease;
            font-family: 'Montserrat', sans-serif;
        }

        .btn-subscribe:hover {
            background: var(--honolulu-blue);
            transform: translateY(-2px);
            box-shadow: 0 5px 15px rgba(3, 4, 94, 0.3);
        }

        .privacy-check {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
            font-size: 0.85rem;
            color: var(--text-light);
        }

        .privacy-check input {
            cursor: pointer;
        }

        .privacy-check a {
            color: var(--honolulu-blue);
            text-decoration: underline;
        }

       /* =========================
   WhatsApp Banner - Desktop
========================= */
.whatsapp-banner {
    margin: 4rem auto 0 auto;      /* centrado */
    max-width: 1350px;              /* más estrecho */
    width: 90%;                    /* adaptable */
    background: linear-gradient(135deg, var(--federal-blue), var(--honolulu-blue));
    border-radius: 40px;
    padding: 3rem;
    text-align: center;
    color: white;
}

.whatsapp-banner h2 {
    font-size: 2rem;
    margin-bottom: 1rem;
}

.btn-whatsapp {
    display: inline-block;
    background: white;
    color: var(--federal-blue);
    padding: 2rem 2rem;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 600;
    transition: all 0.3s ease;
    margin-top: 2rem;
}

.btn-whatsapp:hover {
    background: var(--light-cyan);
    transform: scale(1.05);
}