{"id":30,"date":"2026-02-05T10:13:13","date_gmt":"2026-02-05T10:13:13","guid":{"rendered":"https:\/\/mrfontbonet.es\/?page_id=30"},"modified":"2026-02-06T09:12:01","modified_gmt":"2026-02-06T09:12:01","slug":"inicio","status":"publish","type":"page","link":"https:\/\/mrfontbonet.es\/en\/","title":{"rendered":"Home"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"30\" class=\"elementor elementor-30\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4d0947b e-con-full e-flex e-con e-parent\" data-id=\"4d0947b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eee8704 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"eee8704\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700&family=Open+Sans:wght@400;600&display=swap');\r\n\r\n    :root {\r\n        --azul-corp: #2C7BE5;\r\n        --azul-claro: #F0F7FF;\r\n        --texto: #444444;\r\n        --blanco: #FFFFFF;\r\n        --verde-wa: #25D366;\r\n    }\r\n\r\n    body { margin: 0; padding: 0; }\r\n\r\n    .home-wrapper {\r\n        font-family: 'Open Sans', sans-serif;\r\n        color: var(--texto);\r\n        line-height: 1.6;\r\n        width: 100%;\r\n        overflow-x: hidden;\r\n    }\r\n\r\n    .home-wrapper h1, h2, h3 {\r\n        font-family: 'Montserrat', sans-serif;\r\n        color: var(--azul-corp);\r\n        margin-top: 0;\r\n    }\r\n\r\n    \/* --- BOTONES --- *\/\r\n    .btn-dental {\r\n        display: inline-block;\r\n        background-color: var(--azul-corp);\r\n        color: white !important;\r\n        padding: 15px 35px;\r\n        border-radius: 50px;\r\n        text-decoration: none;\r\n        font-weight: 700;\r\n        text-transform: uppercase;\r\n        font-size: 14px;\r\n        box-shadow: 0 4px 15px rgba(44, 123, 229, 0.3);\r\n        transition: 0.3s;\r\n        border: none;\r\n        cursor: pointer;\r\n        text-align: center;\r\n    }\r\n    .btn-dental:hover { transform: translateY(-3px); background-color: #1a5bb8; }\r\n\r\n    .btn-wa {\r\n        background-color: var(--verde-wa);\r\n        box-shadow: 0 4px 15px rgba(37, 211, 102, 0.3);\r\n    }\r\n    .btn-wa:hover { background-color: #1ebc57; }\r\n\r\n    \/* --- 1. HERO SECTION (CORREGIDA M\u00d3VIL) --- *\/\r\n    .hero-section {\r\n        background-image: url('https:\/\/images.unsplash.com\/photo-1588776814546-1ffcf47267a5?ixlib=rb-1.2.1&auto=format&fit=crop&w=1950&q=80');\r\n        background-size: cover;\r\n        background-position: center center;\r\n        min-height: 85vh;\r\n        display: flex;\r\n        align-items: center;\r\n        position: relative;\r\n        padding: 0;\r\n    }\r\n\r\n    .hero-section::before {\r\n        content: ''; position: absolute; top:0; left:0; width:100%; height:100%;\r\n        background: linear-gradient(90deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.85) 40%, rgba(255,255,255,0.3) 100%);\r\n    }\r\n\r\n    .hero-content {\r\n        position: relative; z-index: 2;\r\n        max-width: 600px;\r\n        padding: 40px 5%;\r\n        margin-left: 0;\r\n    }\r\n\r\n    .hero-title { \r\n        font-size: 48px; \r\n        line-height: 1.1; \r\n        margin-bottom: 20px; \r\n        font-weight: 700; \r\n    }\r\n    \r\n    .hero-desc { \r\n        font-size: 18px; \r\n        margin-bottom: 35px; \r\n        color: #444; \r\n        font-weight: 500;\r\n        max-width: 90%; \r\n    }\r\n\r\n    \/* --- 2. SERVICIOS --- *\/\r\n    .servicios-section {\r\n        background-color: var(--azul-claro);\r\n        padding: 60px 20px;\r\n        text-align: center;\r\n    }\r\n    .grid-servicios {\r\n        display: flex; gap: 30px; justify-content: center; flex-wrap: wrap; margin-top: 40px;\r\n    }\r\n    .card {\r\n        background: var(--blanco);\r\n        flex: 1; min-width: 280px; max-width: 380px;\r\n        padding: 40px 30px;\r\n        border-radius: 20px;\r\n        border-top: 5px solid var(--azul-corp);\r\n        box-shadow: 0 10px 30px rgba(44,123,229,0.08);\r\n        text-align: left;\r\n        transition: 0.3s;\r\n    }\r\n    .card:hover { transform: translateY(-5px); }\r\n    \r\n    .card-icon-img {\r\n        display: block; margin: 0 auto 20px auto; width: 64px; height: 64px; object-fit: contain;\r\n    }\r\n    .card h3 { text-align: center; font-size: 20px; margin-bottom: 20px; }\r\n    .card ul { padding-left: 15px; margin: 0; list-style: none; }\r\n    .card li { margin-bottom: 10px; position: relative; padding-left: 20px; font-size: 15px; color: #666; }\r\n    .card li::before { content: '\u271a'; color: var(--azul-corp); position: absolute; left: 0; font-size: 12px; font-weight: bold; }\r\n\r\n    \/* --- 3. DOCTORA --- *\/\r\n    .doctora-section {\r\n        background-color: var(--blanco);\r\n        padding: 80px 20px;\r\n    }\r\n    .doctora-container {\r\n        max-width: 1100px; margin: 0 auto; display: flex; align-items: center; gap: 60px;\r\n    }\r\n    .doc-img img {\r\n        width: 100%; border-radius: 30px 0 30px 0;\r\n        box-shadow: -20px 20px 0 var(--azul-claro);\r\n    }\r\n    .doc-info h2 { font-size: 36px; margin-bottom: 20px; }\r\n    .firma { font-family: cursive; font-size: 24px; color: var(--azul-corp); margin-top: 20px; }\r\n\r\n    \/* --- 4. CONTACTO --- *\/\r\n    .contacto-section {\r\n        background-color: var(--azul-claro);\r\n        padding: 80px 20px;\r\n    }\r\n    .contacto-container {\r\n        max-width: 1100px; margin: 0 auto; display: flex; gap: 50px; flex-wrap: wrap;\r\n    }\r\n    .info-col { flex: 1; min-width: 300px; }\r\n    .form-col { \r\n        flex: 1; min-width: 300px; \r\n        background: var(--blanco); \r\n        padding: 40px; \r\n        border-radius: 20px;\r\n        box-shadow: 0 10px 40px rgba(0,0,0,0.05);\r\n    }\r\n    .dato-item { display: flex; gap: 15px; margin-bottom: 25px; align-items: flex-start; }\r\n    .dato-icon-img { width: 24px; height: 24px; object-fit: contain; margin-top: 3px; }\r\n    \r\n    .input-mock { width: 100%; padding: 12px; margin-bottom: 15px; border: 1px solid #ddd; border-radius: 8px; background: #f9f9f9; box-sizing: border-box; }\r\n\r\n    \/* --- RESPONSIVE M\u00d3VIL --- *\/\r\n    @media (max-width: 768px) {\r\n        .hero-section {\r\n            min-height: 600px;\r\n            background-position: 65% center;\r\n            align-items: flex-end;\r\n            padding-bottom: 50px;\r\n        }\r\n        \r\n        .hero-content {\r\n            background: rgba(255, 255, 255, 0.85);\r\n            padding: 30px;\r\n            border-radius: 20px;\r\n            margin: 20px;\r\n            backdrop-filter: blur(5px);\r\n        }\r\n\r\n        .hero-title { font-size: 32px; }\r\n        .hero-desc { font-size: 16px; }\r\n        \r\n        .doctora-container, .contacto-container { flex-direction: column; }\r\n        .doc-img { order: -1; margin-bottom: 20px; }\r\n        .form-col { padding: 25px; }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"home-wrapper\">\r\n\r\n    <section class=\"hero-section\">\r\n        <div class=\"hero-content\">\r\n            <h1 class=\"hero-title\">Your best smile starts here.<\/h1>\r\n            <p class=\"hero-desc\">Honest dentistry, advanced technology and a friendly approach in La Roca del Vall\u00e8s.<\/p>\r\n            <a href=\"https:\/\/mrfontbonet.es\/en\/servicios\/\" class=\"btn-dental\">see more<\/a>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"servicios-section\">\r\n        <span style=\"color:#888; letter-spacing:2px; font-weight:bold; font-size:12px; text-transform:uppercase;\">Our Treatments<\/span>\r\n        <h2 style=\"margin-bottom:40px;\">Comprehensive Health for Your Mouth<\/h2>\r\n        \r\n        <div class=\"grid-servicios\">\r\n            <div class=\"card\">\r\n                <h3>General Dentistry<\/h3>\r\n                <ul>\r\n                    <li>Hygiene and Prevention<\/li>\r\n                    <li>Aesthetic fillings<\/li>\r\n                    <li>Endodontics<\/li>\r\n                    <li>Prosthesis<\/li>\r\n                <\/ul>\r\n            <\/div>\r\n            <div class=\"card\">\r\n                <h3>Dental Aesthetics<\/h3>\r\n                <ul>\r\n                    <li>Invisible Orthodontics<\/li>\r\n                    <li>LED Whitening<\/li>\r\n                    <li>Ceramic Veneers<\/li>\r\n                    <li>Smile Design<\/li>\r\n                <\/ul>\r\n            <\/div>\r\n            <div class=\"card\">\r\n                <h3>Implants and Surgery<\/h3>\r\n                <ul>\r\n                    <li>Immediate Implants<\/li>\r\n                    <li>Oral Surgery<\/li>\r\n                    <li>Conscious Sedation<\/li>\r\n                    <li>Bone Regeneration<\/li>\r\n                <\/ul>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"doctora-section\">\r\n        <div class=\"doctora-container\">\r\n            <div class=\"doc-info\">\r\n                <h2>Dra. Maria Rosa Font Bonet<\/h2>\r\n                <p>Welcome to my practice. I understand that visiting the dentist is a matter of trust, which is why my philosophy is based on a <strong>friendly, honest and unhurried treatment<\/strong>.<\/p>\r\n                <p>With years of experience caring for patients in La Roca del Vall\u00e8s, we combine the most modern dental technology with the warmth of traditional dentistry.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Tu mejor sonrisa empieza aqu\u00ed. Odontolog\u00eda honesta, tecnolog\u00eda avanzada y un trato familiar en La Roca del Vall\u00e8s. ver m\u00e1s [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-30","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mrfontbonet.es\/en\/wp-json\/wp\/v2\/pages\/30","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mrfontbonet.es\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mrfontbonet.es\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mrfontbonet.es\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mrfontbonet.es\/en\/wp-json\/wp\/v2\/comments?post=30"}],"version-history":[{"count":7,"href":"https:\/\/mrfontbonet.es\/en\/wp-json\/wp\/v2\/pages\/30\/revisions"}],"predecessor-version":[{"id":91,"href":"https:\/\/mrfontbonet.es\/en\/wp-json\/wp\/v2\/pages\/30\/revisions\/91"}],"wp:attachment":[{"href":"https:\/\/mrfontbonet.es\/en\/wp-json\/wp\/v2\/media?parent=30"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}