{"id":1727,"date":"2026-05-17T16:25:35","date_gmt":"2026-05-17T16:25:35","guid":{"rendered":"https:\/\/dentalfirst.care\/?page_id=1727"},"modified":"2026-05-24T19:21:28","modified_gmt":"2026-05-24T19:21:28","slug":"implant-candidate-assessment","status":"publish","type":"page","link":"https:\/\/dentalfirst.care\/es\/implant-candidate-assessment\/","title":{"rendered":"[Secure] Full-Arch Implant Assessment & Clinical Advisory | DFC"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n \n \n Clinical Credit Eligibility & Implant Assessment | Dental First Care<\/title>\n \n <!-- Official Poppins Font for DFC -->\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\n \n <!-- Professional Trust Icons -->\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\n\n <style>\n \/* --- DFC LIGHT MODE CLINICAL COLOR PALETTE --- *\/\n :root {\n --bg-color: #ffffff; \/* Pure white clinical background *\/\n --text-main: #1C244B; \/* DFC corporate navy *\/\n --text-muted: rgba(28, 36, 75, 0.75); \/* Corporate navy with opacity for descriptions *\/\n --accent-color: #E70B0B; \/* DFC surgical red for high-impact conversion *\/\n --accent-hover: #c40505; \/* Deep hover state red *\/\n --accent-glow: rgba(231, 11, 11, 0.08);\n --card-bg: #f8fafc; \/* Premium light slate card background *\/\n --card-bg-hover: #f1f5f9;\n --border-color: rgba(28, 36, 75, 0.12);\n }\n\n * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n \/* Absolute mobile-overflow prevention shield *\/\n html, body {\n max-width: 100%;\n overflow-x: hidden;\n width: 100%;\n }\n\n body {\n background-color: var(--bg-color);\n color: var(--text-main);\n font-family: 'Poppins', sans-serif;\n line-height: 1.6;\n }\n\n \/* --- PREMIUM STICKY TOP CTA BAR --- *\/\n .sticky-header-cta {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n background-color: rgba(28, 36, 75, 0.98);\n backdrop-filter: blur(10px);\n -webkit-backdrop-filter: blur(10px);\n box-shadow: 0 4px 30px rgba(28, 36, 75, 0.15);\n z-index: 9999;\n transform: translateY(-102%);\n transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n padding: 12px 20px;\n }\n\n .sticky-header-cta.show {\n transform: translateY(0);\n }\n\n .sticky-header-inner {\n max-width: 1100px;\n margin: 0 auto;\n display: flex;\n justify-content: space-between;\n align-items: center;\n width: 100%;\n }\n\n .sticky-logo-container {\n display: flex;\n align-items: center;\n gap: 15px;\n }\n\n .sticky-logo {\n height: 30px !important;\n width: auto !important;\n object-fit: contain;\n filter: brightness(0) invert(1); \/* Forces logo white against dark navy stickibar *\/\n }\n\n .sticky-divider {\n width: 1px;\n height: 20px;\n background-color: rgba(255, 255, 255, 0.15);\n }\n\n .sticky-tagline {\n color: #ffffff;\n font-size: 11px;\n font-weight: 800;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n }\n\n \/* Modificado para que el texto sea completamente blanco y subrayado *\/\n .sticky-tagline span {\n color: #ffffff !important;\n text-decoration: underline !important;\n }\n\n .sticky-cta-btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n background-color: var(--accent-color);\n color: #ffffff;\n border: none;\n padding: 12px 24px;\n font-size: 11px;\n font-weight: 900;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n border-radius: 6px;\n cursor: pointer;\n transition: all 0.2s ease-in-out;\n box-shadow: 0 4px 15px rgba(231, 11, 11, 0.2);\n }\n\n .sticky-cta-btn:hover {\n background-color: var(--accent-hover);\n transform: translateY(-1px);\n }\n\n @media (max-width: 768px) {\n .sticky-logo-container, .sticky-divider, .sticky-tagline {\n display: none !important; \/* Hide branding on mobile to give CTA full space *\/\n }\n .sticky-header-inner {\n justify-content: center;\n }\n .sticky-cta-btn {\n width: 100%;\n padding: 14px 20px;\n font-size: 11px;\n letter-spacing: 0.5px;\n }\n }\n\n \/* --- MAIN CONTAINER --- *\/\n .landing-wrapper {\n max-width: 1100px;\n margin: 0 auto;\n padding: 30px 20px;\n width: 100%;\n }\n\n @media (max-width: 576px) {\n .landing-wrapper {\n padding: 15px 15px; \/* Optimize margins on small viewports *\/\n }\n }\n\n \/* --- PREMIUM HEADER --- *\/\n .page-header {\n display: flex;\n flex-direction: column; \/* Centered alignment stack *\/\n justify-content: center;\n align-items: center;\n text-align: center;\n padding: 20px 0;\n border-bottom: 1px solid var(--border-color);\n margin-bottom: 60px;\n width: 100%;\n gap: 20px;\n }\n\n @media (max-width: 768px) {\n .page-header {\n margin-bottom: 40px;\n padding-bottom: 15px;\n gap: 15px;\n }\n }\n\n \/* Restrictive security sizing for DFC Main Logo *\/\n .header-logo {\n width: 240px !important;\n max-width: 100% !important;\n height: auto !important;\n object-fit: contain;\n display: block;\n }\n\n @media (max-width: 480px) {\n .header-logo {\n width: 190px !important; \/* Slightly more compact on mobile viewports *\/\n }\n }\n\n .header-badge {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n background-color: rgba(231, 11, 11, 0.05);\n border: 1px solid var(--accent-color);\n color: var(--accent-color);\n padding: 6px 16px;\n border-radius: 50px;\n font-size: 10px;\n font-weight: 800;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n }\n\n \/* --- HERO SECTION --- *\/\n .hero-section {\n display: flex;\n flex-direction: column;\n gap: 30px;\n margin-bottom: 80px;\n width: 100%;\n }\n\n .hero-content {\n width: 100%;\n max-width: 100%;\n }\n\n \/* Prominent, high-contrast, fluid headline typography *\/\n .hero-content h1 {\n font-size: clamp(28px, 5.5vw, 48px);\n font-weight: 900;\n line-height: 1.15;\n text-transform: uppercase;\n color: var(--text-main);\n margin-bottom: 20px;\n word-wrap: break-word; \/* Security wrapping for long medical terms *\/\n overflow-wrap: break-word;\n -webkit-hyphens: auto;\n -ms-hyphens: auto;\n hyphens: auto;\n }\n\n .hero-content h1 span {\n color: var(--accent-color);\n }\n\n .hero-content p {\n font-size: clamp(14px, 1.6vw, 16px); \/* Balanced responsive paragraph size *\/\n color: var(--text-muted);\n margin-bottom: 10px;\n font-weight: 400;\n max-width: 850px;\n width: 100%;\n }\n\n \/* Adaptive button alignment container *\/\n .cta-button-container {\n display: flex;\n justify-content: center; \/* Centered alignment for optimal width balance *\/\n align-items: center;\n width: 100%;\n margin: 40px 0;\n }\n\n \/* Main High-Conversion CTA Button *\/\n .cta-button {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n background-color: var(--text-main);\n color: #ffffff;\n border: 2px solid var(--text-main);\n padding: 22px 30px;\n font-size: clamp(12px, 3.5vw, 18px); \/* Larger fluid copy *\/\n font-weight: 900;\n letter-spacing: 2px;\n text-transform: uppercase;\n text-decoration: none;\n border-radius: 8px;\n box-shadow: 0 12px 30px rgba(28, 36, 75, 0.15);\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n cursor: pointer;\n width: 100%; \/* Stretch across viewport limits *\/\n max-width: 100%;\n gap: 15px;\n }\n\n .cta-button:hover {\n background-color: var(--accent-color);\n border-color: var(--accent-color);\n box-shadow: 0 15px 40px rgba(231, 11, 11, 0.25);\n transform: translateY(-2px);\n }\n\n \/* Internal button text flexible parameters *\/\n .cta-text {\n flex: 1;\n text-align: center;\n white-space: normal; \/* Enables clean multiline wrap on mobile *\/\n line-height: 1.3;\n word-break: break-word;\n }\n\n @media (max-width: 480px) {\n .cta-button {\n padding: 16px 15px;\n letter-spacing: 0.5px;\n gap: 10px;\n }\n }\n\n .pulse-dot {\n width: 12px;\n height: 12px;\n background-color: #ef4444; \/* High-contrast conversion pulse *\/\n border-radius: 50%;\n display: inline-block;\n animation: pulse 1.5s infinite;\n flex-shrink: 0;\n }\n\n @keyframes pulse {\n 0% { transform: scale(0.9); opacity: 1; }\n 50% { transform: scale(1.3); opacity: 0.4; }\n 100% { transform: scale(0.9); opacity: 1; }\n }\n\n \/* --- HERO SIDE-BY-SIDE MEDIA WRAPPER --- *\/\n .hero-media-wrapper {\n display: grid;\n grid-template-columns: 1fr 1fr; \/* Symmetrical desktop columns *\/\n gap: 30px;\n width: 100%;\n align-items: stretch; \/* Forces equal height *\/\n }\n\n .hero-clinical-image {\n position: relative;\n width: 100%;\n height: 100%;\n min-height: 350px;\n border-radius: 16px;\n overflow: hidden;\n border: 1px solid var(--border-color);\n box-shadow: 0 12px 35px rgba(28, 36, 75, 0.08);\n background-color: #f1f5f9;\n }\n\n .hero-clinical-image img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n transition: transform 0.5s ease;\n }\n\n .hero-clinical-image:hover img {\n transform: scale(1.03);\n }\n\n .media-badge {\n position: absolute;\n top: 15px;\n left: 15px;\n background-color: rgba(28, 36, 75, 0.95);\n backdrop-filter: blur(4px);\n color: #ffffff;\n padding: 6px 12px;\n border-radius: 6px;\n font-size: 10px;\n font-weight: 800;\n letter-spacing: 1px;\n text-transform: uppercase;\n z-index: 10;\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n display: flex;\n align-items: center;\n gap: 6px;\n }\n\n \/* Benefit Overview Card *\/\n .hero-image-card {\n background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\n border: 1px solid var(--border-color);\n border-radius: 16px;\n padding: 35px;\n text-align: left;\n position: relative;\n width: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n\n .hero-image-card h3 {\n font-size: 20px;\n font-weight: 800;\n text-transform: uppercase;\n margin-bottom: 20px;\n color: var(--text-main);\n }\n\n .hero-image-card ul {\n list-style: none;\n margin-bottom: 20px;\n }\n\n .hero-image-card li {\n font-size: 14px;\n color: var(--text-muted);\n margin-bottom: 12px;\n display: flex;\n align-items: center;\n gap: 10px;\n font-weight: 600;\n }\n\n .hero-image-card li i {\n color: var(--accent-color);\n }\n\n @media (max-width: 991px) {\n .hero-media-wrapper {\n grid-template-columns: 1fr; \/* Stack vertically on smaller tablets *\/\n gap: 20px;\n max-width: 540px;\n margin: 0 auto;\n }\n .hero-clinical-image {\n height: 280px;\n min-height: auto;\n }\n }\n\n \/* --- CLINICAL DIAGNOSTIC TECHNOLOGY --- *\/\n .section-title {\n font-size: 24px;\n font-weight: 800;\n text-transform: uppercase;\n letter-spacing: 1px;\n margin-bottom: 15px;\n border-left: 3px solid var(--accent-color);\n padding-left: 15px;\n color: var(--text-main);\n }\n\n @media (max-width: 768px) {\n .section-title {\n font-size: 20px;\n }\n }\n\n .section-desc {\n color: var(--text-muted);\n margin-bottom: 45px;\n font-size: 15px;\n max-width: 850px;\n font-weight: 500;\n }\n\n @media (max-width: 768px) {\n .section-desc {\n font-size: 13px;\n margin-bottom: 30px;\n }\n }\n\n .tech-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 25px;\n margin-bottom: 80px;\n width: 100%;\n }\n\n @media (max-width: 768px) {\n .tech-grid {\n grid-template-columns: 1fr;\n gap: 15px;\n margin-bottom: 50px;\n }\n }\n\n .tech-card {\n background-color: var(--card-bg);\n border: 1px solid rgba(28, 36, 75, 0.05);\n border-radius: 12px;\n padding: 30px;\n transition: all 0.3s ease;\n }\n\n .tech-card:hover {\n border-color: rgba(28, 36, 75, 0.15);\n background-color: var(--card-bg-hover);\n transform: translateY(-3px);\n }\n\n .tech-icon {\n font-size: 28px;\n color: var(--accent-color);\n margin-bottom: 20px;\n }\n\n .tech-card h4 {\n font-size: 17px;\n font-weight: 800;\n text-transform: uppercase;\n margin-bottom: 10px;\n color: var(--text-main);\n }\n\n .tech-card p {\n font-size: 13px;\n color: var(--text-muted);\n line-height: 1.5;\n font-weight: 500;\n }\n\n \/* --- BEFORE \/ AFTER EXPERT COMPARISON --- *\/\n .comparison-section {\n margin-bottom: 80px;\n width: 100%;\n }\n\n @media (max-width: 768px) {\n .comparison-section {\n margin-bottom: 50px;\n }\n }\n\n .comparison-grid {\n display: grid;\n grid-template-columns: 1.2fr 1fr;\n gap: 40px;\n align-items: center;\n width: 100%;\n }\n\n @media (max-width: 900px) {\n .comparison-grid {\n grid-template-columns: 1fr;\n gap: 20px;\n }\n }\n\n \/* Interactive Comparison Slider Wrapper *\/\n .ba-slider-wrapper {\n position: relative;\n width: 100%;\n height: 400px;\n border-radius: 16px;\n overflow: hidden;\n border: 1px solid var(--border-color);\n box-shadow: 0 15px 35px rgba(28, 36, 75, 0.08);\n background-color: #eaeef2;\n }\n\n @media (max-width: 768px) {\n .ba-slider-wrapper {\n height: 280px; \/* Reduced vertical footprint on mobile *\/\n }\n }\n\n .ba-slider-wrapper img {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n pointer-events: none;\n }\n\n \/* Clip-Path responsive before overlay (un-squished transformation tracking) *\/\n .image-before-overlay {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n overflow: hidden;\n z-index: 10;\n clip-path: inset(0 50% 0 0); \/* Default 50% split *\/\n }\n\n \/* Slider floating badges *\/\n .ba-label {\n position: absolute;\n bottom: 20px;\n background-color: rgba(28, 36, 75, 0.85);\n color: #ffffff;\n padding: 6px 14px;\n border-radius: 4px;\n font-size: 11px;\n font-weight: 800;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n z-index: 20;\n }\n\n @media (max-width: 480px) {\n .ba-label {\n font-size: 9px;\n padding: 4px 8px;\n bottom: 12px;\n }\n }\n\n .label-before {\n left: 20px;\n }\n @media (max-width: 480px) { .label-before { left: 12px; } }\n\n .label-after {\n right: 20px;\n background-color: rgba(231, 11, 11, 0.9);\n }\n @media (max-width: 480px) { .label-after { right: 12px; } }\n\n \/* Invisible controller track *\/\n .ba-range-slider {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n opacity: 0;\n cursor: ew-resize;\n z-index: 30;\n }\n\n \/* Sliding vertical divider handle line *\/\n .ba-divider-line {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 50%;\n width: 4px;\n background-color: #ffffff;\n z-index: 25;\n pointer-events: none;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);\n }\n\n .ba-divider-handle {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 40px;\n height: 40px;\n background-color: var(--accent-color);\n border: 4px solid #ffffff;\n border-radius: 50%;\n z-index: 26;\n display: flex;\n align-items: center;\n justify-content: center;\n color: #ffffff;\n font-size: 12px;\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.35);\n pointer-events: none;\n }\n\n @media (max-width: 480px) {\n .ba-divider-handle {\n width: 32px;\n height: 32px;\n font-size: 10px;\n }\n }\n\n .comparison-cases {\n display: flex;\n flex-direction: column;\n gap: 20px;\n width: 100%;\n }\n\n .case-card {\n background-color: var(--card-bg);\n border: 1px solid var(--border-color);\n border-radius: 12px;\n padding: 20px;\n display: flex;\n gap: 20px;\n align-items: center;\n }\n\n .case-thumb {\n width: 80px;\n height: 80px;\n border-radius: 8px;\n background-color: #eaeef2;\n flex-shrink: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 24px;\n color: var(--text-muted);\n border: 1px solid rgba(28, 36, 75, 0.08);\n }\n\n @media (max-width: 480px) {\n .case-card {\n padding: 15px;\n gap: 15px;\n }\n .case-thumb {\n width: 60px;\n height: 60px;\n font-size: 18px;\n }\n }\n\n .case-card h5 {\n font-size: 15px;\n font-weight: 800;\n color: var(--text-main);\n text-transform: uppercase;\n margin-bottom: 5px;\n }\n\n .case-card p {\n font-size: 12px;\n color: var(--text-muted);\n font-weight: 500;\n line-height: 1.4;\n }\n\n \/* --- VERIFIED CLINICAL PATIENT REVIEWS --- *\/\n .reviews-section {\n margin-bottom: 80px;\n width: 100%;\n }\n\n @media (max-width: 768px) {\n .reviews-section {\n margin-bottom: 50px;\n }\n }\n\n .reviews-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 25px;\n width: 100%;\n }\n\n @media (max-width: 900px) {\n .reviews-grid {\n grid-template-columns: 1fr;\n gap: 15px;\n }\n }\n\n .review-card {\n background-color: var(--card-bg);\n border: 1px solid var(--border-color);\n border-radius: 16px;\n padding: 30px;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n transition: all 0.3s ease;\n }\n\n .review-card:hover {\n border-color: rgba(28, 36, 75, 0.15);\n background-color: var(--card-bg-hover);\n transform: translateY(-2px);\n }\n\n @media (max-width: 480px) {\n .review-card {\n padding: 20px;\n }\n }\n\n .stars-container {\n color: #f59e0b; \/* Yellow star rating highlight *\/\n font-size: 14px;\n margin-bottom: 15px;\n display: flex;\n gap: 4px;\n }\n\n .review-card p {\n font-size: 14px;\n font-style: italic;\n color: var(--text-main);\n line-height: 1.6;\n margin-bottom: 25px;\n font-weight: 500;\n }\n\n @media (max-width: 480px) {\n .review-card p {\n font-size: 13px;\n margin-bottom: 15px;\n }\n }\n\n \/* --- BEFORE\/AFTER IMAGE BOXES INSIDE REVIEWS --- *\/\n .review-before-after {\n display: flex;\n gap: 10px;\n margin-top: 15px;\n margin-bottom: 15px;\n width: 100%;\n }\n\n .review-img-box {\n position: relative;\n flex: 1; \/* Automatically distributes space equally at 50% *\/\n height: 110px; \/* Controlled aesthetic height for 3-column layouts *\/\n border-radius: 8px;\n overflow: hidden;\n border: 1px solid var(--border-color);\n background-color: #f1f5f9;\n }\n\n .review-img-box img {\n width: 100%;\n height: 100%;\n object-fit: cover; \/* Automated resize and fit *\/\n display: block;\n }\n\n .review-img-box .img-label {\n position: absolute;\n bottom: 4px;\n left: 4px;\n background: rgba(28, 36, 75, 0.85);\n color: #ffffff;\n font-size: 8px;\n padding: 2px 5px;\n border-radius: 3px;\n text-transform: uppercase;\n font-weight: 800;\n letter-spacing: 0.5px;\n }\n\n .reviewer-info {\n display: flex;\n align-items: center;\n gap: 15px;\n border-top: 1px solid rgba(28, 36, 75, 0.08);\n padding-top: 20px;\n }\n\n .reviewer-avatar {\n width: 48px;\n height: 48px;\n border-radius: 50%;\n background-color: rgba(28, 36, 75, 0.05);\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n color: var(--text-main);\n border: 1px solid var(--border-color);\n font-size: 14px;\n }\n\n .reviewer-meta h5 {\n font-size: 13px;\n font-weight: 800;\n color: var(--text-main);\n text-transform: uppercase;\n display: flex;\n align-items: center;\n gap: 6px;\n }\n\n .reviewer-meta h5 i {\n color: #10b981; \/* Green verified patient badge *\/\n font-size: 12px;\n }\n\n .reviewer-meta span {\n display: block;\n font-size: 11px;\n color: var(--accent-color);\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n margin-top: 2px;\n }\n\n \/* --- SITE FOOTER --- *\/\n .site-footer {\n border-top: 1px solid var(--border-color);\n padding: 40px 0;\n text-align: center;\n font-size: 12px;\n color: var(--text-muted);\n font-weight: 500;\n width: 100%;\n }\n\n \/* ========================================================== *\/\n \/* --- INTEGRATED PORTAL POP-UP SYSTEM (MOBILE OPTIMIZED) --- *\/\n \/* ========================================================== *\/\n .quiz-modal-overlay {\n position: fixed;\n top: 0;\n left: 0;\n width: 100vw;\n height: 100vh;\n background-color: rgba(28, 36, 75, 0.35);\n backdrop-filter: blur(8px);\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 999999;\n opacity: 0;\n pointer-events: none;\n transition: opacity 0.3s ease;\n }\n\n .quiz-modal-overlay.show {\n opacity: 1;\n pointer-events: auto;\n }\n\n .quiz-modal-box {\n background-color: #ffffff;\n border: 1px solid rgba(28, 36, 75, 0.15);\n border-radius: 16px;\n width: 95%;\n max-width: 540px; \/* Snug wrapper for the Ropofy Survey UI *\/\n padding: 35px 25px 25px 25px; \n box-shadow: 0 25px 50px rgba(28, 36, 75, 0.15);\n transform: scale(0.95);\n transition: transform 0.3s ease;\n position: relative;\n overflow-y: auto; \/* Dynamic height overflow fallback *\/\n max-height: 90vh; \/* Safety margin for small desktop viewports *\/\n display: flex;\n flex-direction: column;\n align-items: center; \/* Absolute horizontal centering *\/\n justify-content: flex-start;\n }\n\n .quiz-modal-overlay.show .quiz-modal-box {\n transform: scale(1);\n }\n\n \/* Fullscreen mobile overlay override *\/\n @media (max-width: 576px) {\n .quiz-modal-box {\n width: 100% !important;\n height: 100% !important;\n max-height: 100vh !important;\n border-radius: 0px !important;\n padding: 10px !important;\n justify-content: flex-start !important;\n border: none !important;\n }\n }\n\n \/* Close Button (X) *\/\n .close-modal-x {\n position: absolute;\n top: 15px;\n right: 15px;\n font-size: 24px;\n color: var(--text-muted);\n cursor: pointer;\n transition: color 0.2s ease;\n z-index: 10000;\n }\n\n .close-modal-x:hover {\n color: var(--accent-color);\n }\n\n @media (max-width: 576px) {\n .close-modal-x {\n top: 10px;\n right: 15px;\n font-size: 28px; \/* Safe mobile tap target *\/\n }\n }\n\n \/* Centered Iframe container *\/\n .iframe-wrapper {\n width: 100%;\n min-height: 550px;\n height: auto; \/* Dynamic height tracking managed by the embed script *\/\n margin-top: 15px;\n display: flex;\n justify-content: center;\n align-items: flex-start;\n }\n\n @media (max-width: 576px) {\n .iframe-wrapper {\n height: calc(100% - 40px) !important;\n min-height: auto !important;\n margin-top: 30px !important;\n }\n }\n\n .iframe-wrapper iframe {\n width: 100%;\n height: 100%;\n border: none;\n display: block;\n margin: 0 auto !important;\n }\n <\/style>\n<\/head>\n<body>\n\n <!-- STICKY TOP HEADER WITH EMBEDDED CTA ACTION -->\n <div class=\"sticky-header-cta\" id=\"sticky-header\">\n <div class=\"sticky-header-inner\">\n <div class=\"sticky-logo-container\">\n <img decoding=\"async\" src=\"https:\/\/dentalfirst.care\/wp-content\/uploads\/2025\/12\/cropped-DFC-logoHorizontal.png\" alt=\"Dental First Care Logo\" class=\"sticky-logo\">\n <div class=\"sticky-divider\"><\/div>\n <div class=\"sticky-tagline\">Permanent Dental Implants: <span>Up to $3,000 Credit<\/span><\/div>\n <\/div>\n <button class=\"sticky-cta-btn\" onclick=\"openQuizModal()\">\n Check My Eligibility <i class=\"fa-solid fa-chevron-right\"><\/i>\n <\/button>\n <\/div>\n <\/div>\n\n <div class=\"landing-wrapper\">\n \n <!-- BRAND HEADER - COMPLETELY CENTERED -->\n <header class=\"page-header\">\n <img decoding=\"async\" src=\"https:\/\/dentalfirst.care\/wp-content\/uploads\/2025\/12\/cropped-DFC-logoHorizontal.png\" alt=\"Dental First Care Logo\" class=\"header-logo\">\n <div class=\"header-badge\">\n <i class=\"fa-solid fa-shield-check\"><\/i>\n CLINICAL VALUATIONS OPEN\n <\/div>\n <\/header>\n\n <!-- HERO SECTION (IMPLANT-CENTERED WITH INTEGRATED TEAM IMAGE SIDE-BY-SIDE WITH BENEFITS) -->\n <section class=\"hero-section\">\n <div class=\"hero-content\">\n <h1>PERMANENT DENTAL IMPLANTS: <span>SECURE UP TO A $3,000 CREDIT<\/span><\/h1>\n <p>\n Restore your natural smile, chewing power, and confidence with board-certified clinical accuracy. Take our secure 60-second clinical suitability assessment to verify your qualification for up to $3,000 in surgical implant credits and schedule your priority in-office custom diagnostic valuation.\n <\/p>\n \n <!-- Full-width CTA button container -->\n <div class=\"cta-button-container\">\n <button class=\"cta-button\" onclick=\"openQuizModal()\">\n <span class=\"pulse-dot\"><\/span>\n <span class=\"cta-text\">CHECK MY $3,000 IMPLANT ELIGIBILITY<\/span>\n <i class=\"fa-solid fa-chevron-right\"><\/i>\n <\/button>\n <\/div>\n <\/div>\n \n <!-- Premium Hero Media Stack (Dynamically structured side-by-side) -->\n <div class=\"hero-media-wrapper\">\n <!-- Professional Specialist Team Image -->\n <div class=\"hero-clinical-image\">\n <img decoding=\"async\" src=\"https:\/\/dentalfirst.care\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-18-at-17.41.43.jpeg\" alt=\"Dental First Care Specialist Team\" onerror=\"this.style.display='none'\">\n <span class=\"media-badge\"><i class=\"fa-solid fa-user-shield\"><\/i> CLINICAL CASE PLANNING<\/span>\n <\/div>\n \n <!-- Benefit Overview Card -->\n <div class=\"hero-image-card\">\n <h3>Credit & Valuation Benefits<\/h3>\n <ul>\n <li><i class=\"fa-solid fa-circle-check\"><\/i> Credit Audit (Up to $3,000 Assigned)<\/li>\n <li><i class=\"fa-solid fa-circle-check\"><\/i> 3D Computed Tomography Scan<\/li>\n <li><i class=\"fa-solid fa-circle-check\"><\/i> Custom Restorative Treatment Blueprint<\/li>\n <li><i class=\"fa-solid fa-circle-check\"><\/i> Surgical Board Diagnostic Review<\/li>\n <\/ul>\n <p style=\"font-size: 11px; font-weight: 700; text-transform: uppercase; color: var(--accent-color);\">\n *Subject to bone density audit.\n <\/p>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- CLINICAL PROTOCOLS SECTION -->\n <section>\n <h2 class=\"section-title\">DIAGNOSTIC & CLINICAL PROTOCOLS<\/h2>\n <p class=\"section-desc\">\n We prioritize complete anatomical clarity before any treatment recommendation or surgical credit is finalized.\n <\/p>\n\n <div class=\"tech-grid\">\n <!-- 3D CT Scan -->\n <div class=\"tech-card\">\n <i class=\"fa-solid fa-radiation tech-icon\"><\/i>\n <h4>3D CT Diagnostic Imaging<\/h4>\n <p>Tridimensional anatomical mapping with ultra-precision to guarantee maximum nerve safety and evaluate your bone density suitability.<\/p>\n <\/div>\n\n <!-- 3D Intraoral Scanning -->\n <div class=\"tech-card\">\n <i class=\"fa-solid fa-wand-magic-sparkles tech-icon\"><\/i>\n <h4>Precise Digital Diagnostics<\/h4>\n <p>Say goodbye to uncomfortable molds. We capture a digital replica of your mouth at a micron level for perfect diagnostic accuracy.<\/p>\n <\/div>\n\n <!-- Surgeon Board Review -->\n <div class=\"tech-card\">\n <i class=\"fa-solid fa-user-doctor tech-icon\"><\/i>\n <h4>Surgical Advisory Board<\/h4>\n <p>Your individual case planning and credit application are reviewed collectively by elite surgeons to recommend the most biologically sound path.<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- INTERACTIVE SLIDER GALLERY (BEFORE \/ AFTER) -->\n <section class=\"comparison-section\">\n <h2 class=\"section-title\">SMILE RECONSTRUCTION GALLERY<\/h2>\n <p class=\"section-desc\">\n Drag the interactive slider below to see how our customized clinical planning transforms patient smiles.\n <\/p>\n \n <div class=\"comparison-grid\">\n <!-- Interactive Slide Container -->\n <div class=\"ba-slider-wrapper\">\n <!-- After State (Primary Base View - Restored Smile) -->\n <img decoding=\"async\" src=\"https:\/\/dentalfirst.care\/wp-content\/uploads\/2026\/05\/despues.png\" alt=\"Restored Smile\">\n \n <!-- Before State (Clip-Path overlap mask - Initial Anatomy) -->\n <div class=\"image-before-overlay\" id=\"before-img-overlay\">\n <img decoding=\"async\" src=\"https:\/\/dentalfirst.care\/wp-content\/uploads\/2026\/05\/antes.png\" alt=\"Initial Anatomy\">\n <\/div>\n \n <!-- Slider UI overlays -->\n <div class=\"ba-label label-before\">Initial Anatomy<\/div>\n <div class=\"ba-label label-after\">Restored Smile<\/div>\n <div class=\"ba-divider-line\" id=\"slider-divider\"><\/div>\n <div class=\"ba-divider-handle\" id=\"slider-handle\">\n <i class=\"fa-solid fa-arrows-left-right\"><\/i>\n <\/div>\n <input type=\"range\" min=\"0\" max=\"100\" value=\"50\" class=\"ba-range-slider\" id=\"ba-controller\">\n <\/div>\n\n <!-- Clinical transformation case descriptions -->\n <div class=\"comparison-cases\">\n <div class=\"case-card\">\n <div class=\"case-thumb\"><i class=\"fa-solid fa-teeth\"><\/i><\/div>\n <div>\n <h5>Case 884: Complex Bone Atrophy Solution<\/h5>\n <p>Patient was living with loose partial dentures for 8 years. Detailed structural assessment and surgical board planning qualified them for our maximum $3,000 restorative credit.<\/p>\n <\/div>\n <\/div>\n <div class=\"case-card\">\n <div class=\"case-thumb\"><i class=\"fa-solid fa-face-smile\"><\/i><\/div>\n <div>\n <h5>Case 712: Multi-Stage Biological Planning<\/h5>\n <p>Successful dual-arch treatment planning backed by personalized credit advising, clinical evaluation, and conscious sedation.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- VERIFIED CLINICAL PATIENT REVIEWS (WITH BEFORE & AFTER INTEGRATED) -->\n <section class=\"reviews-section\">\n <h2 class=\"section-title\">VERIFIED EXPERIENCES OF TRUST<\/h2>\n <p class=\"section-desc\">\n Read real stories from our full-arch clinical candidates who recovered their lives and health through our medical board.\n <\/p>\n\n <div class=\"reviews-grid\">\n <!-- Review 1 -->\n <div class=\"review-card\">\n <div>\n <div class=\"stars-container\">\n <i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i>\n <\/div>\n <p>Mi caso no se trataba solo de est\u00e9tica; ten\u00eda espacios estructurales significativos y problemas de salud gingival que requer\u00edan un enfoque especializado. La Junta Odontol\u00f3gica de DFC dise\u00f1\u00f3 un plan integral que combin\u00f3 periodoncia avanzada con coronas y carillas de alta precisi\u00f3n. El resultado es una sonrisa saludable y sin fisuras que se siente tan natural como se ve. Esto es ingenier\u00eda dental en su m\u00e1xima expresi\u00f3n.<\/p>\n \n <!-- Automated before\/after block responsive grid -->\n <div class=\"review-before-after\">\n <div class=\"review-img-box\">\n <img decoding=\"async\" src=\"https:\/\/dentalfirst.care\/wp-content\/uploads\/2026\/05\/8.png\" alt=\"Patient 1 Before\">\n <span class=\"img-label\">Before<\/span>\n <\/div>\n <div class=\"review-img-box\">\n <img decoding=\"async\" src=\"https:\/\/dentalfirst.care\/wp-content\/uploads\/2026\/05\/7.png\" alt=\"Patient 1 After\">\n <span class=\"img-label\">After<\/span>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"reviewer-info\">\n <div class=\"reviewer-meta\">\n <h5>James B.<i class=\"fa-solid fa-circle-check\"><\/i><\/h5>\n <span>Smile Design with Veneers, Crowns, and Periodontal Therapy (PERIO)<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Review 2 -->\n <div class=\"review-card\">\n <div>\n <div class=\"stars-container\">\n <i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i>\n <\/div>\n <p>Lo que diferencia a DFC es su capacidad para resolver casos complejos en un mismo lugar. Ten\u00eda los dientes desgastados y problemas de alineaci\u00f3n que requer\u00edan m\u00e1s que una simple soluci\u00f3n est\u00e9tica. Siguiendo sus protocolos certificados por la Junta, el equipo utiliz\u00f3 una combinaci\u00f3n de nivel maestro entre coronas y carillas para restaurar la funcionalidad completa y una est\u00e9tica impecable. Los resultados hablan por s\u00ed solos.<\/p>\n \n <!-- Automated before\/after block responsive grid -->\n <div class=\"review-before-after\">\n <div class=\"review-img-box\">\n <img decoding=\"async\" src=\"https:\/\/dentalfirst.care\/wp-content\/uploads\/2026\/05\/5.png\" alt=\"Patient 2 Before\">\n <span class=\"img-label\">Before<\/span>\n <\/div>\n <div class=\"review-img-box\">\n <img decoding=\"async\" src=\"https:\/\/dentalfirst.care\/wp-content\/uploads\/2026\/05\/6.png\" alt=\"Patient 2 After\">\n <span class=\"img-label\">After<\/span>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"reviewer-info\">\n <div class=\"reviewer-meta\">\n <h5>Robert D. <i class=\"fa-solid fa-circle-check\"><\/i><\/h5>\n <span>Smile Design with Veneers, Crowns, and Periodontal Therapy<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Review 3 -->\n <div class=\"review-card\">\n <div>\n <div class=\"stars-container\">\n <i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i><i class=\"fa-solid fa-star\"><\/i>\n <\/div>\n <p>Perder un diente era una gran preocupaci\u00f3n, pero DFC ofreci\u00f3 una clase maestra en odontolog\u00eda restauradora. Integraron con \u00e9xito un implante dental de \u00faltima generaci\u00f3n en un Dise\u00f1o de Sonrisa global. La transici\u00f3n entre el implante, las coronas y las carillas es invisible. Su capacidad para coordinar m\u00faltiples especialidades en un solo caso es lo que los convierte en los mejores en su campo.<\/p>\n \n <!-- Automated before\/after block responsive grid -->\n <div class=\"review-before-after\">\n <div class=\"review-img-box\">\n <img decoding=\"async\" src=\"https:\/\/dentalfirst.care\/wp-content\/uploads\/2026\/05\/3.png\" alt=\"Patient 3 Before\">\n <span class=\"img-label\">Before<\/span>\n <\/div>\n <div class=\"review-img-box\">\n <img decoding=\"async\" src=\"https:\/\/dentalfirst.care\/wp-content\/uploads\/2026\/05\/4.png\" alt=\"Patient 3 After\">\n <span class=\"img-label\">After<\/span>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"reviewer-info\">\n <div class=\"reviewer-meta\">\n <h5>Jennifer P. <i class=\"fa-solid fa-circle-check\"><\/i><\/h5>\n <span>Dental Implant + Smile Design with Veneers, Crowns, and Periodontal Therapy (PERIO)<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- DATA COMPLIANCE FOOTER -->\n <footer class=\"site-footer\">\n <p>\u00a9 2026 Dental First Care. All rights reserved. Highly Secure HIPAA-Certified Clinical Portal.<\/p>\n <\/footer>\n\n <\/div>\n\n <!-- ========================================== -->\n\n <!-- ========================================== -->\n <div class=\"quiz-modal-overlay\" id=\"quiz-modal\">\n <div class=\"quiz-modal-box\">\n <!-- Modal Close Button -->\n <i class=\"fa-solid fa-xmark close-modal-x\" onclick=\"closeQuizModal()\"><\/i>\n\n <!-- Ropofy Embedded Survey Iframe wrapper with scrolling=\"no\" -->\n <div class=\"iframe-wrapper\">\n <iframe src=\"https:\/\/apis.ropofy.com\/widget\/survey\/wvmRzmZc9rrtSwS5kpSY\" style=\"border:none;width:100%;\" scrolling=\"no\" id=\"wvmRzmZc9rrtSwS5kpSY\" title=\"survey\"><\/iframe>\n <script src=\"https:\/\/apis.ropofy.com\/js\/form_embed.js\"><\/script>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n \/\/ --- POP-UP TRIGGER CONTROLLERS (OPEN \/ CLOSE) ---\n function openQuizModal() {\n const modal = document.getElementById('quiz-modal');\n if (modal) {\n modal.classList.add('show');\n }\n }\n\n \/\/ Close Modal Action\n function closeQuizModal() {\n const modal = document.getElementById('quiz-modal');\n if (modal) {\n modal.classList.remove('show');\n }\n }\n\n \/\/ Dismiss overlay on background tap\n window.addEventListener('click', (e) => {\n const modal = document.getElementById('quiz-modal');\n if (e.target === modal) {\n closeQuizModal();\n }\n });\n\n \/\/ --- STICKY TOP HEADER CTA SCROLL DETECTOR ---\n window.addEventListener('scroll', () => {\n const stickyHeader = document.getElementById('sticky-header');\n const heroCtaButton = document.querySelector('.hero-section .cta-button');\n \n if (stickyHeader && heroCtaButton) {\n \/\/ Trigger threshold: when the main Hero CTA button scrolls past the top of the viewport\n const triggerPoint = heroCtaButton.getBoundingClientRect().bottom + window.scrollY;\n \n if (window.scrollY > triggerPoint) {\n stickyHeader.classList.add('show');\n } else {\n stickyHeader.classList.remove('show');\n }\n }\n });\n\n \/\/ --- INTERACTIVE BEFORE\/AFTER SLIDER SCRIPT ---\n const controller = document.getElementById('ba-controller');\n const beforeOverlay = document.getElementById('before-img-overlay');\n const dividerLine = document.getElementById('slider-divider');\n const dividerHandle = document.getElementById('slider-handle');\n\n if (controller && beforeOverlay && dividerLine && dividerHandle) {\n controller.addEventListener('input', (e) => {\n const value = e.target.value;\n beforeOverlay.style.clipPath = `inset(0 ${100 - value}% 0 0)`;\n dividerLine.style.left = `${value}%`;\n dividerHandle.style.left = `${value}%`;\n });\n }\n <\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Explore permanent smile options. Take our 60-second clinical assessment to qualify for expert board advising and secure up to $3,000 in treatment credits.<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_eb_attr":"","pagelayer_contact_templates":[],"_pagelayer_content":"","footnotes":""},"class_list":["post-1727","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/dentalfirst.care\/es\/wp-json\/wp\/v2\/pages\/1727","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dentalfirst.care\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dentalfirst.care\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dentalfirst.care\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dentalfirst.care\/es\/wp-json\/wp\/v2\/comments?post=1727"}],"version-history":[{"count":39,"href":"https:\/\/dentalfirst.care\/es\/wp-json\/wp\/v2\/pages\/1727\/revisions"}],"predecessor-version":[{"id":1862,"href":"https:\/\/dentalfirst.care\/es\/wp-json\/wp\/v2\/pages\/1727\/revisions\/1862"}],"wp:attachment":[{"href":"https:\/\/dentalfirst.care\/es\/wp-json\/wp\/v2\/media?parent=1727"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}