/*
 * Colpercol — refinamientos de diseño (global)
 * Unifica botones, titulares y detalles de legibilidad en todo el sitio.
 * Se carga después de pages.css.
 */

:root {
    --cp-gold: #f4b84a;
    --cp-gold-light: #ffd06a;
    --cp-gold-deep: #f2ad35;
    --cp-ink: #102033;
    --cp-btn-radius: 12px;
    --cp-btn-height: 50px;
    --cp-h1: clamp(2.2rem, 4.4vw, 3.8rem);
}

/* Botones: mismo radio, altura y lenguaje de color en todo el sitio. */
.home-button,
.chalets-button {
    border-radius: var(--cp-btn-radius);
    min-height: var(--cp-btn-height);
}

/* El CTA principal de viviendas pasa de verde a dorado, como la portada. */
.chalets-button--primary {
    background: linear-gradient(180deg, var(--cp-gold-light) 0%, var(--cp-gold-deep) 100%);
    color: #1b1405;
    box-shadow: 0 12px 28px rgba(244, 184, 74, 0.22);
}

.chalets-button--primary:hover,
.chalets-button--primary:focus-visible {
    background: linear-gradient(180deg, #ffdc8a 0%, #f4b84a 100%);
    color: #1b1405;
}

/* Titulares principales con una escala común. */
.sector-hero h1,
.about-hero h1,
.contact-hero h1,
.viviendas-hero h1,
.chalets-hero h1 {
    font-size: var(--cp-h1);
}

.viviendas-hero h1 {
    line-height: 1.02;
}

/* Foco visible coherente en enlaces-tarjeta y botones. */
.home-button:focus-visible,
.chalets-button:focus-visible,
.promo-card__ghost:focus-visible {
    outline: 3px solid var(--cp-gold-light);
    outline-offset: 3px;
}

/* Miniaturas y planos: sin recortes raros ni degradados sobre el dibujo. */
.promo-card__thumb img {
    object-position: center 40%;
}

.promo-card__main-img[src*="plantas"],
.promo-card__main-img[src*="completo"] {
    object-fit: contain;
    background: #ffffff;
}

/* Móvil: zonas de pulsación cómodas y etiquetas legibles (sin tocar el hero). */
@media (max-width: 680px) {
    .home-text-link,
    .home-service-card a,
    .home-button--text,
    .about-story p a {
        display: inline-flex;
        align-items: center;
        min-height: 44px;
    }

    .sector-kicker,
    .about-hero__eyebrow,
    .chalets-hero__badge,
    .promo-card__badge,
    .home-section-kicker {
        font-size: 0.78rem;
    }

    .home-intro p,
    .home-services p,
    .home-process p,
    .home-featured p {
        font-size: 0.95rem;
        line-height: 1.55;
    }

    .home-service-card h3 {
        font-weight: 750;
    }
}