{"id":2344,"date":"2026-04-30T12:15:15","date_gmt":"2026-04-30T12:15:15","guid":{"rendered":"https:\/\/jonnyrapp.com\/work\/vida\/propiedades\/resultados-de-la-busqueda\/"},"modified":"2026-05-01T10:17:27","modified_gmt":"2026-05-01T10:17:27","slug":"resultados-de-la-busqueda","status":"publish","type":"page","link":"https:\/\/vidabalear.com\/es\/propiedades\/resultados-de-la-busqueda\/","title":{"rendered":"Resultados de la b\u00fasqueda"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2344\" class=\"elementor elementor-2344 elementor-2341\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-12694f8 e-con e-atomic-element e-flexbox-base e-12694f8-a9ae3e3\" data-id=\"12694f8\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"12694f8\" data-e-type=\"e-flexbox\" data-id=\"12694f8\">\n\t\t\t\t\t\t\t<h1 \n\t\tdata-interaction-id=\"b700dcc\" \n\t\tclass=\"e-b700dcc-899f277 e-heading-base\" \n\t\t \n\t\tdata-e-type=\"widget\" data-id=\"b700dcc\"\n\t>\n\t\n\t\t\tResultados de tu b\u00fasqueda\n\t\t<\/h1>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7700f27 e-con e-atomic-element e-flexbox-base e-7700f27-0f3a896\" data-id=\"7700f27\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"7700f27\" data-e-type=\"e-flexbox\" data-id=\"7700f27\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4ca5486 elementor-widget elementor-widget-shortcode\" data-id=\"4ca5486\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div class=\"property-card-grid\"><a href=\"https:\/\/vidabalear.com\/es\/propiedad\/en-un-enclave-exclusivo-y-sereno-de-formentor\/\" class=\"property-card\" style=\"display:block; position:relative; text-decoration:none;\">\n    <div class=\"property-image\" style=\"background-image:url(https:\/\/vidabalear.com\/wp-content\/uploads\/2026\/03\/DJI_0176-1024x768.jpg); height:340px; background-size:cover; background-position:center;\"><\/div>\n    <div class=\"property-info\">\n        <h4>\nEstate en Formentor<\/h4>\n        <p class=\"price\">P.O.A.<\/p>\n        <div class=\"property-meta\">\n            <span>7 Camas<\/span> | \n\t\t\t<span>7 Ba\u00f1os<\/span> | \n            <span>869 m\u00b2<\/span>\n        <\/div>\n        <p style=\"display: none; font-size:12px; color:#666;\">Ref: FOR121<\/p>\n    <\/div>\n    <div class=\"property-gradient\"><\/div> <!-- Gradient layer -->\n<\/a>\n\n<style>\n.property-card {\n    display: block;\n    position: relative;\n    text-decoration: none;\n    overflow: hidden; \/* Prevents overflow *\/\n    z-index: 1; \/* Ensure it's on top *\/\n}\n\n.property-image {\n    height: 380px; \/* Fixed height for the image *\/\n    background-size: cover;\n    background-position: center;\n}\n\n.property-info {\n    position: absolute; \/* Position absolute to overlap the image *\/\n    bottom: 0; \/* Stick to the bottom *\/\n    left: 0; \/* Align to the left *\/\n    right: 0; \/* Align to the right *\/\n    padding: 10px; \/* Adjust padding *\/\n    z-index: 10; \/* Ensure it's above the gradient *\/\n    transition: height 0.3s ease; \/* Smooth transition for height *\/\n    height: 100px; \/* Initial height *\/\n}\n\n.property-card:hover .property-info {\n    height: 130px; \/* Increased height on hover *\/\n}\n\n.property-gradient {\n    height: 100%; \/* Full height of the card *\/\nbackground: linear-gradient(0deg,rgba(3, 56, 81, 1) 0%, rgba(3, 56, 81, 0) 50%, rgba(3, 56, 81, 0) 100%);\n    position: absolute; \/* Position it absolutely *\/\n    bottom: 0; \/* Stick to the bottom *\/\n    left: 0; \/* Align to the left *\/\n    right: 0; \/* Align to the right *\/\n    z-index: 5; \/* Layer below the info *\/\n}\n\n.property-info h4, .property-info p {\n    color: #fff;\n    text-align: center;\n    margin: 0; \/* Remove default margin *\/\n}\n\n.property-info h4 {\n    font-family: \"ivyora-display\", Sans-serif;\n    font-size: 28px;\n    font-weight: 400;\n}\n\n.property-info .price {\n    font-family: Inter;\n    font-weight: bold;\n    font-size: 21px;\n}\n\n.property-meta {\n    opacity: 0; \/* Hide meta by default *\/\n    transition: opacity 0.3s ease;\n    text-align: center; \/* Center align *\/\n    color: #fff;\n}\n\n.property-card:hover .property-meta {\n    opacity: 1; \/* Show meta on hover *\/\n}\n\n.property-card-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 20px;\n    max-width: none;\n    margin: 0 auto;\n    position: relative;\n    z-index: 10; \/* Ensure grid is above other elements *\/\n}\n\n@media (max-width: 992px) {\n    .property-card-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n}\n\n@media (max-width: 576px) {\n    .property-card-grid {\n        grid-template-columns: 1fr;\n    }\n}\n<\/style>\n    <a href=\"https:\/\/vidabalear.com\/es\/propiedad\/villa-con-impresionantes-vistas-a-la-bahia-de-santa-ponsa\/\" class=\"property-card\" style=\"display:block; position:relative; text-decoration:none;\">\n    <div class=\"property-image\" style=\"background-image:url(https:\/\/vidabalear.com\/wp-content\/uploads\/2026\/03\/1_4f6d5398-ef5f-4ca0-ab77-4e1c79b4894a_Kopie-1024x717.jpg); height:340px; background-size:cover; background-position:center;\"><\/div>\n    <div class=\"property-info\">\n        <h4>\nVilla en Santa Ponsa<\/h4>\n        <p class=\"price\">\u20ac5.900.000<\/p>\n        <div class=\"property-meta\">\n            <span>4 Camas<\/span> | \n\t\t\t<span>5 Ba\u00f1os<\/span> | \n            <span>500 m\u00b2<\/span>\n        <\/div>\n        <p style=\"display: none; font-size:12px; color:#666;\">Ref: STP218<\/p>\n    <\/div>\n    <div class=\"property-gradient\"><\/div> <!-- Gradient layer -->\n<\/a>\n\n<style>\n.property-card {\n    display: block;\n    position: relative;\n    text-decoration: none;\n    overflow: hidden; \/* Prevents overflow *\/\n    z-index: 1; \/* Ensure it's on top *\/\n}\n\n.property-image {\n    height: 380px; \/* Fixed height for the image *\/\n    background-size: cover;\n    background-position: center;\n}\n\n.property-info {\n    position: absolute; \/* Position absolute to overlap the image *\/\n    bottom: 0; \/* Stick to the bottom *\/\n    left: 0; \/* Align to the left *\/\n    right: 0; \/* Align to the right *\/\n    padding: 10px; \/* Adjust padding *\/\n    z-index: 10; \/* Ensure it's above the gradient *\/\n    transition: height 0.3s ease; \/* Smooth transition for height *\/\n    height: 100px; \/* Initial height *\/\n}\n\n.property-card:hover .property-info {\n    height: 130px; \/* Increased height on hover *\/\n}\n\n.property-gradient {\n    height: 100%; \/* Full height of the card *\/\nbackground: linear-gradient(0deg,rgba(3, 56, 81, 1) 0%, rgba(3, 56, 81, 0) 50%, rgba(3, 56, 81, 0) 100%);\n    position: absolute; \/* Position it absolutely *\/\n    bottom: 0; \/* Stick to the bottom *\/\n    left: 0; \/* Align to the left *\/\n    right: 0; \/* Align to the right *\/\n    z-index: 5; \/* Layer below the info *\/\n}\n\n.property-info h4, .property-info p {\n    color: #fff;\n    text-align: center;\n    margin: 0; \/* Remove default margin *\/\n}\n\n.property-info h4 {\n    font-family: \"ivyora-display\", Sans-serif;\n    font-size: 28px;\n    font-weight: 400;\n}\n\n.property-info .price {\n    font-family: Inter;\n    font-weight: bold;\n    font-size: 21px;\n}\n\n.property-meta {\n    opacity: 0; \/* Hide meta by default *\/\n    transition: opacity 0.3s ease;\n    text-align: center; \/* Center align *\/\n    color: #fff;\n}\n\n.property-card:hover .property-meta {\n    opacity: 1; \/* Show meta on hover *\/\n}\n\n.property-card-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 20px;\n    max-width: none;\n    margin: 0 auto;\n    position: relative;\n    z-index: 10; \/* Ensure grid is above other elements *\/\n}\n\n@media (max-width: 992px) {\n    .property-card-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n}\n\n@media (max-width: 576px) {\n    .property-card-grid {\n        grid-template-columns: 1fr;\n    }\n}\n<\/style>\n    <a href=\"https:\/\/vidabalear.com\/es\/propiedad\/maravillosa-finca-de-estilo-rustico-en-llucmajor\/\" class=\"property-card\" style=\"display:block; position:relative; text-decoration:none;\">\n    <div class=\"property-image\" style=\"background-image:url(https:\/\/vidabalear.com\/wp-content\/uploads\/2026\/03\/WhatsApp_Image_2024-02-16_at_10.21.17_1-1024x768.jpeg); height:340px; background-size:cover; background-position:center;\"><\/div>\n    <div class=\"property-info\">\n        <h4>\nFinca en Llucmajor<\/h4>\n        <p class=\"price\">\u20ac1.420.000<\/p>\n        <div class=\"property-meta\">\n            <span>4 Camas<\/span> | \n\t\t\t<span>3 Ba\u00f1os<\/span> | \n            <span>292 m\u00b2<\/span>\n        <\/div>\n        <p style=\"display: none; font-size:12px; color:#666;\">Ref: LUC270<\/p>\n    <\/div>\n    <div class=\"property-gradient\"><\/div> <!-- Gradient layer -->\n<\/a>\n\n<style>\n.property-card {\n    display: block;\n    position: relative;\n    text-decoration: none;\n    overflow: hidden; \/* Prevents overflow *\/\n    z-index: 1; \/* Ensure it's on top *\/\n}\n\n.property-image {\n    height: 380px; \/* Fixed height for the image *\/\n    background-size: cover;\n    background-position: center;\n}\n\n.property-info {\n    position: absolute; \/* Position absolute to overlap the image *\/\n    bottom: 0; \/* Stick to the bottom *\/\n    left: 0; \/* Align to the left *\/\n    right: 0; \/* Align to the right *\/\n    padding: 10px; \/* Adjust padding *\/\n    z-index: 10; \/* Ensure it's above the gradient *\/\n    transition: height 0.3s ease; \/* Smooth transition for height *\/\n    height: 100px; \/* Initial height *\/\n}\n\n.property-card:hover .property-info {\n    height: 130px; \/* Increased height on hover *\/\n}\n\n.property-gradient {\n    height: 100%; \/* Full height of the card *\/\nbackground: linear-gradient(0deg,rgba(3, 56, 81, 1) 0%, rgba(3, 56, 81, 0) 50%, rgba(3, 56, 81, 0) 100%);\n    position: absolute; \/* Position it absolutely *\/\n    bottom: 0; \/* Stick to the bottom *\/\n    left: 0; \/* Align to the left *\/\n    right: 0; \/* Align to the right *\/\n    z-index: 5; \/* Layer below the info *\/\n}\n\n.property-info h4, .property-info p {\n    color: #fff;\n    text-align: center;\n    margin: 0; \/* Remove default margin *\/\n}\n\n.property-info h4 {\n    font-family: \"ivyora-display\", Sans-serif;\n    font-size: 28px;\n    font-weight: 400;\n}\n\n.property-info .price {\n    font-family: Inter;\n    font-weight: bold;\n    font-size: 21px;\n}\n\n.property-meta {\n    opacity: 0; \/* Hide meta by default *\/\n    transition: opacity 0.3s ease;\n    text-align: center; \/* Center align *\/\n    color: #fff;\n}\n\n.property-card:hover .property-meta {\n    opacity: 1; \/* Show meta on hover *\/\n}\n\n.property-card-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 20px;\n    max-width: none;\n    margin: 0 auto;\n    position: relative;\n    z-index: 10; \/* Ensure grid is above other elements *\/\n}\n\n@media (max-width: 992px) {\n    .property-card-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n}\n\n@media (max-width: 576px) {\n    .property-card-grid {\n        grid-template-columns: 1fr;\n    }\n}\n<\/style>\n    <a href=\"https:\/\/vidabalear.com\/es\/propiedad\/apartamento-en-venta-con-impresionantes-vistas-a-la-bahia-de-santa-ponsa\/\" class=\"property-card\" style=\"display:block; position:relative; text-decoration:none;\">\n    <div class=\"property-image\" style=\"background-image:url(https:\/\/vidabalear.com\/wp-content\/uploads\/2026\/03\/DJI_0795-1024x768.jpg); height:340px; background-size:cover; background-position:center;\"><\/div>\n    <div class=\"property-info\">\n        <h4>\nApartamento en Santa Ponsa<\/h4>\n        <p class=\"price\">\u20ac1.450.000<\/p>\n        <div class=\"property-meta\">\n            <span>3 Camas<\/span> | \n\t\t\t<span>2 Ba\u00f1os<\/span> | \n            <span>146 m\u00b2<\/span>\n        <\/div>\n        <p style=\"display: none; font-size:12px; color:#666;\">Ref: STP130<\/p>\n    <\/div>\n    <div class=\"property-gradient\"><\/div> <!-- Gradient layer -->\n<\/a>\n\n<style>\n.property-card {\n    display: block;\n    position: relative;\n    text-decoration: none;\n    overflow: hidden; \/* Prevents overflow *\/\n    z-index: 1; \/* Ensure it's on top *\/\n}\n\n.property-image {\n    height: 380px; \/* Fixed height for the image *\/\n    background-size: cover;\n    background-position: center;\n}\n\n.property-info {\n    position: absolute; \/* Position absolute to overlap the image *\/\n    bottom: 0; \/* Stick to the bottom *\/\n    left: 0; \/* Align to the left *\/\n    right: 0; \/* Align to the right *\/\n    padding: 10px; \/* Adjust padding *\/\n    z-index: 10; \/* Ensure it's above the gradient *\/\n    transition: height 0.3s ease; \/* Smooth transition for height *\/\n    height: 100px; \/* Initial height *\/\n}\n\n.property-card:hover .property-info {\n    height: 130px; \/* Increased height on hover *\/\n}\n\n.property-gradient {\n    height: 100%; \/* Full height of the card *\/\nbackground: linear-gradient(0deg,rgba(3, 56, 81, 1) 0%, rgba(3, 56, 81, 0) 50%, rgba(3, 56, 81, 0) 100%);\n    position: absolute; \/* Position it absolutely *\/\n    bottom: 0; \/* Stick to the bottom *\/\n    left: 0; \/* Align to the left *\/\n    right: 0; \/* Align to the right *\/\n    z-index: 5; \/* Layer below the info *\/\n}\n\n.property-info h4, .property-info p {\n    color: #fff;\n    text-align: center;\n    margin: 0; \/* Remove default margin *\/\n}\n\n.property-info h4 {\n    font-family: \"ivyora-display\", Sans-serif;\n    font-size: 28px;\n    font-weight: 400;\n}\n\n.property-info .price {\n    font-family: Inter;\n    font-weight: bold;\n    font-size: 21px;\n}\n\n.property-meta {\n    opacity: 0; \/* Hide meta by default *\/\n    transition: opacity 0.3s ease;\n    text-align: center; \/* Center align *\/\n    color: #fff;\n}\n\n.property-card:hover .property-meta {\n    opacity: 1; \/* Show meta on hover *\/\n}\n\n.property-card-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 20px;\n    max-width: none;\n    margin: 0 auto;\n    position: relative;\n    z-index: 10; \/* Ensure grid is above other elements *\/\n}\n\n@media (max-width: 992px) {\n    .property-card-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n}\n\n@media (max-width: 576px) {\n    .property-card-grid {\n        grid-template-columns: 1fr;\n    }\n}\n<\/style>\n    <a href=\"https:\/\/vidabalear.com\/es\/propiedad\/impresionante-villa-en-puerto-andratx\/\" class=\"property-card\" style=\"display:block; position:relative; text-decoration:none;\">\n    <div class=\"property-image\" style=\"background-image:url(https:\/\/vidabalear.com\/wp-content\/uploads\/2026\/03\/drone_exterior_a-1024x683.jpg); height:340px; background-size:cover; background-position:center;\"><\/div>\n    <div class=\"property-info\">\n        <h4>\nVilla en Puerto Andratx<\/h4>\n        <p class=\"price\">\u20ac8.950.000<\/p>\n        <div class=\"property-meta\">\n            <span>5 Camas<\/span> | \n\t\t\t<span>6 Ba\u00f1os<\/span> | \n            <span>360 m\u00b2<\/span>\n        <\/div>\n        <p style=\"display: none; font-size:12px; color:#666;\">Ref: PTA872<\/p>\n    <\/div>\n    <div class=\"property-gradient\"><\/div> <!-- Gradient layer -->\n<\/a>\n\n<style>\n.property-card {\n    display: block;\n    position: relative;\n    text-decoration: none;\n    overflow: hidden; \/* Prevents overflow *\/\n    z-index: 1; \/* Ensure it's on top *\/\n}\n\n.property-image {\n    height: 380px; \/* Fixed height for the image *\/\n    background-size: cover;\n    background-position: center;\n}\n\n.property-info {\n    position: absolute; \/* Position absolute to overlap the image *\/\n    bottom: 0; \/* Stick to the bottom *\/\n    left: 0; \/* Align to the left *\/\n    right: 0; \/* Align to the right *\/\n    padding: 10px; \/* Adjust padding *\/\n    z-index: 10; \/* Ensure it's above the gradient *\/\n    transition: height 0.3s ease; \/* Smooth transition for height *\/\n    height: 100px; \/* Initial height *\/\n}\n\n.property-card:hover .property-info {\n    height: 130px; \/* Increased height on hover *\/\n}\n\n.property-gradient {\n    height: 100%; \/* Full height of the card *\/\nbackground: linear-gradient(0deg,rgba(3, 56, 81, 1) 0%, rgba(3, 56, 81, 0) 50%, rgba(3, 56, 81, 0) 100%);\n    position: absolute; \/* Position it absolutely *\/\n    bottom: 0; \/* Stick to the bottom *\/\n    left: 0; \/* Align to the left *\/\n    right: 0; \/* Align to the right *\/\n    z-index: 5; \/* Layer below the info *\/\n}\n\n.property-info h4, .property-info p {\n    color: #fff;\n    text-align: center;\n    margin: 0; \/* Remove default margin *\/\n}\n\n.property-info h4 {\n    font-family: \"ivyora-display\", Sans-serif;\n    font-size: 28px;\n    font-weight: 400;\n}\n\n.property-info .price {\n    font-family: Inter;\n    font-weight: bold;\n    font-size: 21px;\n}\n\n.property-meta {\n    opacity: 0; \/* Hide meta by default *\/\n    transition: opacity 0.3s ease;\n    text-align: center; \/* Center align *\/\n    color: #fff;\n}\n\n.property-card:hover .property-meta {\n    opacity: 1; \/* Show meta on hover *\/\n}\n\n.property-card-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 20px;\n    max-width: none;\n    margin: 0 auto;\n    position: relative;\n    z-index: 10; \/* Ensure grid is above other elements *\/\n}\n\n@media (max-width: 992px) {\n    .property-card-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n}\n\n@media (max-width: 576px) {\n    .property-card-grid {\n        grid-template-columns: 1fr;\n    }\n}\n<\/style>\n    <a href=\"https:\/\/vidabalear.com\/es\/propiedad\/obra-nueva-en-sa-rapita\/\" class=\"property-card\" style=\"display:block; position:relative; text-decoration:none;\">\n    <div class=\"property-image\" style=\"background-image:url(https:\/\/vidabalear.com\/wp-content\/uploads\/2026\/03\/CAM_PISCINA-1024x683.jpg); height:340px; background-size:cover; background-position:center;\"><\/div>\n    <div class=\"property-info\">\n        <h4>\nApartamento en Sa Rapita<\/h4>\n        <p class=\"price\">\u20ac748.000<\/p>\n        <div class=\"property-meta\">\n            <span>2 Camas<\/span> | \n\t\t\t<span>2 Ba\u00f1os<\/span> | \n            <span>95 m\u00b2<\/span>\n        <\/div>\n        <p style=\"display: none; font-size:12px; color:#666;\">Ref: SAR702<\/p>\n    <\/div>\n    <div class=\"property-gradient\"><\/div> <!-- Gradient layer -->\n<\/a>\n\n<style>\n.property-card {\n    display: block;\n    position: relative;\n    text-decoration: none;\n    overflow: hidden; \/* Prevents overflow *\/\n    z-index: 1; \/* Ensure it's on top *\/\n}\n\n.property-image {\n    height: 380px; \/* Fixed height for the image *\/\n    background-size: cover;\n    background-position: center;\n}\n\n.property-info {\n    position: absolute; \/* Position absolute to overlap the image *\/\n    bottom: 0; \/* Stick to the bottom *\/\n    left: 0; \/* Align to the left *\/\n    right: 0; \/* Align to the right *\/\n    padding: 10px; \/* Adjust padding *\/\n    z-index: 10; \/* Ensure it's above the gradient *\/\n    transition: height 0.3s ease; \/* Smooth transition for height *\/\n    height: 100px; \/* Initial height *\/\n}\n\n.property-card:hover .property-info {\n    height: 130px; \/* Increased height on hover *\/\n}\n\n.property-gradient {\n    height: 100%; \/* Full height of the card *\/\nbackground: linear-gradient(0deg,rgba(3, 56, 81, 1) 0%, rgba(3, 56, 81, 0) 50%, rgba(3, 56, 81, 0) 100%);\n    position: absolute; \/* Position it absolutely *\/\n    bottom: 0; \/* Stick to the bottom *\/\n    left: 0; \/* Align to the left *\/\n    right: 0; \/* Align to the right *\/\n    z-index: 5; \/* Layer below the info *\/\n}\n\n.property-info h4, .property-info p {\n    color: #fff;\n    text-align: center;\n    margin: 0; \/* Remove default margin *\/\n}\n\n.property-info h4 {\n    font-family: \"ivyora-display\", Sans-serif;\n    font-size: 28px;\n    font-weight: 400;\n}\n\n.property-info .price {\n    font-family: Inter;\n    font-weight: bold;\n    font-size: 21px;\n}\n\n.property-meta {\n    opacity: 0; \/* Hide meta by default *\/\n    transition: opacity 0.3s ease;\n    text-align: center; \/* Center align *\/\n    color: #fff;\n}\n\n.property-card:hover .property-meta {\n    opacity: 1; \/* Show meta on hover *\/\n}\n\n.property-card-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 20px;\n    max-width: none;\n    margin: 0 auto;\n    position: relative;\n    z-index: 10; \/* Ensure grid is above other elements *\/\n}\n\n@media (max-width: 992px) {\n    .property-card-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n}\n\n@media (max-width: 576px) {\n    .property-card-grid {\n        grid-template-columns: 1fr;\n    }\n}\n<\/style>\n    <a href=\"https:\/\/vidabalear.com\/es\/propiedad\/proyecto-de-diseno-moderno-contemporaneo-con-vistas-al-mar\/\" class=\"property-card\" style=\"display:block; position:relative; text-decoration:none;\">\n    <div class=\"property-image\" style=\"background-image:url(https:\/\/vidabalear.com\/wp-content\/uploads\/2026\/03\/lowres1a.jpg); height:340px; background-size:cover; background-position:center;\"><\/div>\n    <div class=\"property-info\">\n        <h4>\nVilla en Costa de la Calma<\/h4>\n        <p class=\"price\">\u20ac2.950.000<\/p>\n        <div class=\"property-meta\">\n            <span>3 Camas<\/span> | \n\t\t\t<span>3 Ba\u00f1os<\/span> | \n            <span>300 m\u00b2<\/span>\n        <\/div>\n        <p style=\"display: none; font-size:12px; color:#666;\">Ref: CDC220<\/p>\n    <\/div>\n    <div class=\"property-gradient\"><\/div> <!-- Gradient layer -->\n<\/a>\n\n<style>\n.property-card {\n    display: block;\n    position: relative;\n    text-decoration: none;\n    overflow: hidden; \/* Prevents overflow *\/\n    z-index: 1; \/* Ensure it's on top *\/\n}\n\n.property-image {\n    height: 380px; \/* Fixed height for the image *\/\n    background-size: cover;\n    background-position: center;\n}\n\n.property-info {\n    position: absolute; \/* Position absolute to overlap the image *\/\n    bottom: 0; \/* Stick to the bottom *\/\n    left: 0; \/* Align to the left *\/\n    right: 0; \/* Align to the right *\/\n    padding: 10px; \/* Adjust padding *\/\n    z-index: 10; \/* Ensure it's above the gradient *\/\n    transition: height 0.3s ease; \/* Smooth transition for height *\/\n    height: 100px; \/* Initial height *\/\n}\n\n.property-card:hover .property-info {\n    height: 130px; \/* Increased height on hover *\/\n}\n\n.property-gradient {\n    height: 100%; \/* Full height of the card *\/\nbackground: linear-gradient(0deg,rgba(3, 56, 81, 1) 0%, rgba(3, 56, 81, 0) 50%, rgba(3, 56, 81, 0) 100%);\n    position: absolute; \/* Position it absolutely *\/\n    bottom: 0; \/* Stick to the bottom *\/\n    left: 0; \/* Align to the left *\/\n    right: 0; \/* Align to the right *\/\n    z-index: 5; \/* Layer below the info *\/\n}\n\n.property-info h4, .property-info p {\n    color: #fff;\n    text-align: center;\n    margin: 0; \/* Remove default margin *\/\n}\n\n.property-info h4 {\n    font-family: \"ivyora-display\", Sans-serif;\n    font-size: 28px;\n    font-weight: 400;\n}\n\n.property-info .price {\n    font-family: Inter;\n    font-weight: bold;\n    font-size: 21px;\n}\n\n.property-meta {\n    opacity: 0; \/* Hide meta by default *\/\n    transition: opacity 0.3s ease;\n    text-align: center; \/* Center align *\/\n    color: #fff;\n}\n\n.property-card:hover .property-meta {\n    opacity: 1; \/* Show meta on hover *\/\n}\n\n.property-card-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 20px;\n    max-width: none;\n    margin: 0 auto;\n    position: relative;\n    z-index: 10; \/* Ensure grid is above other elements *\/\n}\n\n@media (max-width: 992px) {\n    .property-card-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n}\n\n@media (max-width: 576px) {\n    .property-card-grid {\n        grid-template-columns: 1fr;\n    }\n}\n<\/style>\n    <a href=\"https:\/\/vidabalear.com\/es\/propiedad\/espectacular-proyecto-de-diseno-moderno-en-sol-de-mallorca\/\" class=\"property-card\" style=\"display:block; position:relative; text-decoration:none;\">\n    <div class=\"property-image\" style=\"background-image:url(https:\/\/vidabalear.com\/wp-content\/uploads\/2026\/03\/low_res_a_psd_2-1024x576.jpg); height:340px; background-size:cover; background-position:center;\"><\/div>\n    <div class=\"property-info\">\n        <h4>\nVilla en Sol de Mallorca<\/h4>\n        <p class=\"price\">\u20ac2.750.000<\/p>\n        <div class=\"property-meta\">\n            <span>5 Camas<\/span> | \n\t\t\t<span>5 Ba\u00f1os<\/span> | \n            <span>450 m\u00b2<\/span>\n        <\/div>\n        <p style=\"display: none; font-size:12px; color:#666;\">Ref: SOL878<\/p>\n    <\/div>\n    <div class=\"property-gradient\"><\/div> <!-- Gradient layer -->\n<\/a>\n\n<style>\n.property-card {\n    display: block;\n    position: relative;\n    text-decoration: none;\n    overflow: hidden; \/* Prevents overflow *\/\n    z-index: 1; \/* Ensure it's on top *\/\n}\n\n.property-image {\n    height: 380px; \/* Fixed height for the image *\/\n    background-size: cover;\n    background-position: center;\n}\n\n.property-info {\n    position: absolute; \/* Position absolute to overlap the image *\/\n    bottom: 0; \/* Stick to the bottom *\/\n    left: 0; \/* Align to the left *\/\n    right: 0; \/* Align to the right *\/\n    padding: 10px; \/* Adjust padding *\/\n    z-index: 10; \/* Ensure it's above the gradient *\/\n    transition: height 0.3s ease; \/* Smooth transition for height *\/\n    height: 100px; \/* Initial height *\/\n}\n\n.property-card:hover .property-info {\n    height: 130px; \/* Increased height on hover *\/\n}\n\n.property-gradient {\n    height: 100%; \/* Full height of the card *\/\nbackground: linear-gradient(0deg,rgba(3, 56, 81, 1) 0%, rgba(3, 56, 81, 0) 50%, rgba(3, 56, 81, 0) 100%);\n    position: absolute; \/* Position it absolutely *\/\n    bottom: 0; \/* Stick to the bottom *\/\n    left: 0; \/* Align to the left *\/\n    right: 0; \/* Align to the right *\/\n    z-index: 5; \/* Layer below the info *\/\n}\n\n.property-info h4, .property-info p {\n    color: #fff;\n    text-align: center;\n    margin: 0; \/* Remove default margin *\/\n}\n\n.property-info h4 {\n    font-family: \"ivyora-display\", Sans-serif;\n    font-size: 28px;\n    font-weight: 400;\n}\n\n.property-info .price {\n    font-family: Inter;\n    font-weight: bold;\n    font-size: 21px;\n}\n\n.property-meta {\n    opacity: 0; \/* Hide meta by default *\/\n    transition: opacity 0.3s ease;\n    text-align: center; \/* Center align *\/\n    color: #fff;\n}\n\n.property-card:hover .property-meta {\n    opacity: 1; \/* Show meta on hover *\/\n}\n\n.property-card-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 20px;\n    max-width: none;\n    margin: 0 auto;\n    position: relative;\n    z-index: 10; \/* Ensure grid is above other elements *\/\n}\n\n@media (max-width: 992px) {\n    .property-card-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n}\n\n@media (max-width: 576px) {\n    .property-card-grid {\n        grid-template-columns: 1fr;\n    }\n}\n<\/style>\n    <a href=\"https:\/\/vidabalear.com\/es\/propiedad\/espectacular-villa-de-diseno-moderno-con-vistas-al-mar\/\" class=\"property-card\" style=\"display:block; position:relative; text-decoration:none;\">\n    <div class=\"property-image\" style=\"background-image:url(https:\/\/vidabalear.com\/wp-content\/uploads\/2026\/03\/apal_porr6_0003-1024x640.jpg); height:340px; background-size:cover; background-position:center;\"><\/div>\n    <div class=\"property-info\">\n        <h4>\nVilla en Santa Ponsa<\/h4>\n        <p class=\"price\">\u20ac4.990.000<\/p>\n        <div class=\"property-meta\">\n            <span>5 Camas<\/span> | \n\t\t\t<span>5 Ba\u00f1os<\/span> | \n            <span>500 m\u00b2<\/span>\n        <\/div>\n        <p style=\"display: none; font-size:12px; color:#666;\">Ref: STP170<\/p>\n    <\/div>\n    <div class=\"property-gradient\"><\/div> <!-- Gradient layer -->\n<\/a>\n\n<style>\n.property-card {\n    display: block;\n    position: relative;\n    text-decoration: none;\n    overflow: hidden; \/* Prevents overflow *\/\n    z-index: 1; \/* Ensure it's on top *\/\n}\n\n.property-image {\n    height: 380px; \/* Fixed height for the image *\/\n    background-size: cover;\n    background-position: center;\n}\n\n.property-info {\n    position: absolute; \/* Position absolute to overlap the image *\/\n    bottom: 0; \/* Stick to the bottom *\/\n    left: 0; \/* Align to the left *\/\n    right: 0; \/* Align to the right *\/\n    padding: 10px; \/* Adjust padding *\/\n    z-index: 10; \/* Ensure it's above the gradient *\/\n    transition: height 0.3s ease; \/* Smooth transition for height *\/\n    height: 100px; \/* Initial height *\/\n}\n\n.property-card:hover .property-info {\n    height: 130px; \/* Increased height on hover *\/\n}\n\n.property-gradient {\n    height: 100%; \/* Full height of the card *\/\nbackground: linear-gradient(0deg,rgba(3, 56, 81, 1) 0%, rgba(3, 56, 81, 0) 50%, rgba(3, 56, 81, 0) 100%);\n    position: absolute; \/* Position it absolutely *\/\n    bottom: 0; \/* Stick to the bottom *\/\n    left: 0; \/* Align to the left *\/\n    right: 0; \/* Align to the right *\/\n    z-index: 5; \/* Layer below the info *\/\n}\n\n.property-info h4, .property-info p {\n    color: #fff;\n    text-align: center;\n    margin: 0; \/* Remove default margin *\/\n}\n\n.property-info h4 {\n    font-family: \"ivyora-display\", Sans-serif;\n    font-size: 28px;\n    font-weight: 400;\n}\n\n.property-info .price {\n    font-family: Inter;\n    font-weight: bold;\n    font-size: 21px;\n}\n\n.property-meta {\n    opacity: 0; \/* Hide meta by default *\/\n    transition: opacity 0.3s ease;\n    text-align: center; \/* Center align *\/\n    color: #fff;\n}\n\n.property-card:hover .property-meta {\n    opacity: 1; \/* Show meta on hover *\/\n}\n\n.property-card-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 20px;\n    max-width: none;\n    margin: 0 auto;\n    position: relative;\n    z-index: 10; \/* Ensure grid is above other elements *\/\n}\n\n@media (max-width: 992px) {\n    .property-card-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n}\n\n@media (max-width: 576px) {\n    .property-card-grid {\n        grid-template-columns: 1fr;\n    }\n}\n<\/style>\n    <a href=\"https:\/\/vidabalear.com\/es\/propiedad\/4-nuevos-adosados-situados-en-el-molinar\/\" class=\"property-card\" style=\"display:block; position:relative; text-decoration:none;\">\n    <div class=\"property-image\" style=\"background-image:url(https:\/\/vidabalear.com\/wp-content\/uploads\/2026\/03\/DSC03088-1024x682.jpg); height:340px; background-size:cover; background-position:center;\"><\/div>\n    <div class=\"property-info\">\n        <h4>\nVilla en Palma de Mallorca<\/h4>\n        <p class=\"price\">\u20ac1.390.000<\/p>\n        <div class=\"property-meta\">\n            <span>3 Camas<\/span> | \n\t\t\t<span>3 Ba\u00f1os<\/span> | \n            <span>142 m\u00b2<\/span>\n        <\/div>\n        <p style=\"display: none; font-size:12px; color:#666;\">Ref: MOL211<\/p>\n    <\/div>\n    <div class=\"property-gradient\"><\/div> <!-- Gradient layer -->\n<\/a>\n\n<style>\n.property-card {\n    display: block;\n    position: relative;\n    text-decoration: none;\n    overflow: hidden; \/* Prevents overflow *\/\n    z-index: 1; \/* Ensure it's on top *\/\n}\n\n.property-image {\n    height: 380px; \/* Fixed height for the image *\/\n    background-size: cover;\n    background-position: center;\n}\n\n.property-info {\n    position: absolute; \/* Position absolute to overlap the image *\/\n    bottom: 0; \/* Stick to the bottom *\/\n    left: 0; \/* Align to the left *\/\n    right: 0; \/* Align to the right *\/\n    padding: 10px; \/* Adjust padding *\/\n    z-index: 10; \/* Ensure it's above the gradient *\/\n    transition: height 0.3s ease; \/* Smooth transition for height *\/\n    height: 100px; \/* Initial height *\/\n}\n\n.property-card:hover .property-info {\n    height: 130px; \/* Increased height on hover *\/\n}\n\n.property-gradient {\n    height: 100%; \/* Full height of the card *\/\nbackground: linear-gradient(0deg,rgba(3, 56, 81, 1) 0%, rgba(3, 56, 81, 0) 50%, rgba(3, 56, 81, 0) 100%);\n    position: absolute; \/* Position it absolutely *\/\n    bottom: 0; \/* Stick to the bottom *\/\n    left: 0; \/* Align to the left *\/\n    right: 0; \/* Align to the right *\/\n    z-index: 5; \/* Layer below the info *\/\n}\n\n.property-info h4, .property-info p {\n    color: #fff;\n    text-align: center;\n    margin: 0; \/* Remove default margin *\/\n}\n\n.property-info h4 {\n    font-family: \"ivyora-display\", Sans-serif;\n    font-size: 28px;\n    font-weight: 400;\n}\n\n.property-info .price {\n    font-family: Inter;\n    font-weight: bold;\n    font-size: 21px;\n}\n\n.property-meta {\n    opacity: 0; \/* Hide meta by default *\/\n    transition: opacity 0.3s ease;\n    text-align: center; \/* Center align *\/\n    color: #fff;\n}\n\n.property-card:hover .property-meta {\n    opacity: 1; \/* Show meta on hover *\/\n}\n\n.property-card-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 20px;\n    max-width: none;\n    margin: 0 auto;\n    position: relative;\n    z-index: 10; \/* Ensure grid is above other elements *\/\n}\n\n@media (max-width: 992px) {\n    .property-card-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n}\n\n@media (max-width: 576px) {\n    .property-card-grid {\n        grid-template-columns: 1fr;\n    }\n}\n<\/style>\n    <a href=\"https:\/\/vidabalear.com\/es\/propiedad\/nueva-y-elegante-casa-de-campo\/\" class=\"property-card\" style=\"display:block; position:relative; text-decoration:none;\">\n    <div class=\"property-image\" style=\"background-image:url(https:\/\/vidabalear.com\/wp-content\/uploads\/2026\/03\/Mallorca_news_property_for_sale-1024x575.jpg); height:340px; background-size:cover; background-position:center;\"><\/div>\n    <div class=\"property-info\">\n        <h4>\nVilla en Santanyi<\/h4>\n        <p class=\"price\">\u20ac3.200.000<\/p>\n        <div class=\"property-meta\">\n            <span>5 Camas<\/span> | \n\t\t\t<span>5 Ba\u00f1os<\/span> | \n            <span>402 m\u00b2<\/span>\n        <\/div>\n        <p style=\"display: none; font-size:12px; color:#666;\">Ref: STY309<\/p>\n    <\/div>\n    <div class=\"property-gradient\"><\/div> <!-- Gradient layer -->\n<\/a>\n\n<style>\n.property-card {\n    display: block;\n    position: relative;\n    text-decoration: none;\n    overflow: hidden; \/* Prevents overflow *\/\n    z-index: 1; \/* Ensure it's on top *\/\n}\n\n.property-image {\n    height: 380px; \/* Fixed height for the image *\/\n    background-size: cover;\n    background-position: center;\n}\n\n.property-info {\n    position: absolute; \/* Position absolute to overlap the image *\/\n    bottom: 0; \/* Stick to the bottom *\/\n    left: 0; \/* Align to the left *\/\n    right: 0; \/* Align to the right *\/\n    padding: 10px; \/* Adjust padding *\/\n    z-index: 10; \/* Ensure it's above the gradient *\/\n    transition: height 0.3s ease; \/* Smooth transition for height *\/\n    height: 100px; \/* Initial height *\/\n}\n\n.property-card:hover .property-info {\n    height: 130px; \/* Increased height on hover *\/\n}\n\n.property-gradient {\n    height: 100%; \/* Full height of the card *\/\nbackground: linear-gradient(0deg,rgba(3, 56, 81, 1) 0%, rgba(3, 56, 81, 0) 50%, rgba(3, 56, 81, 0) 100%);\n    position: absolute; \/* Position it absolutely *\/\n    bottom: 0; \/* Stick to the bottom *\/\n    left: 0; \/* Align to the left *\/\n    right: 0; \/* Align to the right *\/\n    z-index: 5; \/* Layer below the info *\/\n}\n\n.property-info h4, .property-info p {\n    color: #fff;\n    text-align: center;\n    margin: 0; \/* Remove default margin *\/\n}\n\n.property-info h4 {\n    font-family: \"ivyora-display\", Sans-serif;\n    font-size: 28px;\n    font-weight: 400;\n}\n\n.property-info .price {\n    font-family: Inter;\n    font-weight: bold;\n    font-size: 21px;\n}\n\n.property-meta {\n    opacity: 0; \/* Hide meta by default *\/\n    transition: opacity 0.3s ease;\n    text-align: center; \/* Center align *\/\n    color: #fff;\n}\n\n.property-card:hover .property-meta {\n    opacity: 1; \/* Show meta on hover *\/\n}\n\n.property-card-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 20px;\n    max-width: none;\n    margin: 0 auto;\n    position: relative;\n    z-index: 10; \/* Ensure grid is above other elements *\/\n}\n\n@media (max-width: 992px) {\n    .property-card-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n}\n\n@media (max-width: 576px) {\n    .property-card-grid {\n        grid-template-columns: 1fr;\n    }\n}\n<\/style>\n    <a href=\"https:\/\/vidabalear.com\/es\/propiedad\/nueva-casa-de-campo\/\" class=\"property-card\" style=\"display:block; position:relative; text-decoration:none;\">\n    <div class=\"property-image\" style=\"background-image:url(https:\/\/vidabalear.com\/wp-content\/uploads\/2026\/03\/finca_mallorca_for_sale-1024x574.jpg); height:340px; background-size:cover; background-position:center;\"><\/div>\n    <div class=\"property-info\">\n        <h4>\nVilla en Santanyi<\/h4>\n        <p class=\"price\">\u20ac2.900.000<\/p>\n        <div class=\"property-meta\">\n            <span>4 Camas<\/span> | \n\t\t\t<span>4 Ba\u00f1os<\/span> | \n            <span>352 m\u00b2<\/span>\n        <\/div>\n        <p style=\"display: none; font-size:12px; color:#666;\">Ref: STY310<\/p>\n    <\/div>\n    <div class=\"property-gradient\"><\/div> <!-- Gradient layer -->\n<\/a>\n\n<style>\n.property-card {\n    display: block;\n    position: relative;\n    text-decoration: none;\n    overflow: hidden; \/* Prevents overflow *\/\n    z-index: 1; \/* Ensure it's on top *\/\n}\n\n.property-image {\n    height: 380px; \/* Fixed height for the image *\/\n    background-size: cover;\n    background-position: center;\n}\n\n.property-info {\n    position: absolute; \/* Position absolute to overlap the image *\/\n    bottom: 0; \/* Stick to the bottom *\/\n    left: 0; \/* Align to the left *\/\n    right: 0; \/* Align to the right *\/\n    padding: 10px; \/* Adjust padding *\/\n    z-index: 10; \/* Ensure it's above the gradient *\/\n    transition: height 0.3s ease; \/* Smooth transition for height *\/\n    height: 100px; \/* Initial height *\/\n}\n\n.property-card:hover .property-info {\n    height: 130px; \/* Increased height on hover *\/\n}\n\n.property-gradient {\n    height: 100%; \/* Full height of the card *\/\nbackground: linear-gradient(0deg,rgba(3, 56, 81, 1) 0%, rgba(3, 56, 81, 0) 50%, rgba(3, 56, 81, 0) 100%);\n    position: absolute; \/* Position it absolutely *\/\n    bottom: 0; \/* Stick to the bottom *\/\n    left: 0; \/* Align to the left *\/\n    right: 0; \/* Align to the right *\/\n    z-index: 5; \/* Layer below the info *\/\n}\n\n.property-info h4, .property-info p {\n    color: #fff;\n    text-align: center;\n    margin: 0; \/* Remove default margin *\/\n}\n\n.property-info h4 {\n    font-family: \"ivyora-display\", Sans-serif;\n    font-size: 28px;\n    font-weight: 400;\n}\n\n.property-info .price {\n    font-family: Inter;\n    font-weight: bold;\n    font-size: 21px;\n}\n\n.property-meta {\n    opacity: 0; \/* Hide meta by default *\/\n    transition: opacity 0.3s ease;\n    text-align: center; \/* Center align *\/\n    color: #fff;\n}\n\n.property-card:hover .property-meta {\n    opacity: 1; \/* Show meta on hover *\/\n}\n\n.property-card-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 20px;\n    max-width: none;\n    margin: 0 auto;\n    position: relative;\n    z-index: 10; \/* Ensure grid is above other elements *\/\n}\n\n@media (max-width: 992px) {\n    .property-card-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n}\n\n@media (max-width: 576px) {\n    .property-card-grid {\n        grid-template-columns: 1fr;\n    }\n}\n<\/style>\n    <a href=\"https:\/\/vidabalear.com\/es\/propiedad\/suroeste-de-mallorca-villa-nueva\/\" class=\"property-card\" style=\"display:block; position:relative; text-decoration:none;\">\n    <div class=\"property-image\" style=\"background-image:url(https:\/\/vidabalear.com\/wp-content\/uploads\/2026\/03\/propriete_a_vendre_majorque.jpg); height:340px; background-size:cover; background-position:center;\"><\/div>\n    <div class=\"property-info\">\n        <h4>\nFinca en Cala Vinyas<\/h4>\n        <p class=\"price\">\u20ac2.200.000<\/p>\n        <div class=\"property-meta\">\n            <span>4 Camas<\/span> | \n\t\t\t<span>2 Ba\u00f1os<\/span> | \n            <span>306 m\u00b2<\/span>\n        <\/div>\n        <p style=\"display: none; font-size:12px; color:#666;\">Ref: CAV510<\/p>\n    <\/div>\n    <div class=\"property-gradient\"><\/div> <!-- Gradient layer -->\n<\/a>\n\n<style>\n.property-card {\n    display: block;\n    position: relative;\n    text-decoration: none;\n    overflow: hidden; \/* Prevents overflow *\/\n    z-index: 1; \/* Ensure it's on top *\/\n}\n\n.property-image {\n    height: 380px; \/* Fixed height for the image *\/\n    background-size: cover;\n    background-position: center;\n}\n\n.property-info {\n    position: absolute; \/* Position absolute to overlap the image *\/\n    bottom: 0; \/* Stick to the bottom *\/\n    left: 0; \/* Align to the left *\/\n    right: 0; \/* Align to the right *\/\n    padding: 10px; \/* Adjust padding *\/\n    z-index: 10; \/* Ensure it's above the gradient *\/\n    transition: height 0.3s ease; \/* Smooth transition for height *\/\n    height: 100px; \/* Initial height *\/\n}\n\n.property-card:hover .property-info {\n    height: 130px; \/* Increased height on hover *\/\n}\n\n.property-gradient {\n    height: 100%; \/* Full height of the card *\/\nbackground: linear-gradient(0deg,rgba(3, 56, 81, 1) 0%, rgba(3, 56, 81, 0) 50%, rgba(3, 56, 81, 0) 100%);\n    position: absolute; \/* Position it absolutely *\/\n    bottom: 0; \/* Stick to the bottom *\/\n    left: 0; \/* Align to the left *\/\n    right: 0; \/* Align to the right *\/\n    z-index: 5; \/* Layer below the info *\/\n}\n\n.property-info h4, .property-info p {\n    color: #fff;\n    text-align: center;\n    margin: 0; \/* Remove default margin *\/\n}\n\n.property-info h4 {\n    font-family: \"ivyora-display\", Sans-serif;\n    font-size: 28px;\n    font-weight: 400;\n}\n\n.property-info .price {\n    font-family: Inter;\n    font-weight: bold;\n    font-size: 21px;\n}\n\n.property-meta {\n    opacity: 0; \/* Hide meta by default *\/\n    transition: opacity 0.3s ease;\n    text-align: center; \/* Center align *\/\n    color: #fff;\n}\n\n.property-card:hover .property-meta {\n    opacity: 1; \/* Show meta on hover *\/\n}\n\n.property-card-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 20px;\n    max-width: none;\n    margin: 0 auto;\n    position: relative;\n    z-index: 10; \/* Ensure grid is above other elements *\/\n}\n\n@media (max-width: 992px) {\n    .property-card-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n}\n\n@media (max-width: 576px) {\n    .property-card-grid {\n        grid-template-columns: 1fr;\n    }\n}\n<\/style>\n    <a href=\"https:\/\/vidabalear.com\/es\/propiedad\/apartamento-de-3-dormitorios-frente-al-mar\/\" class=\"property-card\" style=\"display:block; position:relative; text-decoration:none;\">\n    <div class=\"property-image\" style=\"background-image:url(https:\/\/vidabalear.com\/wp-content\/uploads\/2021\/04\/se_vende_pio_mallorca-1024x684.jpg); height:340px; background-size:cover; background-position:center;\"><\/div>\n    <div class=\"property-info\">\n        <h4>\nApartamento en Torrenova<\/h4>\n        <p class=\"price\">\u20ac699.000<\/p>\n        <div class=\"property-meta\">\n            <span>3 Camas<\/span> | \n\t\t\t<span>3 Ba\u00f1os<\/span> | \n            <span>220 m\u00b2<\/span>\n        <\/div>\n        <p style=\"display: none; font-size:12px; color:#666;\">Ref: TOR310<\/p>\n    <\/div>\n    <div class=\"property-gradient\"><\/div> <!-- Gradient layer -->\n<\/a>\n\n<style>\n.property-card {\n    display: block;\n    position: relative;\n    text-decoration: none;\n    overflow: hidden; \/* Prevents overflow *\/\n    z-index: 1; \/* Ensure it's on top *\/\n}\n\n.property-image {\n    height: 380px; \/* Fixed height for the image *\/\n    background-size: cover;\n    background-position: center;\n}\n\n.property-info {\n    position: absolute; \/* Position absolute to overlap the image *\/\n    bottom: 0; \/* Stick to the bottom *\/\n    left: 0; \/* Align to the left *\/\n    right: 0; \/* Align to the right *\/\n    padding: 10px; \/* Adjust padding *\/\n    z-index: 10; \/* Ensure it's above the gradient *\/\n    transition: height 0.3s ease; \/* Smooth transition for height *\/\n    height: 100px; \/* Initial height *\/\n}\n\n.property-card:hover .property-info {\n    height: 130px; \/* Increased height on hover *\/\n}\n\n.property-gradient {\n    height: 100%; \/* Full height of the card *\/\nbackground: linear-gradient(0deg,rgba(3, 56, 81, 1) 0%, rgba(3, 56, 81, 0) 50%, rgba(3, 56, 81, 0) 100%);\n    position: absolute; \/* Position it absolutely *\/\n    bottom: 0; \/* Stick to the bottom *\/\n    left: 0; \/* Align to the left *\/\n    right: 0; \/* Align to the right *\/\n    z-index: 5; \/* Layer below the info *\/\n}\n\n.property-info h4, .property-info p {\n    color: #fff;\n    text-align: center;\n    margin: 0; \/* Remove default margin *\/\n}\n\n.property-info h4 {\n    font-family: \"ivyora-display\", Sans-serif;\n    font-size: 28px;\n    font-weight: 400;\n}\n\n.property-info .price {\n    font-family: Inter;\n    font-weight: bold;\n    font-size: 21px;\n}\n\n.property-meta {\n    opacity: 0; \/* Hide meta by default *\/\n    transition: opacity 0.3s ease;\n    text-align: center; \/* Center align *\/\n    color: #fff;\n}\n\n.property-card:hover .property-meta {\n    opacity: 1; \/* Show meta on hover *\/\n}\n\n.property-card-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 20px;\n    max-width: none;\n    margin: 0 auto;\n    position: relative;\n    z-index: 10; \/* Ensure grid is above other elements *\/\n}\n\n@media (max-width: 992px) {\n    .property-card-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n}\n\n@media (max-width: 576px) {\n    .property-card-grid {\n        grid-template-columns: 1fr;\n    }\n}\n<\/style>\n    <a href=\"https:\/\/vidabalear.com\/es\/propiedad\/the-anchorage-waterfront-apartments-2\/\" class=\"property-card\" style=\"display:block; position:relative; text-decoration:none;\">\n    <div class=\"property-image\" style=\"background-image:url(https:\/\/vidabalear.com\/wp-content\/uploads\/2026\/03\/TheAnchorage_Mallorca.jpg); height:340px; background-size:cover; background-position:center;\"><\/div>\n    <div class=\"property-info\">\n        <h4>\nN\/A en N\/A<\/h4>\n        <p class=\"price\">P.O.A.<\/p>\n        <div class=\"property-meta\">\n            <span> Camas<\/span> | \n\t\t\t<span> Ba\u00f1os<\/span> | \n            <span> m\u00b2<\/span>\n        <\/div>\n        <p style=\"display: none; font-size:12px; color:#666;\">Ref: <\/p>\n    <\/div>\n    <div class=\"property-gradient\"><\/div> <!-- Gradient layer -->\n<\/a>\n\n<style>\n.property-card {\n    display: block;\n    position: relative;\n    text-decoration: none;\n    overflow: hidden; \/* Prevents overflow *\/\n    z-index: 1; \/* Ensure it's on top *\/\n}\n\n.property-image {\n    height: 380px; \/* Fixed height for the image *\/\n    background-size: cover;\n    background-position: center;\n}\n\n.property-info {\n    position: absolute; \/* Position absolute to overlap the image *\/\n    bottom: 0; \/* Stick to the bottom *\/\n    left: 0; \/* Align to the left *\/\n    right: 0; \/* Align to the right *\/\n    padding: 10px; \/* Adjust padding *\/\n    z-index: 10; \/* Ensure it's above the gradient *\/\n    transition: height 0.3s ease; \/* Smooth transition for height *\/\n    height: 100px; \/* Initial height *\/\n}\n\n.property-card:hover .property-info {\n    height: 130px; \/* Increased height on hover *\/\n}\n\n.property-gradient {\n    height: 100%; \/* Full height of the card *\/\nbackground: linear-gradient(0deg,rgba(3, 56, 81, 1) 0%, rgba(3, 56, 81, 0) 50%, rgba(3, 56, 81, 0) 100%);\n    position: absolute; \/* Position it absolutely *\/\n    bottom: 0; \/* Stick to the bottom *\/\n    left: 0; \/* Align to the left *\/\n    right: 0; \/* Align to the right *\/\n    z-index: 5; \/* Layer below the info *\/\n}\n\n.property-info h4, .property-info p {\n    color: #fff;\n    text-align: center;\n    margin: 0; \/* Remove default margin *\/\n}\n\n.property-info h4 {\n    font-family: \"ivyora-display\", Sans-serif;\n    font-size: 28px;\n    font-weight: 400;\n}\n\n.property-info .price {\n    font-family: Inter;\n    font-weight: bold;\n    font-size: 21px;\n}\n\n.property-meta {\n    opacity: 0; \/* Hide meta by default *\/\n    transition: opacity 0.3s ease;\n    text-align: center; \/* Center align *\/\n    color: #fff;\n}\n\n.property-card:hover .property-meta {\n    opacity: 1; \/* Show meta on hover *\/\n}\n\n.property-card-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 20px;\n    max-width: none;\n    margin: 0 auto;\n    position: relative;\n    z-index: 10; \/* Ensure grid is above other elements *\/\n}\n\n@media (max-width: 992px) {\n    .property-card-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n}\n\n@media (max-width: 576px) {\n    .property-card-grid {\n        grid-template-columns: 1fr;\n    }\n}\n<\/style>\n    <a href=\"https:\/\/vidabalear.com\/es\/propiedad\/properties-mallorca-waterfront-property-2\/\" class=\"property-card\" style=\"display:block; position:relative; text-decoration:none;\">\n    <div class=\"property-image\" style=\"background-image:url(https:\/\/vidabalear.com\/wp-content\/uploads\/2026\/03\/view2.jpg); height:340px; background-size:cover; background-position:center;\"><\/div>\n    <div class=\"property-info\">\n        <h4>\nN\/A en N\/A<\/h4>\n        <p class=\"price\">P.O.A.<\/p>\n        <div class=\"property-meta\">\n            <span> Camas<\/span> | \n\t\t\t<span> Ba\u00f1os<\/span> | \n            <span> m\u00b2<\/span>\n        <\/div>\n        <p style=\"display: none; font-size:12px; color:#666;\">Ref: <\/p>\n    <\/div>\n    <div class=\"property-gradient\"><\/div> <!-- Gradient layer -->\n<\/a>\n\n<style>\n.property-card {\n    display: block;\n    position: relative;\n    text-decoration: none;\n    overflow: hidden; \/* Prevents overflow *\/\n    z-index: 1; \/* Ensure it's on top *\/\n}\n\n.property-image {\n    height: 380px; \/* Fixed height for the image *\/\n    background-size: cover;\n    background-position: center;\n}\n\n.property-info {\n    position: absolute; \/* Position absolute to overlap the image *\/\n    bottom: 0; \/* Stick to the bottom *\/\n    left: 0; \/* Align to the left *\/\n    right: 0; \/* Align to the right *\/\n    padding: 10px; \/* Adjust padding *\/\n    z-index: 10; \/* Ensure it's above the gradient *\/\n    transition: height 0.3s ease; \/* Smooth transition for height *\/\n    height: 100px; \/* Initial height *\/\n}\n\n.property-card:hover .property-info {\n    height: 130px; \/* Increased height on hover *\/\n}\n\n.property-gradient {\n    height: 100%; \/* Full height of the card *\/\nbackground: linear-gradient(0deg,rgba(3, 56, 81, 1) 0%, rgba(3, 56, 81, 0) 50%, rgba(3, 56, 81, 0) 100%);\n    position: absolute; \/* Position it absolutely *\/\n    bottom: 0; \/* Stick to the bottom *\/\n    left: 0; \/* Align to the left *\/\n    right: 0; \/* Align to the right *\/\n    z-index: 5; \/* Layer below the info *\/\n}\n\n.property-info h4, .property-info p {\n    color: #fff;\n    text-align: center;\n    margin: 0; \/* Remove default margin *\/\n}\n\n.property-info h4 {\n    font-family: \"ivyora-display\", Sans-serif;\n    font-size: 28px;\n    font-weight: 400;\n}\n\n.property-info .price {\n    font-family: Inter;\n    font-weight: bold;\n    font-size: 21px;\n}\n\n.property-meta {\n    opacity: 0; \/* Hide meta by default *\/\n    transition: opacity 0.3s ease;\n    text-align: center; \/* Center align *\/\n    color: #fff;\n}\n\n.property-card:hover .property-meta {\n    opacity: 1; \/* Show meta on hover *\/\n}\n\n.property-card-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 20px;\n    max-width: none;\n    margin: 0 auto;\n    position: relative;\n    z-index: 10; \/* Ensure grid is above other elements *\/\n}\n\n@media (max-width: 992px) {\n    .property-card-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n}\n\n@media (max-width: 576px) {\n    .property-card-grid {\n        grid-template-columns: 1fr;\n    }\n}\n<\/style>\n    <a href=\"https:\/\/vidabalear.com\/es\/propiedad\/apartments-villas-country-houses-estates-2\/\" class=\"property-card\" style=\"display:block; position:relative; text-decoration:none;\">\n    <div class=\"property-image\" style=\"background-image:url(https:\/\/vidabalear.com\/wp-content\/uploads\/2026\/03\/golf_ball.jpg); height:340px; background-size:cover; background-position:center;\"><\/div>\n    <div class=\"property-info\">\n        <h4>\nN\/A en N\/A<\/h4>\n        <p class=\"price\">P.O.A.<\/p>\n        <div class=\"property-meta\">\n            <span> Camas<\/span> | \n\t\t\t<span> Ba\u00f1os<\/span> | \n            <span> m\u00b2<\/span>\n        <\/div>\n        <p style=\"display: none; font-size:12px; color:#666;\">Ref: <\/p>\n    <\/div>\n    <div class=\"property-gradient\"><\/div> <!-- Gradient layer -->\n<\/a>\n\n<style>\n.property-card {\n    display: block;\n    position: relative;\n    text-decoration: none;\n    overflow: hidden; \/* Prevents overflow *\/\n    z-index: 1; \/* Ensure it's on top *\/\n}\n\n.property-image {\n    height: 380px; \/* Fixed height for the image *\/\n    background-size: cover;\n    background-position: center;\n}\n\n.property-info {\n    position: absolute; \/* Position absolute to overlap the image *\/\n    bottom: 0; \/* Stick to the bottom *\/\n    left: 0; \/* Align to the left *\/\n    right: 0; \/* Align to the right *\/\n    padding: 10px; \/* Adjust padding *\/\n    z-index: 10; \/* Ensure it's above the gradient *\/\n    transition: height 0.3s ease; \/* Smooth transition for height *\/\n    height: 100px; \/* Initial height *\/\n}\n\n.property-card:hover .property-info {\n    height: 130px; \/* Increased height on hover *\/\n}\n\n.property-gradient {\n    height: 100%; \/* Full height of the card *\/\nbackground: linear-gradient(0deg,rgba(3, 56, 81, 1) 0%, rgba(3, 56, 81, 0) 50%, rgba(3, 56, 81, 0) 100%);\n    position: absolute; \/* Position it absolutely *\/\n    bottom: 0; \/* Stick to the bottom *\/\n    left: 0; \/* Align to the left *\/\n    right: 0; \/* Align to the right *\/\n    z-index: 5; \/* Layer below the info *\/\n}\n\n.property-info h4, .property-info p {\n    color: #fff;\n    text-align: center;\n    margin: 0; \/* Remove default margin *\/\n}\n\n.property-info h4 {\n    font-family: \"ivyora-display\", Sans-serif;\n    font-size: 28px;\n    font-weight: 400;\n}\n\n.property-info .price {\n    font-family: Inter;\n    font-weight: bold;\n    font-size: 21px;\n}\n\n.property-meta {\n    opacity: 0; \/* Hide meta by default *\/\n    transition: opacity 0.3s ease;\n    text-align: center; \/* Center align *\/\n    color: #fff;\n}\n\n.property-card:hover .property-meta {\n    opacity: 1; \/* Show meta on hover *\/\n}\n\n.property-card-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 20px;\n    max-width: none;\n    margin: 0 auto;\n    position: relative;\n    z-index: 10; \/* Ensure grid is above other elements *\/\n}\n\n@media (max-width: 992px) {\n    .property-card-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n}\n\n@media (max-width: 576px) {\n    .property-card-grid {\n        grid-template-columns: 1fr;\n    }\n}\n<\/style>\n    <a href=\"https:\/\/vidabalear.com\/es\/propiedad\/las-abubillas-villas-junto-al-campo-de-golf\/\" class=\"property-card\" style=\"display:block; position:relative; text-decoration:none;\">\n    <div class=\"property-image\" style=\"background-image:url(https:\/\/vidabalear.com\/wp-content\/uploads\/2026\/03\/Abubiilas_for_sale_-1024x683.jpg); height:340px; background-size:cover; background-position:center;\"><\/div>\n    <div class=\"property-info\">\n        <h4>\nVilla en Santa Ponsa<\/h4>\n        <p class=\"price\">P.O.A.<\/p>\n        <div class=\"property-meta\">\n            <span>3 Camas<\/span> | \n\t\t\t<span>2 Ba\u00f1os<\/span> | \n            <span> m\u00b2<\/span>\n        <\/div>\n        <p style=\"display: none; font-size:12px; color:#666;\">Ref: Abubillas<\/p>\n    <\/div>\n    <div class=\"property-gradient\"><\/div> <!-- Gradient layer -->\n<\/a>\n\n<style>\n.property-card {\n    display: block;\n    position: relative;\n    text-decoration: none;\n    overflow: hidden; \/* Prevents overflow *\/\n    z-index: 1; \/* Ensure it's on top *\/\n}\n\n.property-image {\n    height: 380px; \/* Fixed height for the image *\/\n    background-size: cover;\n    background-position: center;\n}\n\n.property-info {\n    position: absolute; \/* Position absolute to overlap the image *\/\n    bottom: 0; \/* Stick to the bottom *\/\n    left: 0; \/* Align to the left *\/\n    right: 0; \/* Align to the right *\/\n    padding: 10px; \/* Adjust padding *\/\n    z-index: 10; \/* Ensure it's above the gradient *\/\n    transition: height 0.3s ease; \/* Smooth transition for height *\/\n    height: 100px; \/* Initial height *\/\n}\n\n.property-card:hover .property-info {\n    height: 130px; \/* Increased height on hover *\/\n}\n\n.property-gradient {\n    height: 100%; \/* Full height of the card *\/\nbackground: linear-gradient(0deg,rgba(3, 56, 81, 1) 0%, rgba(3, 56, 81, 0) 50%, rgba(3, 56, 81, 0) 100%);\n    position: absolute; \/* Position it absolutely *\/\n    bottom: 0; \/* Stick to the bottom *\/\n    left: 0; \/* Align to the left *\/\n    right: 0; \/* Align to the right *\/\n    z-index: 5; \/* Layer below the info *\/\n}\n\n.property-info h4, .property-info p {\n    color: #fff;\n    text-align: center;\n    margin: 0; \/* Remove default margin *\/\n}\n\n.property-info h4 {\n    font-family: \"ivyora-display\", Sans-serif;\n    font-size: 28px;\n    font-weight: 400;\n}\n\n.property-info .price {\n    font-family: Inter;\n    font-weight: bold;\n    font-size: 21px;\n}\n\n.property-meta {\n    opacity: 0; \/* Hide meta by default *\/\n    transition: opacity 0.3s ease;\n    text-align: center; \/* Center align *\/\n    color: #fff;\n}\n\n.property-card:hover .property-meta {\n    opacity: 1; \/* Show meta on hover *\/\n}\n\n.property-card-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 20px;\n    max-width: none;\n    margin: 0 auto;\n    position: relative;\n    z-index: 10; \/* Ensure grid is above other elements *\/\n}\n\n@media (max-width: 992px) {\n    .property-card-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n}\n\n@media (max-width: 576px) {\n    .property-card-grid {\n        grid-template-columns: 1fr;\n    }\n}\n<\/style>\n    <a href=\"https:\/\/vidabalear.com\/es\/propiedad\/illetas-el-anclaje\/\" class=\"property-card\" style=\"display:block; position:relative; text-decoration:none;\">\n    <div class=\"property-image\" style=\"background-image:url(https:\/\/vidabalear.com\/wp-content\/uploads\/2026\/03\/The_Anchorage_Mallorca-1024x684.jpg); height:340px; background-size:cover; background-position:center;\"><\/div>\n    <div class=\"property-info\">\n        <h4>\nApartamento en Illetes<\/h4>\n        <p class=\"price\">P.O.A.<\/p>\n        <div class=\"property-meta\">\n            <span> Camas<\/span> | \n\t\t\t<span> Ba\u00f1os<\/span> | \n            <span> m\u00b2<\/span>\n        <\/div>\n        <p style=\"display: none; font-size:12px; color:#666;\">Ref: ILL042<\/p>\n    <\/div>\n    <div class=\"property-gradient\"><\/div> <!-- Gradient layer -->\n<\/a>\n\n<style>\n.property-card {\n    display: block;\n    position: relative;\n    text-decoration: none;\n    overflow: hidden; \/* Prevents overflow *\/\n    z-index: 1; \/* Ensure it's on top *\/\n}\n\n.property-image {\n    height: 380px; \/* Fixed height for the image *\/\n    background-size: cover;\n    background-position: center;\n}\n\n.property-info {\n    position: absolute; \/* Position absolute to overlap the image *\/\n    bottom: 0; \/* Stick to the bottom *\/\n    left: 0; \/* Align to the left *\/\n    right: 0; \/* Align to the right *\/\n    padding: 10px; \/* Adjust padding *\/\n    z-index: 10; \/* Ensure it's above the gradient *\/\n    transition: height 0.3s ease; \/* Smooth transition for height *\/\n    height: 100px; \/* Initial height *\/\n}\n\n.property-card:hover .property-info {\n    height: 130px; \/* Increased height on hover *\/\n}\n\n.property-gradient {\n    height: 100%; \/* Full height of the card *\/\nbackground: linear-gradient(0deg,rgba(3, 56, 81, 1) 0%, rgba(3, 56, 81, 0) 50%, rgba(3, 56, 81, 0) 100%);\n    position: absolute; \/* Position it absolutely *\/\n    bottom: 0; \/* Stick to the bottom *\/\n    left: 0; \/* Align to the left *\/\n    right: 0; \/* Align to the right *\/\n    z-index: 5; \/* Layer below the info *\/\n}\n\n.property-info h4, .property-info p {\n    color: #fff;\n    text-align: center;\n    margin: 0; \/* Remove default margin *\/\n}\n\n.property-info h4 {\n    font-family: \"ivyora-display\", Sans-serif;\n    font-size: 28px;\n    font-weight: 400;\n}\n\n.property-info .price {\n    font-family: Inter;\n    font-weight: bold;\n    font-size: 21px;\n}\n\n.property-meta {\n    opacity: 0; \/* Hide meta by default *\/\n    transition: opacity 0.3s ease;\n    text-align: center; \/* Center align *\/\n    color: #fff;\n}\n\n.property-card:hover .property-meta {\n    opacity: 1; \/* Show meta on hover *\/\n}\n\n.property-card-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 20px;\n    max-width: none;\n    margin: 0 auto;\n    position: relative;\n    z-index: 10; \/* Ensure grid is above other elements *\/\n}\n\n@media (max-width: 992px) {\n    .property-card-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n}\n\n@media (max-width: 576px) {\n    .property-card-grid {\n        grid-template-columns: 1fr;\n    }\n}\n<\/style>\n    <a href=\"https:\/\/vidabalear.com\/es\/propiedad\/propiedad-en-puerto-andratx-nuevos-y-elegantes-apartamentos-con-vistas-al-mar\/\" class=\"property-card\" style=\"display:block; position:relative; text-decoration:none;\">\n    <div class=\"property-image\" style=\"background-image:url(https:\/\/vidabalear.com\/wp-content\/uploads\/2026\/03\/new_apartments_Mallorca.jpg); height:340px; background-size:cover; background-position:center;\"><\/div>\n    <div class=\"property-info\">\n        <h4>\nApartamento en Puerto Andratx<\/h4>\n        <p class=\"price\">P.O.A.<\/p>\n        <div class=\"property-meta\">\n            <span>3 Camas<\/span> | \n\t\t\t<span>2 Ba\u00f1os<\/span> | \n            <span>100 m\u00b2<\/span>\n        <\/div>\n        <p style=\"display: none; font-size:12px; color:#666;\">Ref: PTA400<\/p>\n    <\/div>\n    <div class=\"property-gradient\"><\/div> <!-- Gradient layer -->\n<\/a>\n\n<style>\n.property-card {\n    display: block;\n    position: relative;\n    text-decoration: none;\n    overflow: hidden; \/* Prevents overflow *\/\n    z-index: 1; \/* Ensure it's on top *\/\n}\n\n.property-image {\n    height: 380px; \/* Fixed height for the image *\/\n    background-size: cover;\n    background-position: center;\n}\n\n.property-info {\n    position: absolute; \/* Position absolute to overlap the image *\/\n    bottom: 0; \/* Stick to the bottom *\/\n    left: 0; \/* Align to the left *\/\n    right: 0; \/* Align to the right *\/\n    padding: 10px; \/* Adjust padding *\/\n    z-index: 10; \/* Ensure it's above the gradient *\/\n    transition: height 0.3s ease; \/* Smooth transition for height *\/\n    height: 100px; \/* Initial height *\/\n}\n\n.property-card:hover .property-info {\n    height: 130px; \/* Increased height on hover *\/\n}\n\n.property-gradient {\n    height: 100%; \/* Full height of the card *\/\nbackground: linear-gradient(0deg,rgba(3, 56, 81, 1) 0%, rgba(3, 56, 81, 0) 50%, rgba(3, 56, 81, 0) 100%);\n    position: absolute; \/* Position it absolutely *\/\n    bottom: 0; \/* Stick to the bottom *\/\n    left: 0; \/* Align to the left *\/\n    right: 0; \/* Align to the right *\/\n    z-index: 5; \/* Layer below the info *\/\n}\n\n.property-info h4, .property-info p {\n    color: #fff;\n    text-align: center;\n    margin: 0; \/* Remove default margin *\/\n}\n\n.property-info h4 {\n    font-family: \"ivyora-display\", Sans-serif;\n    font-size: 28px;\n    font-weight: 400;\n}\n\n.property-info .price {\n    font-family: Inter;\n    font-weight: bold;\n    font-size: 21px;\n}\n\n.property-meta {\n    opacity: 0; \/* Hide meta by default *\/\n    transition: opacity 0.3s ease;\n    text-align: center; \/* Center align *\/\n    color: #fff;\n}\n\n.property-card:hover .property-meta {\n    opacity: 1; \/* Show meta on hover *\/\n}\n\n.property-card-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 20px;\n    max-width: none;\n    margin: 0 auto;\n    position: relative;\n    z-index: 10; \/* Ensure grid is above other elements *\/\n}\n\n@media (max-width: 992px) {\n    .property-card-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n}\n\n@media (max-width: 576px) {\n    .property-card-grid {\n        grid-template-columns: 1fr;\n    }\n}\n<\/style>\n    <a href=\"https:\/\/vidabalear.com\/es\/propiedad\/palma-nova-casa-familiar\/\" class=\"property-card\" style=\"display:block; position:relative; text-decoration:none;\">\n    <div class=\"property-image\" style=\"background-image:url(https:\/\/vidabalear.com\/wp-content\/uploads\/2026\/03\/family_viia_Palma_Nova-1024x684.jpg); height:340px; background-size:cover; background-position:center;\"><\/div>\n    <div class=\"property-info\">\n        <h4>\nVilla en Palmanova<\/h4>\n        <p class=\"price\">\u20ac4.950.000<\/p>\n        <div class=\"property-meta\">\n            <span> Camas<\/span> | \n\t\t\t<span> Ba\u00f1os<\/span> | \n            <span> m\u00b2<\/span>\n        <\/div>\n        <p style=\"display: none; font-size:12px; color:#666;\">Ref: PN512<\/p>\n    <\/div>\n    <div class=\"property-gradient\"><\/div> <!-- Gradient layer -->\n<\/a>\n\n<style>\n.property-card {\n    display: block;\n    position: relative;\n    text-decoration: none;\n    overflow: hidden; \/* Prevents overflow *\/\n    z-index: 1; \/* Ensure it's on top *\/\n}\n\n.property-image {\n    height: 380px; \/* Fixed height for the image *\/\n    background-size: cover;\n    background-position: center;\n}\n\n.property-info {\n    position: absolute; \/* Position absolute to overlap the image *\/\n    bottom: 0; \/* Stick to the bottom *\/\n    left: 0; \/* Align to the left *\/\n    right: 0; \/* Align to the right *\/\n    padding: 10px; \/* Adjust padding *\/\n    z-index: 10; \/* Ensure it's above the gradient *\/\n    transition: height 0.3s ease; \/* Smooth transition for height *\/\n    height: 100px; \/* Initial height *\/\n}\n\n.property-card:hover .property-info {\n    height: 130px; \/* Increased height on hover *\/\n}\n\n.property-gradient {\n    height: 100%; \/* Full height of the card *\/\nbackground: linear-gradient(0deg,rgba(3, 56, 81, 1) 0%, rgba(3, 56, 81, 0) 50%, rgba(3, 56, 81, 0) 100%);\n    position: absolute; \/* Position it absolutely *\/\n    bottom: 0; \/* Stick to the bottom *\/\n    left: 0; \/* Align to the left *\/\n    right: 0; \/* Align to the right *\/\n    z-index: 5; \/* Layer below the info *\/\n}\n\n.property-info h4, .property-info p {\n    color: #fff;\n    text-align: center;\n    margin: 0; \/* Remove default margin *\/\n}\n\n.property-info h4 {\n    font-family: \"ivyora-display\", Sans-serif;\n    font-size: 28px;\n    font-weight: 400;\n}\n\n.property-info .price {\n    font-family: Inter;\n    font-weight: bold;\n    font-size: 21px;\n}\n\n.property-meta {\n    opacity: 0; \/* Hide meta by default *\/\n    transition: opacity 0.3s ease;\n    text-align: center; \/* Center align *\/\n    color: #fff;\n}\n\n.property-card:hover .property-meta {\n    opacity: 1; \/* Show meta on hover *\/\n}\n\n.property-card-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 20px;\n    max-width: none;\n    margin: 0 auto;\n    position: relative;\n    z-index: 10; \/* Ensure grid is above other elements *\/\n}\n\n@media (max-width: 992px) {\n    .property-card-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n}\n\n@media (max-width: 576px) {\n    .property-card-grid {\n        grid-template-columns: 1fr;\n    }\n}\n<\/style>\n    <\/div><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e2e6676 e-con-full e-flex e-con e-parent\" data-id=\"e2e6676\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-420f35e elementor-align-center elementor-widget elementor-widget-button\" data-id=\"420f35e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/vidabalear.com\/es\/propiedades\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Ver todas las propiedades<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Resultados de tu b\u00fasqueda Ver todas las propiedades<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":891,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-2344","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Resultados de la b\u00fasqueda - Vida Balear<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/vidabalear.com\/es\/propiedades\/resultados-de-la-busqueda\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Resultados de la b\u00fasqueda - Vida Balear\" \/>\n<meta property=\"og:description\" content=\"Resultados de tu b\u00fasqueda Ver todas las propiedades\" \/>\n<meta property=\"og:url\" content=\"https:\/\/vidabalear.com\/es\/propiedades\/resultados-de-la-busqueda\/\" \/>\n<meta property=\"og:site_name\" content=\"Vida Balear\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-01T10:17:27+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/vidabalear.com\\\/es\\\/propiedades\\\/resultados-de-la-busqueda\\\/\",\"url\":\"https:\\\/\\\/vidabalear.com\\\/es\\\/propiedades\\\/resultados-de-la-busqueda\\\/\",\"name\":\"Resultados de la b\u00fasqueda - Vida Balear\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/vidabalear.com\\\/es\\\/#website\"},\"datePublished\":\"2026-04-30T12:15:15+00:00\",\"dateModified\":\"2026-05-01T10:17:27+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/vidabalear.com\\\/es\\\/propiedades\\\/resultados-de-la-busqueda\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/vidabalear.com\\\/es\\\/propiedades\\\/resultados-de-la-busqueda\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/vidabalear.com\\\/es\\\/propiedades\\\/resultados-de-la-busqueda\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/vidabalear.com\\\/es\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Propiedades\",\"item\":\"https:\\\/\\\/vidabalear.com\\\/es\\\/propiedades\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Resultados de la b\u00fasqueda\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/vidabalear.com\\\/es\\\/#website\",\"url\":\"https:\\\/\\\/vidabalear.com\\\/es\\\/\",\"name\":\"Vida Balear\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/vidabalear.com\\\/es\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/vidabalear.com\\\/es\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/vidabalear.com\\\/es\\\/#organization\",\"name\":\"Vida Balear\",\"url\":\"https:\\\/\\\/vidabalear.com\\\/es\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/vidabalear.com\\\/es\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/vidabalear.com\\\/wp-content\\\/uploads\\\/2026\\\/01\\\/vida-logo-white.png\",\"contentUrl\":\"https:\\\/\\\/vidabalear.com\\\/wp-content\\\/uploads\\\/2026\\\/01\\\/vida-logo-white.png\",\"width\":482,\"height\":282,\"caption\":\"Vida Balear\"},\"image\":{\"@id\":\"https:\\\/\\\/vidabalear.com\\\/es\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Resultados de la b\u00fasqueda - Vida Balear","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/vidabalear.com\/es\/propiedades\/resultados-de-la-busqueda\/","og_locale":"es_ES","og_type":"article","og_title":"Resultados de la b\u00fasqueda - Vida Balear","og_description":"Resultados de tu b\u00fasqueda Ver todas las propiedades","og_url":"https:\/\/vidabalear.com\/es\/propiedades\/resultados-de-la-busqueda\/","og_site_name":"Vida Balear","article_modified_time":"2026-05-01T10:17:27+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/vidabalear.com\/es\/propiedades\/resultados-de-la-busqueda\/","url":"https:\/\/vidabalear.com\/es\/propiedades\/resultados-de-la-busqueda\/","name":"Resultados de la b\u00fasqueda - Vida Balear","isPartOf":{"@id":"https:\/\/vidabalear.com\/es\/#website"},"datePublished":"2026-04-30T12:15:15+00:00","dateModified":"2026-05-01T10:17:27+00:00","breadcrumb":{"@id":"https:\/\/vidabalear.com\/es\/propiedades\/resultados-de-la-busqueda\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/vidabalear.com\/es\/propiedades\/resultados-de-la-busqueda\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/vidabalear.com\/es\/propiedades\/resultados-de-la-busqueda\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/vidabalear.com\/es\/"},{"@type":"ListItem","position":2,"name":"Propiedades","item":"https:\/\/vidabalear.com\/es\/propiedades\/"},{"@type":"ListItem","position":3,"name":"Resultados de la b\u00fasqueda"}]},{"@type":"WebSite","@id":"https:\/\/vidabalear.com\/es\/#website","url":"https:\/\/vidabalear.com\/es\/","name":"Vida Balear","description":"","publisher":{"@id":"https:\/\/vidabalear.com\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/vidabalear.com\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/vidabalear.com\/es\/#organization","name":"Vida Balear","url":"https:\/\/vidabalear.com\/es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/vidabalear.com\/es\/#\/schema\/logo\/image\/","url":"https:\/\/vidabalear.com\/wp-content\/uploads\/2026\/01\/vida-logo-white.png","contentUrl":"https:\/\/vidabalear.com\/wp-content\/uploads\/2026\/01\/vida-logo-white.png","width":482,"height":282,"caption":"Vida Balear"},"image":{"@id":"https:\/\/vidabalear.com\/es\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/vidabalear.com\/es\/wp-json\/wp\/v2\/pages\/2344","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vidabalear.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vidabalear.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vidabalear.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vidabalear.com\/es\/wp-json\/wp\/v2\/comments?post=2344"}],"version-history":[{"count":13,"href":"https:\/\/vidabalear.com\/es\/wp-json\/wp\/v2\/pages\/2344\/revisions"}],"predecessor-version":[{"id":2656,"href":"https:\/\/vidabalear.com\/es\/wp-json\/wp\/v2\/pages\/2344\/revisions\/2656"}],"up":[{"embeddable":true,"href":"https:\/\/vidabalear.com\/es\/wp-json\/wp\/v2\/pages\/891"}],"wp:attachment":[{"href":"https:\/\/vidabalear.com\/es\/wp-json\/wp\/v2\/media?parent=2344"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}