@charset "UTF-8"; /* ============================================= CSS COMPARTIDO: Ventas y Alquileres Reemplaza style-ventas.css y style-alquileres.css ============================================= */ .color-nova { color: #FF6900 !important; } .btn-whats-home { background: #FF6900 !important; font-weight: 600; letter-spacing: 0.03em; white-space: nowrap; text-align: center; cursor: pointer; user-select: none; transition: 250ms all ease-in-out; box-shadow: 6px 10px 16px rgba(11,20,85,.12); border-radius: 8px; } .page-header { border-bottom: none !important; } /* ============================================= HEADER DE SECCIÓN (imagen + título) ============================================= */ .title-propiedades-destacadas { width: 100%; text-align: center; } .txt-prop-destacadas { color: #FF6900; font-weight: 600; position: relative; bottom: 30px; right: 4px; } /* Tamaño según página (se aplica con clase en ) */ .page-ventas .txt-prop-destacadas { font-size: 90px; } .page-alquileres .txt-prop-destacadas { font-size: 80px; } .ubicacion-text { text-align: left; margin-top: 70px; } .ubicacion-img-tasacion { text-align: right; } .img-tasaciones { width: 335px; height: auto; margin-top: 0px; margin-inline: 20px; border-radius: 14px; } /* ============================================= SECCIÓN DE AYUDA / CONTACTO ============================================= */ .seccion-ayuda { margin-top: 20px; margin-bottom: 40px; } .busqueda-propiedad-ayuda { background: #f3e9e1; width: 100%; max-width: 900px; height: 180px; border-radius: 20px; margin-top: 50px; margin-bottom: 50px !important; margin-inline: auto; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 20px; } .btn-click-aqui { border-radius: 22px; } .txt-ayuda { font-size: 26px; font-weight: 600; text-align: center; } /* ============================================= CARDS DE PROPIEDADES (grilla) Los overlays usan position:absolute dentro del . Ver lista-propiedades.php para la estructura HTML. ============================================= */ /* El margen lateral va en el wrapper, no en la imagen, así los overlays absolutos se alinean exactamente con la foto. */ .card-propiedad { margin-inline: 20px; } .card-propiedad .img-tasaciones { margin-inline: 0; } .span-txt-min { background: #FF6900 !important; padding: 5px; border-radius: 5px; font-weight: 600; opacity: 0.9; width: 240px; margin-inline: auto; display: inline-block; } .span-txt-precio { background: #FF6900 !important; padding: 2px 8px; border-radius: 8px; font-weight: 600; opacity: 0.9; font-size: 16px; display: inline-block; } /* ============================================= NAVBAR / WHATSAPP / FOOTER ============================================= */ .ubi-btn-whatsap { position: relative; bottom: 15px; } .dis-footer { background: #FF6900 !important; padding: 30px 0 !important; } .circulo { width: 40px; height: 40px; background: white; border-radius: 50%; text-align: center; } .redis-face { color: #FF6900 !important; position: relative !important; top: 8px !important; font-size: 37px !important; } .redis-inst { color: #FF6900 !important; position: relative !important; top: 6px !important; font-size: 28px !important; } /* ============================================= RESPONSIVE — TABLET (601px – 991px) ============================================= */ @media (min-width: 601px) and (max-width: 991px) { .page-ventas .txt-prop-destacadas, .page-alquileres .txt-prop-destacadas { font-size: 55px; bottom: 15px; } .ubicacion-text { text-align: center; margin-top: 20px; } .ubicacion-img-tasacion { text-align: center; } .img-tasaciones { width: 260px; } .busqueda-propiedad-ayuda { width: 95%; height: auto; padding: 20px 15px; } .txt-ayuda { font-size: 20px; } } /* ============================================= RESPONSIVE — MOBILE (≤ 600px) ============================================= */ @media (max-width: 600px) { .img-tasaciones-alquiler { width: 200px; height: auto !important; } .ubicacion-img-tasacion { text-align: center; } .ubicacion-text { text-align: center; margin-top: 0px; } .page-ventas .txt-prop-destacadas, .page-alquileres .txt-prop-destacadas { font-size: 50px; } .txt-ayuda { font-size: 20px; } .rd-navbar-fixed .rd-nav-item:hover .rd-nav-link, .rd-navbar-fixed .rd-nav-item.focus .rd-nav-link, .rd-navbar-fixed .rd-nav-item.active .rd-nav-link, .rd-navbar-fixed .rd-nav-item.opened .rd-nav-link { border-radius: 15px; background: #f3f3f3 !important; font-weight: 550; font-size: 15px; } .busqueda-propiedad-ayuda { width: 95%; height: auto; padding: 15px 10px; } .page-header { padding-bottom: 0.1px !important; } html.rd-navbar-fixed-linked .page { padding-top: 0px !important; } /* sin width:100% para evitar dependencia circular con el wrapper inline-block */ .img-tasaciones { max-width: 300px; height: auto; } .mobile-whatsap { display: block !important; } .ico-what-mobile { font-size: 25px !important; } .button-sm { padding: 10px 15px !important; } .btn-wrap { margin-top: 27px !important; margin-left: 0 !important; text-align: center; } .btn-wrap-whatsap { margin-left: auto !important; } }