{} *{} #IE-warning { display: none; position: fixed; width: 100%; height: 100%; z-index: 9999; background: white; } .IE-warning-message { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; } .global-style-Eg86zzryc { width: 100%;padding-right: 16px;padding-left: 16px;margin-bottom: 0px;margin-top: 0px;margin-right: auto;margin-left: auto; } @media (max-width: 639px) { .global-style-Eg86zzryc { margin-left: auto;margin-right: auto;margin-top: 0px;margin-bottom: 0px;padding-left: 16px;padding-right: 16px;width: 100%; } } @media (max-width: 767px) and (min-width: 640px) { .global-style-Eg86zzryc { margin-left: auto;margin-right: auto;margin-top: 0px;margin-bottom: 0px;padding-left: 16px;padding-right: 16px;width: 100%;max-width: 640px; } } @media (max-width: 991px) and (min-width: 768px) { .global-style-Eg86zzryc { margin-left: auto;margin-right: auto;margin-top: 0px;margin-bottom: 0px;padding-left: 16px;padding-right: 16px;width: 100%;max-width: 768px; } } @media (max-width: 1199px) and (min-width: 992px) { .global-style-Eg86zzryc { margin-left: auto;margin-right: auto;margin-top: 0px;margin-bottom: 0px;padding-left: 16px;padding-right: 16px;width: 100%;max-width: 992px; } } @media (min-width: 1200px) { .global-style-Eg86zzryc { margin-left: auto;margin-right: auto;margin-top: 0px;margin-bottom: 0px;padding-left: 16px;padding-right: 16px;width: 100%;max-width: 1200px; } } .global-style-Eg86zzryc:not([data-gp-component="block"]), .global-style-Eg86zzryc [data-section-overlay] { background-color: undefined; } /* Estilos generales y reset básico */ body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; margin: 0; background-color: #f4f7f6; color: #333; } /* Contenedor principal para centrar el contenido */ .main-container { max-width: 1200px; margin: 0 auto; padding: 20px; } /* Estilos para la sección de filtros */ .filter-container { background-color: #ffffff; padding: 24px; border-radius: 8px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); margin-bottom: 30px; } .filter-grid { display: flex; flex-wrap: wrap; gap: 20px; } .filter-column { flex: 1; min-width: 250px; } .filter-column label { display: block; font-weight: 600; margin-bottom: 8px; color: #555; } .filter-column select { width: 100%; padding: 12px; border: 1px solid #ccc; border-radius: 6px; font-size: 16px; background-color: #fff; appearance: none; -webkit-appearance: none; background-image: url('data:image/svg+xml;utf8,<svg fill="black" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/><path d="M0 0h24v24H0z" fill="none"/></svg>'); background-repeat: no-repeat; background-position: right 12px center; } .filter-column select:disabled { background-color: #e9ecef; cursor: not-allowed; } /* Estilos para la sección de resultados */ #loading-indicator { text-align: center; padding: 40px; font-size: 1.2em; color: #777; } #property-results { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 25px; } .property-card { background-color: #fff; border-radius: 8px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); overflow: hidden; transition: transform 0.2s ease, box-shadow 0.2s ease; display: flex; flex-direction: column; } .property-card:hover { transform: translateY(-5px); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12); } .property-card-image-wrapper { position: relative; width: 100%; padding-top: 66.66%; /* Proporción 3:2 */ background-color: #eee; } .property-card img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .property-card-content { padding: 20px; flex-grow: 1; display: flex; flex-direction: column; } .property-card h3 { margin: 0 0 10px 0; font-size: 1.25rem; color: #2c3e50; } .property-card .price { font-size: 1.5rem; font-weight: bold; color: #3498db; margin-bottom: 15px; } .property-card p { font-size: 0.95rem; line-height: 1.6; color: #555; flex-grow: 1; margin-bottom: 20px; } .property-card .cta-button { display: inline-block; background-color: #27ae60; color: white; padding: 12px 20px; text-decoration: none; border-radius: 6px; text-align: center; font-weight: 600; transition: background-color 0.2s ease; margin-top: auto; /* Empuja el botón al final */ } .property-card .cta-button:hover { background-color: #229954; } /* Título de la sección de resultados */ .results-title { text-align: center; font-size: 2rem; color: #333; margin-bottom: 25px; }