/* ESTILOS COMPARTIDOS ENTRE PÁGINAS */

/* PALETA DE COLORES */
:root {
    /* Primario */
    --color-primary: #0080ff;
    --color-primary-hover: #0066cc;
    --color-primary-shadow: rgba(0, 128, 255, .12);

    /* Oscuros */
    --color-dark: #0d1117;
    --color-dark-border: #30363d;

    /* Claros */
    --color-white: #fff;
    --color-bg-light: #f6f8fa;
    --color-white-border: #e1e4e8;

    /* Texto */
    --color-text-muted: #8b949e;
    --color-text-secondary: #57606a;
}

/* CABECERA DE PÁGINA (contacto, planes, servicios) */
.page-header {
    background: var(--color-dark);
    padding: 60px 0 50px;
    text-align: center;
}
.page-header h1 {
    color: var(--color-white);
    font-size: clamp(1.8rem, 4vw, 2.6rem);
    font-weight: 800;
    margin-bottom: .5rem;
}
.page-header p {
    color: var(--color-text-muted);
    font-size: 1rem;
    max-width: 560px;
    margin: 0 auto;
}

/* TÍTULO DE SECCIÓN (index y planes) */
.section-title {
    font-size: clamp(1.6rem, 3vw, 2.2rem);
    font-weight: 800;
    color: var(--color-dark);
}

/* BANNER CTA (index y servicios) */
.cta-band {
    background: var(--color-primary);
    color: var(--color-white);
    padding: 70px 0;
    text-align: center;
}
.cta-band h2 {
    font-weight: 800;
    font-size: clamp(1.6rem, 3vw, 2.2rem);
    margin-bottom: .75rem;
}
.cta-band p {
    font-size: 1rem;
    margin-bottom: 1.75rem;
}
.btn-cta-white {
    background: var(--color-white);
    color: var(--color-primary);
    border: none;
    padding: .75rem 2rem;
    border-radius: 8px;
    font-weight: 700;
    font-size: 1rem;
    text-decoration: none;
    display: inline-block;
}
.btn-cta-white:hover {
    background: var(--color-dark);
    color: var(--color-white);
}