body { background: linear-gradient(180deg, var(--cream) 0%, #ffffff 40%, var(--surface-alt) 100%) !important; color: var(--ink) !important; font-family: var(--site-font) !important; }
body *:not(i):not(.fa):not(.fa-solid):not(.fa-regular):not(.fa-brands), button, input, textarea, select { font-family: var(--site-font) !important; }
i.fa-solid, i.fa-regular, i.fa-brands, .fa-solid, .fa-regular, .fa-brands { font-family: "Font Awesome 6 Free", "Font Awesome 6 Brands" !important; }
.fa-solid { font-weight: 900 !important; } .fa-regular { font-weight: 400 !important; } .fa-brands { font-weight: 400 !important; }
.text-\[\#001f3f\], .client-proof-title, .section-title { color: var(--heading) !important; }
.text-slate-600, .text-slate-700, .text-gray-600 { color: var(--muted) !important; }
.topbar { background: var(--topbar-bg) !important; color: #fff !important; }
.topbar a, .topbar i { color: var(--social-icon-color) !important; }
.section-eyebrow { color: var(--primary) !important; }
.desktop-nav a:hover, .mobile-menu a:hover { color: var(--accent) !important; }
.main-header { background: color-mix(in srgb, var(--header-bg) 94%, transparent) !important; border-color: var(--line) !important; }
.desktop-nav, .desktop-nav a, .mobile-menu, .mobile-menu a { color: var(--header-text) !important; }
.desktop-nav .text-\[\#ff6200\], .mobile-menu .text-\[\#ff6200\] { color: var(--brand-tertiary) !important; }
.section-eyebrow::before { background: currentColor !important; }
.icon-box { color: var(--primary) !important; background: color-mix(in srgb, var(--primary) 12%, white) !important; }
.btn-primary, .bg-\[\#ff6200\], button[type="submit"] { background: var(--button-bg) !important; color: var(--button-text) !important; border-color: var(--button-bg) !important; }
.btn-primary:hover, .hover\:bg-\[\#e05600\]:hover { background: color-mix(in srgb, var(--button-bg) 82%, black) !important; }
.btn-secondary { background: var(--button-secondary-bg) !important; color: var(--button-text) !important; border-color: var(--button-secondary-bg) !important; }
.bg-\[\#001f3f\] { background: var(--primary-deep) !important; color: #fff !important; }
.btn-ghost { background: #fff !important; color: var(--primary) !important; border-color: var(--primary) !important; }
.btn-ghost:hover { background: var(--primary) !important; color: var(--button-text) !important; }
.border-slate-200, .border-slate-300 { border-color: var(--line) !important; }
.professional-card, .project-card, .stat-card, .feature-card, .lot-project-card, .client-quote-box, .rounded-2xl.bg-white, .bg-white { background-color: var(--surface) !important; }
.projects-lot-section, .client-proof-section, section.bg-white { background: var(--surface-alt) !important; }
.lot-project-card { background: var(--primary) !important; }
.lot-project-type, .lot-project-price { background: var(--button-bg) !important; color: var(--button-text) !important; }
input, textarea, select { background: var(--input-bg) !important; color: var(--input-text) !important; border-color: var(--line) !important; }
input:focus, textarea:focus, select:focus { border-color: var(--accent) !important; box-shadow: 0 0 0 4px color-mix(in srgb, var(--accent) 18%, transparent) !important; }
footer { background: var(--footer-bg) !important; color: var(--footer-text) !important; }
footer p, footer a, footer span, footer li { color: color-mix(in srgb, var(--footer-text) 86%, transparent) !important; }
.btn-primary, button[type="submit"], .mobile-contact-cta, .public-plan-cta, .home-lead-form button, .detail-lead-form button, .vivaldi-footer-attention a, .main-header a[href="contacto.php#contactForm"], #mobileMenu a[href="contacto.php#contactForm"] {
background: var(--button-bg) !important;
background-image: none !important;
color: var(--button-text) !important;
-webkit-text-fill-color: var(--button-text) !important;
border-color: var(--button-bg) !important;
box-shadow: none !important;
}
.btn-secondary {
background: var(--button-secondary-bg) !important;
background-image: none !important;
color: var(--button-text) !important;
-webkit-text-fill-color: var(--button-text) !important;
border-color: var(--button-secondary-bg) !important;
}
.btn-ghost, .mobile-toggle, .media-tab-buttons button, .project-filter-option {
background: var(--surface) !important;
background-image: none !important;
color: var(--primary) !important;
-webkit-text-fill-color: var(--primary) !important;
border-color: var(--primary) !important;
}
.media-tab-buttons button.active, .project-filter-option.active {
background: var(--primary) !important;
color: var(--button-text) !important;
-webkit-text-fill-color: var(--button-text) !important;
border-color: var(--primary) !important;
}
.btn-primary i, .btn-secondary i, button[type="submit"] i, .mobile-contact-cta i, .public-plan-cta i, .home-lead-form button i, .detail-lead-form button i, .vivaldi-footer-attention a i, .main-header a[href="contacto.php#contactForm"] i, #mobileMenu a[href="contacto.php#contactForm"] i {
color: currentColor !important;
-webkit-text-fill-color: currentColor !important;
}
.btn-primary:hover, button[type="submit"]:hover, .mobile-contact-cta:hover, .public-plan-cta:hover, .home-lead-form button:hover, .detail-lead-form button:hover, .vivaldi-footer-attention a:hover, .main-header a[href="contacto.php#contactForm"]:hover, #mobileMenu a[href="contacto.php#contactForm"]:hover {
background: color-mix(in srgb, var(--button-bg) 82%, black) !important;
color: var(--button-text) !important;
-webkit-text-fill-color: var(--button-text) !important;
border-color: color-mix(in srgb, var(--button-bg) 82%, black) !important;
}
.btn-secondary:hover {
background: color-mix(in srgb, var(--button-secondary-bg) 84%, black) !important;
color: var(--button-text) !important;
-webkit-text-fill-color: var(--button-text) !important;
border-color: color-mix(in srgb, var(--button-secondary-bg) 84%, black) !important;
}
.btn-ghost:hover, .mobile-toggle:hover, .media-tab-buttons button:hover, .project-filter-option:hover {
background: color-mix(in srgb, var(--primary) 84%, black) !important;
color: var(--button-text) !important;
-webkit-text-fill-color: var(--button-text) !important;
border-color: color-mix(in srgb, var(--primary) 84%, black) !important;
}
body.site-white-page { background: var(--cream) !important; }
body.site-white-page > main { background: var(--cream) !important; }
body.site-white-page > section:not(.home-hero):not(.projects-public-hero):not(.contact-hero):not(.about-hero) {
background: var(--surface-alt) !important;
}
body.site-white-page .projects-lot-section,
body.site-white-page .client-proof-section,
body.site-white-page .projects-catalog {
background: var(--surface-alt) !important;
}
body.site-white-page .professional-card,
body.site-white-page .client-quote-box,
body.site-white-page .home-trust-panel {
background: var(--surface) !important;
border-color: var(--line) !important;
}
body.site-white-page .site-fixed-header,
body.site-white-page .main-header,
body.site-white-page .mobile-menu {
background: var(--header-bg) !important;
color: var(--header-text) !important;
}
body.site-white-page .home-hero-copy .btn-primary {
background: var(--button-bg) !important;
color: var(--button-text) !important;
-webkit-text-fill-color: var(--button-text) !important;
border-color: var(--button-bg) !important;
}
body.site-white-page .home-hero-copy .btn-ghost {
background: var(--surface) !important;
color: var(--primary) !important;
-webkit-text-fill-color: var(--primary) !important;
border-color: var(--primary) !important;
}
body.page-index .home-hero-copy .section-eyebrow {
color: #fff !important;
-webkit-text-fill-color: #fff !important;
}
body.page-index .home-hero-copy .section-eyebrow::before {
background: #fff !important;
}
body.page-index .home-hero-copy .home-hero-contact-button,
body.page-index .home-hero-copy .home-hero-contact-button i {
color: #fff !important;
-webkit-text-fill-color: #fff !important;
}
[class~="bg-[#001f3f]"], .projects-public-hero { background: var(--primary-deep) !important; }
.projects-public-hero > .absolute { background: linear-gradient(135deg, var(--primary-deep), var(--primary)) !important; }
body.page-index .home-lead-panel,
.detail-lead-card,
body.page-contacto .contact-form-card {
background: var(--primary-deep) !important;
background-image: none !important;
border-color: color-mix(in srgb, var(--primary) 30%, transparent) !important;
color: #fff !important;
}
body.page-index .home-lead-panel .public-field-control,
.detail-lead-card .public-field-control,
body.page-contacto .contact-form-card .public-field-control {
background: var(--input-bg) !important;
border-color: var(--line) !important;
}
body.page-index .home-lead-panel input,
body.page-index .home-lead-panel select,
.detail-lead-card input,
.detail-lead-card select,
.detail-lead-card textarea,
body.page-contacto .contact-form-card input,
body.page-contacto .contact-form-card select,
body.page-contacto .contact-form-card textarea {
background: var(--input-bg) !important;
color: var(--input-text) !important;
-webkit-text-fill-color: var(--input-text) !important;
}
body.page-index .home-lead-panel .public-field-icon,
.detail-lead-card .public-field-icon,
body.page-contacto .contact-form-card .public-field-icon,
body.page-contacto .contact-channel-list > * > span {
background: color-mix(in srgb, var(--primary) 12%, var(--input-bg)) !important;
color: var(--primary) !important;
-webkit-text-fill-color: var(--primary) !important;
}
body.page-index .home-lead-panel button[type="submit"],
.detail-lead-card button[type="submit"],
body.page-contacto .contact-form-card button[type="submit"] {
background: var(--button-bg) !important;
color: var(--button-text) !important;
-webkit-text-fill-color: var(--button-text) !important;
border-color: var(--button-bg) !important;
}
body.page-index .home-lead-panel button[type="submit"] i,
.detail-lead-card button[type="submit"] i,
body.page-contacto .contact-form-card button[type="submit"] i {
color: var(--button-text) !important;
-webkit-text-fill-color: var(--button-text) !important;
}
body.page-index .home-lead-panel h2,
body.page-index .home-lead-panel h3,
body.page-index .home-lead-panel > p,
body.page-index .home-lead-panel label,
body.page-index .home-lead-panel .section-eyebrow,
body.page-index .home-lead-panel .home-lead-consent,
.detail-lead-card h2,
.detail-lead-card h3,
.detail-lead-card > p,
.detail-lead-card label,
.detail-lead-card .section-eyebrow,
.detail-lead-card .detail-consent,
body.page-contacto .contact-form-card h2,
body.page-contacto .contact-form-card h3,
body.page-contacto .contact-form-card > p,
body.page-contacto .contact-form-card label,
body.page-contacto .contact-form-card label > span,
body.page-contacto .contact-form-card .section-eyebrow {
color: #fff !important;
-webkit-text-fill-color: #fff !important;
}
body.page-index .home-lead-consent a,
body.page-index .home-lead-consent .detail-consent-link,
.detail-lead-form .detail-consent-link,
body.page-contacto .contact-form-card .contact-consent-link {
color: #fff !important;
-webkit-text-fill-color: #fff !important;
}
body.page-index .home-lead-consent input { accent-color: var(--primary) !important; }
body.page-index .home-lead-steps span { background: var(--primary) !important; color: #fff !important; }
body.page-proyectos .public-project-card,
body.page-proyectos .public-project-body,
.lot-project-card {
background: var(--primary) !important;
background-image: none !important;
}
body.site-white-page .lot-project-type,
body.site-white-page .lot-project-price,
body.site-white-page .public-project-badge,
body.site-white-page .public-project-price {
background: var(--surface) !important;
color: var(--primary) !important;
-webkit-text-fill-color: var(--primary) !important;
border-color: var(--primary) !important;
}
body.site-white-page.page-index .lot-project-price,
body.site-white-page.page-index .lot-project-price strong {
background: var(--surface) !important;
color: var(--primary) !important;
-webkit-text-fill-color: var(--primary) !important;
border-color: var(--primary) !important;
}
body.page-proyectos .project-filter-icon {
background: color-mix(in srgb, var(--primary) 12%, var(--surface)) !important;
color: var(--primary) !important;
}
body.page-proyectos .project-filter-option.active {
border-color: var(--primary) !important;
background: var(--surface) !important;
color: var(--heading) !important;
}
body.page-proyectos .project-filter-option.active .project-filter-icon {
background: var(--primary) !important;
color: var(--button-text) !important;
}
body.page-index .lot-project-viewers i,
#mobileMenu .mobile-menu-links a:hover {
color: var(--primary) !important;
}
/* Coherencia visual final: un color dominante y contraste legible. */
.desktop-nav a:hover,
.desktop-nav [class~="text-[#ff6200]"],
.mobile-menu a:hover,
.mobile-menu [class~="text-[#ff6200]"] {
color: var(--primary) !important;
}
.desktop-nav > a::after,
.desktop-nav .group > a::after {
background: var(--primary) !important;
}
.main-header .btn-primary,
.main-header .btn-primary i,
.main-header .mobile-contact-cta,
.main-header .mobile-contact-cta i {
color: #fff !important;
-webkit-text-fill-color: #fff !important;
}
.about-focus-list i,
.about-stats i,
.about-value-icon,
.about-contact-meta i {
color: var(--primary) !important;
-webkit-text-fill-color: var(--primary) !important;
}
body.page-proyectos .project-feature-list li:nth-child(n) .project-feature-icon {
background: rgba(255,255,255,.14) !important;
border-color: rgba(255,255,255,.22) !important;
color: #fff !important;
-webkit-text-fill-color: #fff !important;
}
body.page-proyectos .project-feature-list li:nth-child(n) .project-feature-icon i,
.lot-project-features i,
.lot-project-zone i {
color: #fff !important;
-webkit-text-fill-color: #fff !important;
}
body.site-white-page .lot-project-price,
body.site-white-page .lot-project-price strong,
body.site-white-page .public-project-price,
body.site-white-page .public-project-price b {
background: #fff !important;
color: var(--primary) !important;
-webkit-text-fill-color: var(--primary) !important;
border-color: #fff !important;
}
.detail-lp-hero,
.detail-lp-info {
background: var(--primary) !important;
background-image: none !important;
}
.detail-breadcrumb,
.detail-breadcrumb i,
.detail-breadcrumb span,
.detail-lp-copy > span,
.detail-lp-copy h1,
.detail-lp-copy p,
.detail-lp-copy p i,
.detail-lp-copy p span,
.detail-lp-copy p strong {
color: #fff !important;
-webkit-text-fill-color: #fff !important;
opacity: 1 !important;
}
.detail-lp-copy .detail-project-viewers,
.detail-lp-copy .detail-project-viewers i,
.detail-lp-copy .detail-project-viewers span,
.detail-lp-copy .detail-project-viewers strong {
color: #fff !important;
-webkit-text-fill-color: #fff !important;
}
.detail-price-card {
background: var(--primary-deep) !important;
}
.detail-price-card,
.detail-price-card small,
.detail-price-card strong,
.detail-price-card span {
color: #fff !important;
-webkit-text-fill-color: #fff !important;
}
body.page-contacto .professional-card:has(#contactForm) {
border-top-color: var(--primary) !important;
}
body.page-contacto .contact-map-card .btn-ghost,
body.page-contacto .contact-channel-list a {
color: var(--primary) !important;
-webkit-text-fill-color: var(--primary) !important;
border-color: var(--primary) !important;
}
body.page-contacto .contact-map-card .btn-ghost i,
body.page-contacto .contact-channel-list a i,
.btn-ghost i,
.mobile-toggle i,
.media-tab-buttons button i,
.project-filter-option i {
color: currentColor !important;
-webkit-text-fill-color: currentColor !important;
}
/* Estados interactivos y iconos: contraste uniforme sin colores decorativos. */
.btn-ghost:hover,
.btn-secondary:hover {
background: var(--primary) !important;
border-color: var(--primary) !important;
color: #fff !important;
-webkit-text-fill-color: #fff !important;
}
.btn-ghost:hover i,
.btn-secondary:hover i {
color: #fff !important;
-webkit-text-fill-color: #fff !important;
}
.project-nav-view-all {
background: #fff !important;
border: 1px solid var(--line) !important;
color: var(--primary) !important;
-webkit-text-fill-color: var(--primary) !important;
}
.project-nav-view-all:hover {
background: var(--primary) !important;
border-color: var(--primary) !important;
color: #fff !important;
-webkit-text-fill-color: #fff !important;
}
body.page-contacto .contact-hero-quick > * > span,
body.page-contacto .contact-channel-list > * > span {
background: color-mix(in srgb, var(--primary) 9%, white) !important;
color: var(--primary) !important;
-webkit-text-fill-color: var(--primary) !important;
}
body.page-contacto .contact-hero-quick > * > span i,
body.page-contacto .contact-channel-list > * > span i,
body.page-contacto .contact-hero-quick > a > i {
color: var(--primary) !important;
-webkit-text-fill-color: var(--primary) !important;
}
body.page-contacto .contact-hero-quick > a:hover,
body.page-contacto .contact-channel-list > a:hover {
background: color-mix(in srgb, var(--primary) 6%, white) !important;
color: var(--primary) !important;
-webkit-text-fill-color: var(--primary) !important;
}
body.page-contacto .contact-hero-quick > a:hover strong,
body.page-contacto .contact-channel-list > a:hover strong,
body.page-contacto .contact-hero-quick > a:hover small,
body.page-contacto .contact-channel-list > a:hover small {
color: var(--primary) !important;
-webkit-text-fill-color: var(--primary) !important;
}
body.page-contacto .contact-map-card .btn-ghost:hover {
background: var(--primary) !important;
color: #fff !important;
-webkit-text-fill-color: #fff !important;
}
body.page-contacto .contact-map-card .btn-ghost:hover i {
color: #fff !important;
-webkit-text-fill-color: #fff !important;
}
body.page-proyectos .project-filter-icon,
body.page-proyectos .project-filter-option.active .project-filter-icon {
background: color-mix(in srgb, var(--primary) 9%, white) !important;
color: var(--primary) !important;
-webkit-text-fill-color: var(--primary) !important;
}
body.page-proyectos .project-filter-option:hover,
body.page-proyectos .project-filter-option.active {
background: var(--primary) !important;
border-color: var(--primary) !important;
color: #fff !important;
-webkit-text-fill-color: #fff !important;
}
body.page-proyectos .project-filter-option:hover .project-filter-icon,
body.page-proyectos .project-filter-option.active .project-filter-icon {
background: #fff !important;
color: var(--primary) !important;
-webkit-text-fill-color: var(--primary) !important;
}
.home-slider-controls .swiper-pagination-bullet {
background: #9aa9b7 !important;
}
.home-slider-controls .swiper-pagination-bullet-active,
.hero-swiper .swiper-pagination-bullet-active {
background: var(--primary) !important;
}
/* Contacto sin tarjetas exteriores: contenido integrado al fondo de pagina. */
body.page-contacto .contact-map-card,
body.page-contacto .contact-channel-card {
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
}
body.page-contacto .contact-map-card {
padding: 0 !important;
overflow: visible !important;
}
body.page-contacto .contact-map-card .map-frame {
overflow: hidden !important;
border: 1px solid var(--line) !important;
border-radius: 8px !important;
}
body.page-contacto .contact-map-card .contact-map-copy {
padding: 18px 0 0 !important;
}
body.page-contacto .contact-map-card .contact-map-actions {
padding: 0 !important;
}
body.page-contacto .contact-channel-card {
padding: 0 !important;
}
/* Tarjetas de lotes inspiradas en la referencia: foto, cuerpo azul y acento superior. */
body.page-index .lot-project-card,
body.page-proyectos .public-project-card {
position: relative !important;
display: flex !important;
flex-direction: column !important;
margin-top: 28px !important;
overflow: visible !important;
border: 0 !important;
border-radius: 10px !important;
background: var(--primary) !important;
box-shadow: 0 14px 30px color-mix(in srgb, var(--primary) 20%, transparent) !important;
}
body.page-index .lot-project-card:hover,
body.page-proyectos .public-project-card:hover {
transform: translateY(-4px) !important;
box-shadow: 0 20px 38px color-mix(in srgb, var(--primary) 26%, transparent) !important;
}
body.page-index .lot-project-media,
body.page-proyectos .public-project-media {
position: relative !important;
height: 178px !important;
overflow: visible !important;
border-radius: 10px 10px 0 0 !important;
background: #dce7ef !important;
}
body.page-index .lot-project-media img,
body.page-proyectos .public-project-media img {
width: 100% !important;
height: 100% !important;
display: block !important;
object-fit: cover !important;
border-radius: 10px 10px 0 0 !important;
}
body.page-index .lot-project-type,
body.page-proyectos .public-project-badge {
position: absolute !important;
top: -28px !important;
right: 0 !important;
z-index: 2 !important;
min-width: 78px !important;
height: 29px !important;
display: grid !important;
place-items: center !important;
padding: 0 15px !important;
border: 0 !important;
border-radius: 10px 10px 0 0 !important;
background: var(--brand-tertiary) !important;
color: var(--primary-deep) !important;
-webkit-text-fill-color: var(--primary-deep) !important;
font-size: .72rem !important;
font-weight: 800 !important;
}
body.page-index .lot-project-body,
body.page-proyectos .public-project-body {
flex: 1 1 auto !important;
display: flex !important;
flex-direction: column !important;
min-height: 205px !important;
padding: 15px 14px 16px !important;
border-radius: 0 0 10px 10px !important;
background: var(--primary) !important;
color: #fff !important;
}
body.page-index .lot-project-body h3,
body.page-proyectos .public-project-body h3 {
margin: 0 0 7px !important;
color: #fff !important;
-webkit-text-fill-color: #fff !important;
font-size: 1.05rem !important;
font-weight: 800 !important;
line-height: 1.15 !important;
}
body.page-index .lot-project-zone,
body.page-proyectos .public-project-body > strong {
margin: 0 0 10px !important;
color: #fff !important;
-webkit-text-fill-color: #fff !important;
font-size: .72rem !important;
font-weight: 700 !important;
line-height: 1.3 !important;
}
body.page-index .lot-project-features,
body.page-proyectos .project-feature-list {
display: grid !important;
gap: 5px !important;
margin: 0 0 14px !important;
color: #fff !important;
font-size: .7rem !important;
line-height: 1.25 !important;
}
body.page-index .lot-project-features li,
body.page-proyectos .project-feature-list li {
display: flex !important;
grid-template-columns: none !important;
align-items: flex-start !important;
gap: 7px !important;
min-height: 0 !important;
color: #fff !important;
}
body.page-index .lot-project-features i,
body.page-index .lot-project-zone i,
body.page-proyectos .project-feature-icon,
body.page-proyectos .project-feature-list li:nth-child(n) .project-feature-icon {
width: 14px !important;
min-width: 14px !important;
height: auto !important;
display: inline-block !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
color: #fff !important;
-webkit-text-fill-color: #fff !important;
font-size: .72rem !important;
line-height: 1.25 !important;
}
body.page-proyectos .project-feature-icon i {
color: #fff !important;
-webkit-text-fill-color: #fff !important;
font-size: .72rem !important;
}
body.site-white-page.page-index .lot-project-price,
body.site-white-page.page-index .lot-project-price strong,
body.site-white-page.page-proyectos .public-project-price,
body.site-white-page.page-proyectos .public-project-price b {
color: var(--primary-deep) !important;
-webkit-text-fill-color: var(--primary-deep) !important;
}
body.site-white-page.page-index .lot-project-price,
body.site-white-page.page-proyectos .public-project-price {
align-self: flex-end !important;
width: max-content !important;
max-width: 100% !important;
min-width: 0 !important;
margin: auto 0 0 auto !important;
padding: 9px 14px !important;
border: 0 !important;
border-radius: 999px !important;
background: var(--brand-tertiary) !important;
font-size: .68rem !important;
font-weight: 600 !important;
line-height: 1.1 !important;
text-align: center !important;
}
body.site-white-page.page-index .lot-project-price strong,
body.site-white-page.page-proyectos .public-project-price b {
background: transparent !important;
font-weight: 800 !important;
}
@media (max-width: 767px) {
body.page-index .lot-project-media,
body.page-proyectos .public-project-media { height: 190px !important; }
body.page-index .lot-project-body,
body.page-proyectos .public-project-body { min-height: 200px !important; }
}
/* Fondo blanco puro para toda la pagina de contacto. */
html:has(body.page-contacto),
body.page-contacto {
background: #fff !important;
background-color: #fff !important;
background-image: none !important;
}
body.page-contacto .contact-main {
background: #fff !important;
background-color: #fff !important;
background-image: none !important;
box-shadow: 0 0 0 100vmax #fff !important;
clip-path: inset(0 -100vmax) !important;
}
/* Ajuste fiel de tarjetas: proporcion compacta, amarillo y slider separado. */
body.page-index .projects-lot-section,
body.page-index #proyectos-destacados,
body.page-proyectos .projects-catalog {
background: #fff !important;
background-image: none !important;
}
body.page-index .home-projects-swiper .lot-project-card,
body.page-proyectos .public-project-card {
width: 100% !important;
max-width: 260px !important;
height: auto !important;
margin: 28px auto 0 !important;
}
body.page-index .lot-project-media,
body.page-proyectos .public-project-media {
height: 142px !important;
}
body.page-index .lot-project-type,
body.page-proyectos .public-project-badge {
min-width: 72px !important;
background: #fdb913 !important;
color: #102a43 !important;
-webkit-text-fill-color: #102a43 !important;
clip-path: polygon(13px 0, 100% 0, 100% 100%, 0 100%) !important;
padding-left: 20px !important;
}
body.page-index .lot-project-body {
min-height: 174px !important;
padding: 13px 12px 14px !important;
}
body.page-proyectos .public-project-body {
min-height: 195px !important;
padding: 13px 12px 14px !important;
}
body.site-white-page.page-index .lot-project-price,
body.site-white-page.page-proyectos .public-project-price {
background: #fdb913 !important;
color: #102a43 !important;
-webkit-text-fill-color: #102a43 !important;
padding: 8px 13px !important;
}
body.site-white-page.page-index .lot-project-price strong,
body.site-white-page.page-proyectos .public-project-price b {
color: #102a43 !important;
-webkit-text-fill-color: #102a43 !important;
}
body.page-index .home-projects-swiper {
padding-bottom: 8px !important;
}
body.page-index .home-slider-controls {
margin-top: 30px !important;
}
@media (max-width: 767px) {
body.page-index .home-projects-swiper .lot-project-card,
body.page-proyectos .public-project-card {
max-width: 255px !important;
}
body.page-index .home-slider-controls {
margin-top: 26px !important;
}
}
/* Restaurar el tamano original; conservar solo el lenguaje visual de referencia. */
body.page-index .home-projects-swiper .lot-project-card,
body.page-proyectos .public-project-card {
width: 100% !important;
max-width: none !important;
height: 100% !important;
margin: 28px 0 0 !important;
}
body.page-index .lot-project-media,
body.page-proyectos .public-project-media {
height: 178px !important;
}
body.page-index .lot-project-body,
body.page-proyectos .public-project-body {
min-height: 205px !important;
padding: 15px 14px 16px !important;
}
@media (max-width: 767px) {
body.page-index .home-projects-swiper .lot-project-card,
body.page-proyectos .public-project-card {
width: 100% !important;
max-width: none !important;
}
body.page-index .lot-project-media,
body.page-proyectos .public-project-media {
height: 190px !important;
}
body.page-index .lot-project-body,
body.page-proyectos .public-project-body {
min-height: 200px !important;
}
}
/* Composicion definitiva de tarjeta: mitad imagen, mitad informacion. */
body.page-index .lot-project-card,
body.page-proyectos .public-project-card {
overflow: visible !important;
border-radius: 12px !important;
}
body.page-index .lot-project-media,
body.page-proyectos .public-project-media {
height: 205px !important;
border-radius: 12px 12px 0 0 !important;
}
body.page-index .lot-project-media img,
body.page-proyectos .public-project-media img {
border-radius: 12px 12px 0 0 !important;
}
body.page-index .lot-project-type,
body.page-proyectos .public-project-badge {
top: -31px !important;
right: 0 !important;
min-width: 88px !important;
height: 32px !important;
padding: 0 15px 0 23px !important;
border-radius: 18px 10px 0 0 !important;
clip-path: polygon(15px 0, 100% 0, 100% 100%, 0 100%) !important;
background: #fdb913 !important;
color: var(--primary-deep) !important;
-webkit-text-fill-color: var(--primary-deep) !important;
font-size: .76rem !important;
font-weight: 800 !important;
}
body.page-index .lot-project-body,
body.page-proyectos .public-project-body {
min-height: 200px !important;
padding: 16px 16px 16px !important;
border-radius: 0 0 12px 12px !important;
}
body.page-index .lot-project-body h3,
body.page-proyectos .public-project-body h3 {
margin-bottom: 8px !important;
font-size: 1.12rem !important;
line-height: 1.12 !important;
}
body.page-index .lot-project-zone,
body.page-proyectos .public-project-body > strong {
margin-bottom: 11px !important;
font-size: .75rem !important;
line-height: 1.25 !important;
}
body.page-index .lot-project-zone i {
display: none !important;
}
body.page-index .lot-project-features,
body.page-proyectos .project-feature-list {
gap: 4px !important;
margin-bottom: 15px !important;
font-size: .72rem !important;
}
body.page-proyectos .project-feature-list li:nth-child(n+4) {
display: none !important;
}
body.page-index .lot-project-features i,
body.page-proyectos .project-feature-icon,
body.page-proyectos .project-feature-icon i {
width: 15px !important;
min-width: 15px !important;
font-size: .76rem !important;
}
body.site-white-page.page-index .lot-project-price,
body.site-white-page.page-proyectos .public-project-price {
min-height: 38px !important;
padding: 10px 17px !important;
border-radius: 999px !important;
background: #fdb913 !important;
font-size: .72rem !important;
white-space: nowrap !important;
}
@media (max-width: 767px) {
body.page-index .lot-project-media,
body.page-proyectos .public-project-media {
height: 205px !important;
}
body.page-index .lot-project-body,
body.page-proyectos .public-project-body {
min-height: 200px !important;
}
}
/* Acentos de tarjetas vinculados al color principal de la pagina. */
body.page-index .lot-project-type,
body.page-proyectos .public-project-badge {
background: var(--primary) !important;
color: #fff !important;
-webkit-text-fill-color: #fff !important;
}
body.site-white-page.page-index .lot-project-price,
body.site-white-page.page-proyectos .public-project-price {
background: #fff !important;
color: var(--primary) !important;
-webkit-text-fill-color: var(--primary) !important;
box-shadow: 0 3px 10px rgba(0, 0, 0, .10) !important;
}
body.site-white-page.page-index .lot-project-price strong,
body.site-white-page.page-proyectos .public-project-price b {
color: var(--primary) !important;
-webkit-text-fill-color: var(--primary) !important;
}
body.page-contacto .contact-hero {
border-bottom: 0 !important;
}
/* Iconos de formularios neutrales: sin verde ni colores decorativos. */
body.page-index .home-lead-form .public-field-icon,
.detail-lead-card .detail-lead-form .public-field-icon,
body.page-contacto .contact-form-card .public-field-icon {
background: #f3f5f7 !important;
border-right-color: #d8e0e7 !important;
color: #52606d !important;
-webkit-text-fill-color: #52606d !important;
}
body.page-index .home-lead-form .public-field-icon::before,
body.page-index .home-lead-form .public-field-icon i,
.detail-lead-card .detail-lead-form .public-field-icon::before,
.detail-lead-card .detail-lead-form .public-field-icon i,
body.page-contacto .contact-form-card .public-field-icon::before,
body.page-contacto .contact-form-card .public-field-icon i {
color: #52606d !important;
-webkit-text-fill-color: #52606d !important;
}
body.page-index .home-lead-form .index-cellphone-icon svg,
.detail-lead-card .detail-lead-form .index-cellphone-icon svg,
body.page-contacto .contact-form-card .index-cellphone-icon svg {
stroke: #52606d !important;
}
/* Clientes sobre fondo blanco puro. */
body.page-index #familias,
body.page-index .client-proof-section {
background: #fff !important;
background-color: #fff !important;
background-image: none !important;
}
/* Separacion suficiente entre tarjetas del catalogo y sus pestanas. */
body.page-proyectos .public-project-grid {
column-gap: 28px !important;
row-gap: 64px !important;
}
@media (max-width: 767px) {
body.page-proyectos .public-project-grid {
row-gap: 58px !important;
}
}
/* Tarjetas del catalogo sin invasion entre filas. */
body.page-proyectos .public-project-grid {
align-items: start !important;
}
body.page-proyectos .public-project-card {
height: auto !important;
align-self: start !important;
box-sizing: border-box !important;
}
body.page-proyectos .public-project-media,
body.page-proyectos .public-project-body {
width: 100% !important;
box-sizing: border-box !important;
}
/* Esquina derecha recta bajo la pestana LOTES en todas las tarjetas. */
body.page-index .lot-project-card,
body.page-proyectos .public-project-card {
border-radius: 12px 0 12px 12px !important;
}
body.page-index .lot-project-media,
body.page-index .lot-project-media img,
body.page-proyectos .public-project-media,
body.page-proyectos .public-project-media img {
border-radius: 12px 0 0 0 !important;
}
/* Cabecera fotografica de Proyectos administrada desde Configuracion. */
:is(body.page-proyectos, body.page-propiedades) .projects-photo-hero {
position: relative !important;
min-height: 380px !important;
display: block !important;
padding: 0 !important;
background: var(--primary-deep) !important;
color: #fff !important;
}
:is(body.page-proyectos, body.page-propiedades) .projects-photo-hero .projects-hero-image {
position: absolute !important;
inset: 0 !important;
z-index: 0 !important;
width: 100% !important;
height: 100% !important;
display: block !important;
object-fit: cover !important;
object-position: center !important;
}
:is(body.page-proyectos, body.page-propiedades) .projects-photo-hero .projects-hero-overlay {
position: absolute !important;
inset: 0 !important;
z-index: 1 !important;
display: block !important;
background: linear-gradient(90deg, rgba(3,54,98,.92) 0%, rgba(7,80,146,.72) 43%, rgba(3,54,98,.12) 78%, rgba(3,54,98,.04) 100%) !important;
}
:is(body.page-proyectos, body.page-propiedades) .projects-photo-hero .projects-hero-content {
min-height: 380px !important;
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
align-items: flex-start !important;
padding-top: 42px !important;
padding-bottom: 42px !important;
text-align: left !important;
}
:is(body.page-proyectos, body.page-propiedades) .projects-photo-hero .section-eyebrow {
justify-content: flex-start !important;
margin: 0 0 18px !important;
color: #fff !important;
-webkit-text-fill-color: #fff !important;
font-size: .72rem !important;
}
:is(body.page-proyectos, body.page-propiedades) .projects-photo-hero .section-eyebrow::before {
background: #fff !important;
}
:is(body.page-proyectos, body.page-propiedades) .projects-photo-hero h1 {
max-width: 13ch !important;
margin: 0 !important;
color: #fff !important;
-webkit-text-fill-color: #fff !important;
font-size: clamp(2.8rem, 5vw, 4.3rem) !important;
font-weight: 800 !important;
line-height: .98 !important;
text-align: left !important;
text-shadow: 0 2px 16px rgba(0,0,0,.20) !important;
}
:is(body.page-proyectos, body.page-propiedades) .projects-photo-hero p {
max-width: 610px !important;
margin: 20px 0 0 !important;
color: #fff !important;
-webkit-text-fill-color: #fff !important;
font-size: 1rem !important;
font-weight: 500 !important;
line-height: 1.55 !important;
text-align: left !important;
}
@media (max-width: 767px) {
:is(body.page-proyectos, body.page-propiedades) .projects-photo-hero,
:is(body.page-proyectos, body.page-propiedades) .projects-photo-hero .projects-hero-content {
min-height: 360px !important;
}
:is(body.page-proyectos, body.page-propiedades) .projects-photo-hero .projects-hero-overlay {
background: linear-gradient(90deg, rgba(3,54,98,.90), rgba(3,54,98,.48)) !important;
}
:is(body.page-proyectos, body.page-propiedades) .projects-photo-hero .projects-hero-content {
align-items: flex-start !important;
padding-top: 34px !important;
padding-bottom: 34px !important;
text-align: left !important;
}
:is(body.page-proyectos, body.page-propiedades) .projects-photo-hero h1 {
max-width: 12ch !important;
margin-inline: 0 !important;
font-size: 2.55rem !important;
text-align: left !important;
}
:is(body.page-proyectos, body.page-propiedades) .projects-photo-hero p {
max-width: 34ch !important;
margin-inline: 0 !important;
font-size: .9rem !important;
text-align: left !important;
}
}
/* El título de Propiedades ocupa el ancho disponible sin alargar la cabecera. */
body.page-propiedades .properties-catalog-header .projects-hero-content h1 {
max-width: 760px !important;
}
@media (max-width: 767px) {
body.page-propiedades .properties-catalog-header .projects-hero-content h1 {
max-width: 100% !important;
font-size: 2rem !important;
line-height: 1.08 !important;
}
}
/* Catalogo de Proyectos en blanco puro, con prioridad sobre el color de secciones. */
html:has(body.page-proyectos),
html body.site-white-page.page-proyectos,
html body.site-white-page.page-proyectos > section.projects-catalog,
html body.site-white-page.page-proyectos .projects-catalog {
background: #fff !important;
background-color: #fff !important;
background-image: none !important;
}
html body.site-white-page.page-proyectos .projects-catalog {
box-shadow: 0 0 0 100vmax #fff !important;
clip-path: inset(0 -100vmax) !important;
}
html body.site-white-page.page-proyectos .projects-catalog::before,
html body.site-white-page.page-proyectos .projects-catalog::after {
display: none !important;
content: none !important;
}
@media (max-width: 767px) {
.vivaldi-footer .vivaldi-footer-attention {
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
padding: 8px 0 !important;
}
}
/* Menu movil vinculado completamente a la paleta activa. */
@media (max-width: 1023px) {
#mobileMenu,
#mobileMenu .mobile-menu-inner,
#mobileMenu .mobile-projects-dropdown {
background: var(--header-bg) !important;
color: var(--header-text) !important;
}
#mobileMenu .mobile-menu-search {
border-color: color-mix(in srgb, var(--primary) 14%, white) !important;
color: var(--primary) !important;
}
#mobileMenu .mobile-menu-search i,
#mobileMenu .mobile-menu-close,
#mobileMenu .mobile-projects-dropdown summary,
#mobileMenu .mobile-projects-dropdown summary i,
#mobileMenu .mobile-menu-links a {
color: var(--primary) !important;
-webkit-text-fill-color: var(--primary) !important;
}
#mobileMenu .mobile-menu-search input {
background: var(--header-bg) !important;
color: var(--header-text) !important;
-webkit-text-fill-color: var(--header-text) !important;
}
#mobileMenu .mobile-menu-links a,
#mobileMenu .mobile-projects-dropdown summary {
border-bottom-color: color-mix(in srgb, var(--primary) 12%, white) !important;
}
#mobileMenu .mobile-menu-links a:hover,
#mobileMenu .mobile-projects-dropdown summary:hover {
background: color-mix(in srgb, var(--primary) 8%, white) !important;
color: var(--primary) !important;
-webkit-text-fill-color: var(--primary) !important;
}
#mobileMenu .mobile-projects-list {
background: color-mix(in srgb, var(--primary) 4%, white) !important;
}
body.page-index #mobileMenu .mobile-menu-links > a[href="./"],
body.page-nosotros #mobileMenu .mobile-menu-links > a[href="nosotros.php"],
body.page-contacto #mobileMenu .mobile-menu-links > a[href="contacto.php"],
body.page-propiedades #mobileMenu .mobile-menu-links > a[href="propiedades.php"],
body.page-detalle-propiedad #mobileMenu .mobile-menu-links > a[href="propiedades.php"],
body.page-proyectos #mobileMenu .mobile-projects-dropdown > summary {
background: color-mix(in srgb, var(--primary) 9%, white) !important;
color: var(--primary) !important;
-webkit-text-fill-color: var(--primary) !important;
box-shadow: inset 3px 0 0 var(--primary) !important;
}
.main-header .mobile-toggle {
border-color: var(--primary) !important;
background: #fff !important;
color: var(--primary) !important;
-webkit-text-fill-color: var(--primary) !important;
}
.main-header .mobile-toggle i {
color: var(--primary) !important;
-webkit-text-fill-color: var(--primary) !important;
}
#mobileMenuState:checked ~ .main-header .mobile-toggle {
background: var(--primary) !important;
color: #fff !important;
-webkit-text-fill-color: #fff !important;
}
#mobileMenuState:checked ~ .main-header .mobile-toggle i {
color: #fff !important;
-webkit-text-fill-color: #fff !important;
}
}
/* Ubicacion encima del mapa en celulares. */
@media (max-width: 767px) {
body.page-contacto .contact-map-card {
display: flex !important;
flex-direction: column !important;
gap: 12px !important;
}
body.page-contacto .contact-map-card .contact-map-copy {
order: 1 !important;
padding: 0 !important;
}
body.page-contacto .contact-map-card .contact-map-copy h3 {
margin-top: 8px !important;
}
body.page-contacto .contact-map-card .contact-map-copy p {
margin-top: 10px !important;
}
body.page-contacto .contact-map-card .map-frame {
order: 2 !important;
margin-top: 0 !important;
}
body.page-contacto .contact-map-card .contact-map-actions {
order: 3 !important;
margin-top: 0 !important;
}
}
/* Canales de atencion alineados en celulares. */
@media (max-width: 767px) {
body.page-contacto .contact-channel-card {
text-align: left !important;
}
body.page-contacto .contact-channel-card > .section-eyebrow {
justify-content: flex-start !important;
width: 100% !important;
}
body.page-contacto .contact-channel-card > h3 {
text-align: left !important;
}
body.page-contacto .contact-channel-list > a,
body.page-contacto .contact-channel-list > div {
display: grid !important;
grid-template-columns: 32px minmax(0, 1fr) !important;
align-items: center !important;
justify-content: stretch !important;
gap: 12px !important;
text-align: left !important;
width: 100% !important;
}
body.page-contacto .contact-channel-list > * > span {
justify-self: start !important;
}
body.page-contacto .contact-channel-list > * > div {
min-width: 0 !important;
text-align: left !important;
}
}
body.page-index .lot-project-type,
body.page-proyectos .public-project-badge {
min-width: 112px !important;
}
/* Botones Solicitar informacion: naranja suave y hover blanco/azul. */
body.page-index .home-hero-copy .home-hero-contact-button,
body.page-index .home-lead-panel .home-lead-form > button[type="submit"],
.detail-lead-card .detail-lead-form > button[type="submit"],
body.page-contacto .contact-form-card #contactForm > button[type="submit"] {
background: #f59a3d !important;
background-image: none !important;
border-color: #f59a3d !important;
color: #fff !important;
-webkit-text-fill-color: #fff !important;
}
body.page-index .home-hero-copy .home-hero-contact-button i,
body.page-index .home-lead-panel .home-lead-form > button[type="submit"] i,
.detail-lead-card .detail-lead-form > button[type="submit"] i,
body.page-contacto .contact-form-card #contactForm > button[type="submit"] i {
color: #fff !important;
-webkit-text-fill-color: #fff !important;
}
body.page-index .home-hero-copy .home-hero-contact-button:hover,
body.page-index .home-lead-panel .home-lead-form > button[type="submit"]:hover,
.detail-lead-card .detail-lead-form > button[type="submit"]:hover,
body.page-contacto .contact-form-card #contactForm > button[type="submit"]:hover {
background: #fff !important;
background-image: none !important;
border-color: #fff !important;
color: #005baa !important;
-webkit-text-fill-color: #005baa !important;
}
body.page-index .home-hero-copy .home-hero-contact-button:hover i,
body.page-index .home-lead-panel .home-lead-form > button[type="submit"]:hover i,
.detail-lead-card .detail-lead-form > button[type="submit"]:hover i,
body.page-contacto .contact-form-card #contactForm > button[type="submit"]:hover i {
color: #005baa !important;
-webkit-text-fill-color: #005baa !important;
}
/* Figura de precio solo en detalle de proyecto. */
body.page-detalle-proyecto .detail-lp-hero {
background: #06446d !important;
--detail-price-bg: #005baa;
}
body.page-detalle-proyecto .detail-lp-info {
background: #06446d !important;
background-image: none !important;
}
body.page-index .home-lead-panel,
body.page-detalle-proyecto .detail-lead-card,
body.page-contacto .contact-form-card {
background: var(--primary, #0b72b9) !important;
background-image: none !important;
border-color: color-mix(in srgb, var(--primary, #0b72b9) 78%, white) !important;
}
body.page-index .home-lead-panel h2,
body.page-index .home-lead-panel h3,
body.page-index .home-lead-panel label,
body.page-index .home-lead-panel .home-lead-consent,
body.page-detalle-proyecto .detail-lead-card h2,
body.page-detalle-proyecto .detail-lead-card label,
body.page-contacto .contact-form-card h2,
body.page-contacto .contact-form-card h3,
body.page-contacto .contact-form-card label,
body.page-contacto .contact-form-card label > span,
body.page-contacto .contact-form-card .section-eyebrow {
color: #fff !important;
-webkit-text-fill-color: #fff !important;
}
body.page-detalle-proyecto .detail-breadcrumb,
body.page-detalle-proyecto .detail-breadcrumb i,
body.page-detalle-proyecto .detail-breadcrumb span,
body.page-detalle-proyecto .detail-lp-copy > span,
body.page-detalle-proyecto .detail-lp-copy h1,
body.page-detalle-proyecto .detail-lp-copy p,
body.page-detalle-proyecto .detail-lp-copy p i,
body.page-detalle-proyecto .detail-project-viewers,
body.page-detalle-proyecto .detail-project-viewers span,
body.page-detalle-proyecto .detail-project-viewers strong {
color: #fff !important;
-webkit-text-fill-color: #fff !important;
}
body.page-detalle-proyecto .detail-price-card {
position: relative !important;
display: grid !important;
grid-template-columns: auto auto !important;
grid-template-areas: "label price" !important;
align-items: center !important;
column-gap: 12px !important;
width: max-content !important;
min-width: 196px !important;
padding: 16px 22px 16px 28px !important;
border: 0 !important;
border-radius: 10px !important;
background: var(--detail-price-bg, var(--primary, #0b72b9)) !important;
color: #fff !important;
box-shadow: none !important;
}
body.page-detalle-proyecto .detail-price-card::before {
content: "" !important;
position: absolute !important;
left: -17px !important;
top: 50% !important;
width: 0 !important;
height: 0 !important;
border-top: 17px solid transparent !important;
border-bottom: 17px solid transparent !important;
border-right: 17px solid var(--detail-price-bg, var(--primary, #0b72b9)) !important;
transform: translateY(-50%) !important;
}
body.page-detalle-proyecto .detail-price-card small {
grid-area: label !important;
max-width: 72px !important;
font-size: 1rem !important;
font-weight: 900 !important;
line-height: 1.05 !important;
}
body.page-detalle-proyecto .detail-price-card strong {
grid-area: price !important;
font-size: 3rem !important;
font-weight: 950 !important;
line-height: .84 !important;
}
body.page-detalle-proyecto .detail-price-card,
body.page-detalle-proyecto .detail-price-card small,
body.page-detalle-proyecto .detail-price-card strong {
color: #fff !important;
-webkit-text-fill-color: #fff !important;
}
@media (max-width: 767px) {
body.page-detalle-proyecto .detail-price-card {
min-width: 174px !important;
column-gap: 10px !important;
padding: 13px 18px 13px 25px !important;
}
body.page-detalle-proyecto .detail-price-card::before {
left: -14px !important;
border-top-width: 14px !important;
border-bottom-width: 14px !important;
border-right-width: 14px !important;
}
body.page-detalle-proyecto .detail-price-card strong {
font-size: 2.5rem !important;
}
}
/* Tipografia por tipo de pantalla. */
:root {
--public-root-font-size: 16px;
--public-font-size: 16px;
--public-small-font-size: 14px;
}
html {
font-size: var(--public-root-font-size) !important;
}
body {
font-size: var(--public-font-size) !important;
}
.desktop-nav a,
.desktop-nav button,
.mobile-menu a,
.btn-primary,
.btn-secondary,
.btn-ghost,
button,
input,
select,
textarea,
.lot-project-zone,
.lot-project-features,
.public-project-body li,
.client-quote-box p,
.vivaldi-footer-brand p,
.vivaldi-footer-group nav a {
font-size: max(var(--public-small-font-size), 1em) !important;
}
@media (max-width: 767px) {
:root {
--public-root-font-size: 15px;
--public-font-size: 15px;
--public-small-font-size: 13px;
}
}
@media (min-width: 768px) and (max-width: 1199px) {
:root {
--public-root-font-size: 16px;
--public-font-size: 16px;
--public-small-font-size: 14px;
}
}
@media (min-width: 1200px) and (max-width: 1535px) {
:root {
--public-root-font-size: 17px;
--public-font-size: 17px;
--public-small-font-size: 15px;
}
}
@media (min-width: 1536px) {
:root {
--public-root-font-size: 18px;
--public-font-size: 18px;
--public-small-font-size: 16px;
}
}
/* Azul solicitado para tarjetas publicas de proyectos. */
body.page-index .lot-project-card,
body.page-index .home-projects-swiper .lot-project-card,
body.page-index .lot-project-body,
body.page-index .lot-project-type,
body.page-proyectos .public-project-card,
body.page-proyectos .public-project-body,
body.page-proyectos .public-project-badge {
background: #06446d !important;
background-image: none !important;
}
/* Evita el bloque azul mientras cargan las imagenes del slider del inicio. */
body.page-index .home-hero,
body.page-index .home-hero-swiper,
body.page-index .home-hero-swiper .swiper-wrapper,
body.page-index .home-hero-slide {
background: #fff !important;
background-image: none !important;
}
body.page-index .home-hero-overlay,
body.page-index .home-hero-bottom {
background: transparent !important;
background-image: none !important;
opacity: 0 !important;
}
body.page-index .home-hero-copy .section-eyebrow,
body.page-index .home-hero-title,
body.page-index .home-hero-copy p {
display: none !important;
}
body.page-index .home-hero-content {
align-items: flex-end !important;
padding-bottom: 44px !important;
}
/* Proyectos sin fondo celeste alrededor del contenido. */
body.page-proyectos,
body.site-white-page.page-proyectos,
html:has(body.page-proyectos),
html body.page-proyectos,
body.page-proyectos .projects-public-hero,
body.page-proyectos .projects-photo-hero,
body.page-proyectos > main,
body.page-proyectos .projects-catalog,
body.page-proyectos .project-filter-nav {
background: #fff !important;
background-image: none !important;
}
body.page-proyectos .projects-catalog {
padding-bottom: 18px !important;
}
body.page-proyectos .vivaldi-footer,
body.page-proyectos .site-footer {
margin-top: 0 !important;
}
@media (max-width: 767px) {
body.page-proyectos .projects-catalog {
padding-bottom: 14px !important;
}
}