{"id":547,"date":"2026-01-11T09:25:24","date_gmt":"2026-01-11T09:25:24","guid":{"rendered":"https:\/\/yebbo.com\/ethiodiego\/?p=547"},"modified":"2026-01-11T09:25:28","modified_gmt":"2026-01-11T09:25:28","slug":"professional-mexico-passport-and-visa-photo-services","status":"publish","type":"post","link":"http:\/\/yebbo.com\/ethiodiego\/professional-mexico-passport-and-visa-photo-services\/","title":{"rendered":"Professional Mexico passport and visa photo services"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <meta name=\"description\" content=\"Professional Mexico passport and visa photo services. Servicios profesionales de fotos para pasaporte y visa de M\u00e9xico.\">\n    <title>Mexico Passport &#038; Visa Photos | Yebbo Professional Services<\/title>\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n    <style>\n        \/* CSS Reset and Variables - Mexico Theme Colors *\/\n        :root {\n            --primary: #006847; \/* Mexico Green *\/\n            --secondary: #CE1126; \/* Mexico Red *\/\n            --accent: #006847;\n            --light: #f7fafc;\n            --dark: #2d3748;\n            --success: #38a169;\n            --warning: #dd6b20;\n            --danger: #CE1126;\n            --shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n            --transition: all 0.3s ease;\n        }\n\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        html {\n            scroll-behavior: smooth;\n        }\n\n        body {\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n            line-height: 1.6;\n            color: var(--dark);\n            background-color: var(--light);\n        }\n\n        h1, h2, h3, h4 {\n            margin-bottom: 1rem;\n            line-height: 1.2;\n        }\n\n        p {\n            margin-bottom: 1rem;\n        }\n\n        a {\n            text-decoration: none;\n            color: var(--accent);\n            transition: var(--transition);\n        }\n\n        img {\n            max-width: 100%;\n            height: auto;\n        }\n\n        .container {\n            width: 100%;\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 0 1rem;\n        }\n\n        .btn {\n            display: inline-block;\n            padding: 0.75rem 1.5rem;\n            background-color: var(--primary);\n            color: white;\n            border: none;\n            border-radius: 4px;\n            cursor: pointer;\n            font-weight: 600;\n            text-align: center;\n            transition: var(--transition);\n        }\n\n        .btn:hover {\n            background-color: #004d36;\n            transform: translateY(-2px);\n        }\n\n        .btn-secondary {\n            background-color: var(--secondary);\n        }\n\n        .btn-secondary:hover {\n            background-color: #a50e20;\n        }\n\n        .section {\n            padding: 4rem 0;\n        }\n\n        .section-title {\n            text-align: center;\n            margin-bottom: 3rem;\n            position: relative;\n        }\n\n        .section-title::after {\n            content: '';\n            position: absolute;\n            bottom: -10px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 80px;\n            height: 3px;\n            background: linear-gradient(to right, var(--primary), var(--secondary));\n        }\n\n        \/* Language Tabs *\/\n        .language-tabs {\n            display: flex;\n            justify-content: center;\n            margin-bottom: 2rem;\n            border-bottom: 1px solid #e2e8f0;\n        }\n\n        .language-tab {\n            padding: 0.75rem 1.5rem;\n            background: none;\n            border: none;\n            font-size: 1rem;\n            font-weight: 600;\n            cursor: pointer;\n            border-bottom: 3px solid transparent;\n            transition: var(--transition);\n        }\n\n        .language-tab.active {\n            color: var(--primary);\n            border-bottom: 3px solid var(--primary);\n        }\n\n        .language-tab:hover {\n            color: var(--primary);\n        }\n\n        .language-content {\n            display: none;\n        }\n\n        .language-content.active {\n            display: block;\n        }\n\n        \/* Header and Navigation *\/\n        header {\n            background-color: white;\n            box-shadow: var(--shadow);\n            position: sticky;\n            top: 0;\n            z-index: 1000;\n        }\n\n        .header-container {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            padding: 1rem;\n        }\n\n        .logo {\n            display: flex;\n            align-items: center;\n        }\n\n        .logo img {\n            height: 50px;\n            margin-right: 10px;\n        }\n\n        .logo-text {\n            font-size: 1.5rem;\n            font-weight: 700;\n            color: var(--primary);\n        }\n\n        .nav-menu {\n            display: flex;\n            list-style: none;\n        }\n\n        .nav-item {\n            margin-left: 1.5rem;\n        }\n\n        .nav-link {\n            color: var(--dark);\n            font-weight: 500;\n            padding: 0.5rem 0;\n            position: relative;\n        }\n\n        .nav-link:hover {\n            color: var(--primary);\n        }\n\n        .nav-link::after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 0;\n            height: 2px;\n            background: linear-gradient(to right, var(--primary), var(--secondary));\n            transition: var(--transition);\n        }\n\n        .nav-link:hover::after {\n            width: 100%;\n        }\n\n        .mobile-toggle {\n            display: none;\n            font-size: 1.5rem;\n            cursor: pointer;\n        }\n\n        \/* Phone Number Banner *\/\n        .phone-banner {\n            background: linear-gradient(to right, var(--primary), var(--secondary));\n            color: white;\n            padding: 0.75rem 0;\n            text-align: center;\n            font-weight: 600;\n            font-size: 1.2rem;\n        }\n\n        .phone-banner a {\n            color: white;\n            text-decoration: none;\n            display: inline-flex;\n            align-items: center;\n            gap: 0.5rem;\n        }\n\n        .phone-banner a:hover {\n            color: #f0f0f0;\n        }\n\n        \/* Hero Section with Mexico Theme *\/\n        .hero {\n            background: linear-gradient(rgba(0, 104, 71, 0.85), rgba(206, 17, 38, 0.8)), url('https:\/\/images.unsplash.com\/photo-1518638150340-f706e86654de?ixlib=rb-4.0.3&auto=format&fit=crop&w=1200&q=80');\n            background-size: cover;\n            background-position: center;\n            color: white;\n            padding: 6rem 0;\n            text-align: center;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .hero::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background-image: \n                linear-gradient(90deg, var(--primary) 33%, white 33%, white 66%, var(--secondary) 66%);\n            opacity: 0.1;\n        }\n\n        .hero-content {\n            max-width: 800px;\n            margin: 0 auto;\n            position: relative;\n            z-index: 1;\n        }\n\n        .hero h1 {\n            font-size: 2.5rem;\n            margin-bottom: 1.5rem;\n        }\n\n        .hero p {\n            font-size: 1.2rem;\n            margin-bottom: 2rem;\n        }\n\n        .hero-buttons {\n            display: flex;\n            justify-content: center;\n            gap: 1rem;\n            flex-wrap: wrap;\n        }\n\n        .hero-phone {\n            margin-top: 2rem;\n            font-size: 1.8rem;\n            font-weight: 700;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 0.75rem;\n        }\n\n        .hero-phone a {\n            color: white;\n            text-decoration: none;\n            background: rgba(255, 255, 255, 0.2);\n            padding: 0.75rem 1.5rem;\n            border-radius: 50px;\n            transition: var(--transition);\n            display: inline-flex;\n            align-items: center;\n            gap: 0.5rem;\n        }\n\n        .hero-phone a:hover {\n            background: rgba(255, 255, 255, 0.3);\n            transform: scale(1.05);\n        }\n\n        \/* Services Section *\/\n        .services-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n            gap: 2rem;\n        }\n\n        .service-card {\n            background-color: white;\n            border-radius: 8px;\n            overflow: hidden;\n            box-shadow: var(--shadow);\n            transition: var(--transition);\n            border-top: 4px solid var(--primary);\n        }\n\n        .service-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);\n            border-top: 4px solid var(--secondary);\n        }\n\n        .service-img {\n            height: 200px;\n            overflow: hidden;\n        }\n\n        .service-img img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            transition: var(--transition);\n        }\n\n        .service-card:hover .service-img img {\n            transform: scale(1.05);\n        }\n\n        .service-content {\n            padding: 1.5rem;\n        }\n\n        .service-content h3 {\n            color: var(--primary);\n        }\n\n        \/* Requirements Section *\/\n        .requirements {\n            background-color: var(--light);\n        }\n\n        .requirements-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n            gap: 2rem;\n        }\n\n        .requirement-card {\n            background-color: white;\n            border-radius: 8px;\n            padding: 2rem;\n            box-shadow: var(--shadow);\n            border-left: 4px solid var(--primary);\n        }\n\n        .requirement-card h3 {\n            color: var(--primary);\n            margin-bottom: 1.5rem;\n            display: flex;\n            align-items: center;\n        }\n\n        .requirement-card h3 i {\n            margin-right: 0.75rem;\n            color: var(--primary);\n        }\n\n        .do-dont-list {\n            list-style: none;\n        }\n\n        .do-dont-list li {\n            margin-bottom: 0.75rem;\n            padding-left: 1.5rem;\n            position: relative;\n        }\n\n        .do-dont-list li:before {\n            content: '';\n            position: absolute;\n            left: 0;\n            top: 0.5rem;\n            width: 8px;\n            height: 8px;\n            border-radius: 50%;\n        }\n\n        .do-list li:before {\n            background-color: var(--primary);\n        }\n\n        .dont-list li:before {\n            background-color: var(--secondary);\n        }\n\n        .example-container {\n            background-color: white;\n            border-radius: 8px;\n            padding: 2rem;\n            box-shadow: var(--shadow);\n            margin-top: 2rem;\n            border-top: 4px solid var(--primary);\n        }\n\n        .example-image {\n            max-width: 300px;\n            margin: 0 auto 1.5rem;\n            border: 1px solid #ddd;\n            border-radius: 4px;\n            overflow: hidden;\n        }\n\n        .example-image img {\n            display: block;\n            width: 100%;\n        }\n\n        .credit {\n            font-size: 0.85rem;\n            color: #718096;\n            text-align: center;\n            margin-top: 0.5rem;\n        }\n\n        .specs-table {\n            width: 100%;\n            border-collapse: collapse;\n            margin-top: 1.5rem;\n        }\n\n        .specs-table th, .specs-table td {\n            padding: 0.75rem;\n            text-align: left;\n            border-bottom: 1px solid #e2e8f0;\n        }\n\n        .specs-table th {\n            background-color: #f7fafc;\n            font-weight: 600;\n            color: var(--primary);\n        }\n\n        \/* Detailed Requirements Section *\/\n        .detailed-requirements {\n            background-color: white;\n            border-radius: 8px;\n            padding: 2rem;\n            box-shadow: var(--shadow);\n            margin-top: 2rem;\n            border-top: 4px solid var(--primary);\n        }\n\n        .req-section {\n            margin-bottom: 2.5rem;\n            padding-bottom: 1.5rem;\n            border-bottom: 1px solid #e2e8f0;\n        }\n\n        .req-section:last-child {\n            border-bottom: none;\n        }\n\n        .req-section h3 {\n            color: var(--primary);\n            margin-bottom: 1rem;\n            display: flex;\n            align-items: center;\n        }\n\n        .req-section h3 i {\n            margin-right: 0.75rem;\n            color: var(--primary);\n        }\n\n        .req-list {\n            list-style: none;\n        }\n\n        .req-list li {\n            margin-bottom: 0.75rem;\n            padding-left: 1.5rem;\n            position: relative;\n        }\n\n        .req-list li:before {\n            content: '\u2022';\n            position: absolute;\n            left: 0;\n            color: var(--primary);\n            font-weight: bold;\n        }\n\n        .req-subsection {\n            margin-top: 1rem;\n            margin-left: 1.5rem;\n        }\n\n        .req-subsection h4 {\n            color: var(--primary);\n            margin-bottom: 0.5rem;\n            font-size: 1.1rem;\n        }\n\n        .req-note {\n            background-color: #e6f7f0;\n            padding: 1rem;\n            border-radius: 4px;\n            margin-top: 1rem;\n            border-left: 4px solid var(--primary);\n        }\n\n        \/* Z-Pattern Section *\/\n        .z-pattern {\n            background-color: var(--light);\n        }\n\n        .z-item {\n            display: flex;\n            align-items: center;\n            margin-bottom: 4rem;\n        }\n\n        .z-item:nth-child(even) {\n            flex-direction: row-reverse;\n        }\n\n        .z-img, .z-content {\n            flex: 1;\n            padding: 1rem;\n        }\n\n        .z-img img {\n            border-radius: 8px;\n            box-shadow: var(--shadow);\n        }\n\n        .z-content h2 {\n            color: var(--primary);\n        }\n\n        \/* Testimonials *\/\n        .testimonials {\n            background: linear-gradient(to right, var(--primary), var(--secondary));\n            color: white;\n        }\n\n        .testimonials .section-title::after {\n            background-color: white;\n        }\n\n        .testimonial-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n            gap: 2rem;\n        }\n\n        .testimonial-card {\n            background-color: rgba(255, 255, 255, 0.1);\n            padding: 2rem;\n            border-radius: 8px;\n            position: relative;\n            border-left: 4px solid white;\n        }\n\n        .testimonial-text {\n            font-style: italic;\n            margin-bottom: 1.5rem;\n        }\n\n        .testimonial-author {\n            display: flex;\n            align-items: center;\n        }\n\n        .author-img {\n            width: 50px;\n            height: 50px;\n            border-radius: 50%;\n            overflow: hidden;\n            margin-right: 1rem;\n        }\n\n        .author-info h4 {\n            margin-bottom: 0.25rem;\n        }\n\n        .author-info p {\n            margin-bottom: 0;\n            font-size: 0.9rem;\n            opacity: 0.8;\n        }\n\n        \/* FAQ Section *\/\n        .faq-container {\n            max-width: 800px;\n            margin: 0 auto;\n        }\n\n        .faq-item {\n            margin-bottom: 1rem;\n            border-radius: 8px;\n            overflow: hidden;\n            box-shadow: var(--shadow);\n            border-left: 4px solid var(--primary);\n        }\n\n        .faq-question {\n            padding: 1.5rem;\n            background-color: white;\n            cursor: pointer;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            font-weight: 600;\n        }\n\n        .faq-answer {\n            padding: 0 1.5rem;\n            max-height: 0;\n            overflow: hidden;\n            transition: max-height 0.3s ease;\n            background-color: white;\n        }\n\n        .faq-answer.active {\n            padding: 1.5rem;\n            max-height: 500px;\n        }\n\n        \/* Contact Section *\/\n        .contact-container {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n            gap: 3rem;\n        }\n\n        .contact-info {\n            display: flex;\n            flex-direction: column;\n            gap: 1.5rem;\n        }\n\n        .contact-item {\n            display: flex;\n            align-items: flex-start;\n        }\n\n        .contact-icon {\n            font-size: 1.5rem;\n            margin-right: 1rem;\n            color: var(--primary);\n        }\n\n        .contact-phone {\n            font-size: 1.8rem;\n            font-weight: 700;\n            color: var(--primary);\n            margin: 1rem 0;\n            display: flex;\n            align-items: center;\n            gap: 0.75rem;\n        }\n\n        .contact-form {\n            background-color: white;\n            padding: 2rem;\n            border-radius: 8px;\n            box-shadow: var(--shadow);\n            border-top: 4px solid var(--primary);\n        }\n\n        .form-group {\n            margin-bottom: 1.5rem;\n        }\n\n        .form-label {\n            display: block;\n            margin-bottom: 0.5rem;\n            font-weight: 500;\n        }\n\n        .form-control {\n            width: 100%;\n            padding: 0.75rem;\n            border: 1px solid #ddd;\n            border-radius: 4px;\n            font-family: inherit;\n        }\n\n        .map-container {\n            margin-top: 2rem;\n            border-radius: 8px;\n            overflow: hidden;\n            box-shadow: var(--shadow);\n        }\n\n        .map-container iframe {\n            width: 100%;\n            height: 400px;\n            border: none;\n        }\n\n        \/* Footer *\/\n        footer {\n            background: linear-gradient(to right, var(--primary), var(--secondary));\n            color: white;\n            padding: 4rem 0 2rem;\n        }\n\n        .footer-container {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n            gap: 2rem;\n            margin-bottom: 2rem;\n        }\n\n        .footer-col h3 {\n            color: white;\n            margin-bottom: 1.5rem;\n            position: relative;\n            padding-bottom: 0.5rem;\n        }\n\n        .footer-col h3::after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 40px;\n            height: 2px;\n            background-color: white;\n        }\n\n        .footer-links {\n            list-style: none;\n        }\n\n        .footer-links li {\n            margin-bottom: 0.75rem;\n        }\n\n        .footer-links a {\n            color: #e2e8f0;\n            transition: var(--transition);\n        }\n\n        .footer-links a:hover {\n            color: white;\n            padding-left: 5px;\n        }\n\n        .footer-phone {\n            font-size: 1.5rem;\n            font-weight: 700;\n            margin: 1rem 0;\n            display: flex;\n            align-items: center;\n            gap: 0.5rem;\n        }\n\n        .social-links {\n            display: flex;\n            gap: 1rem;\n            margin-top: 1rem;\n        }\n\n        .social-links a {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            width: 40px;\n            height: 40px;\n            background-color: rgba(255, 255, 255, 0.1);\n            border-radius: 50%;\n            color: white;\n            transition: var(--transition);\n        }\n\n        .social-links a:hover {\n            background-color: white;\n            color: var(--primary);\n            transform: translateY(-3px);\n        }\n\n        .footer-bottom {\n            text-align: center;\n            padding-top: 2rem;\n            border-top: 1px solid rgba(255, 255, 255, 0.2);\n        }\n\n        \/* Trust Signals *\/\n        .trust-signals {\n            display: flex;\n            justify-content: center;\n            flex-wrap: wrap;\n            gap: 2rem;\n            margin: 2rem 0;\n        }\n\n        .trust-item {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            text-align: center;\n            max-width: 150px;\n        }\n\n        .trust-icon {\n            font-size: 2.5rem;\n            color: var(--primary);\n            margin-bottom: 0.5rem;\n        }\n\n        \/* Mexico Flag Banner *\/\n        .mexico-banner {\n            background: linear-gradient(to right, var(--primary) 33%, white 33%, white 66%, var(--secondary) 66%);\n            height: 10px;\n            width: 100%;\n            position: relative;\n        }\n\n        .mexico-banner::before {\n            content: '\ud83c\uddf2\ud83c\uddfd';\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            font-size: 1.5rem;\n        }\n\n        \/* Mobile Responsiveness *\/\n        @media (max-width: 768px) {\n            .mobile-toggle {\n                display: block;\n            }\n\n            .nav-menu {\n                position: fixed;\n                top: 70px;\n                left: -100%;\n                flex-direction: column;\n                background-color: white;\n                width: 100%;\n                text-align: center;\n                transition: 0.3s;\n                box-shadow: var(--shadow);\n                padding: 2rem 0;\n            }\n\n            .nav-menu.active {\n                left: 0;\n            }\n\n            .nav-item {\n                margin: 0.75rem 0;\n            }\n\n            .hero h1 {\n                font-size: 2rem;\n            }\n\n            .hero-phone {\n                font-size: 1.4rem;\n            }\n\n            .contact-phone {\n                font-size: 1.4rem;\n            }\n\n            .footer-phone {\n                font-size: 1.2rem;\n            }\n\n            .z-item, .z-item:nth-child(even) {\n                flex-direction: column;\n            }\n\n            .hero-buttons {\n                flex-direction: column;\n                align-items: center;\n            }\n\n            .hero-buttons .btn {\n                width: 100%;\n                max-width: 300px;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <!-- Mexico Flag Banner -->\n    <div class=\"mexico-banner\"><\/div>\n\n    <!-- Phone Number Banner -->\n    <div class=\"phone-banner\">\n        <a href=\"tel:619-255-5530\">\n            <i class=\"fas fa-phone\"><\/i>\n            CALL NOW: 619-255-5530\n        <\/a>\n    <\/div>\n\n    <!-- Header -->\n    <header>\n        <div class=\"container header-container\">\n            <div class=\"logo\">\n                <div class=\"logo-text\">Mexico Passport &#038; Visa Photos<\/div>\n            <\/div>\n            <div class=\"mobile-toggle\">\n                <i class=\"fas fa-bars\"><\/i>\n            <\/div>\n            <ul class=\"nav-menu\">\n                <li class=\"nav-item\"><a href=\"#home\" class=\"nav-link\">Home<\/a><\/li>\n                <li class=\"nav-item\"><a href=\"#services\" class=\"nav-link\">Services<\/a><\/li>\n                <li class=\"nav-item\"><a href=\"#requirements\" class=\"nav-link\">Requirements<\/a><\/li>\n                <li class=\"nav-item\"><a href=\"#about\" class=\"nav-link\">About<\/a><\/li>\n                <li class=\"nav-item\"><a href=\"#testimonials\" class=\"nav-link\">Testimonials<\/a><\/li>\n                <li class=\"nav-item\"><a href=\"#faq\" class=\"nav-link\">FAQ<\/a><\/li>\n                <li class=\"nav-item\"><a href=\"#contact\" class=\"nav-link\">Contact<\/a><\/li>\n                <li class=\"nav-item\"><a href=\"#\" class=\"btn\">Book Now<\/a><\/li>\n            <\/ul>\n        <\/div>\n    <\/header>\n\n    <!-- Hero Section -->\n    <section class=\"hero\" id=\"home\">\n        <div class=\"container hero-content\">\n            <h1>Professional Mexico Passport &#038; Visa Photos<\/h1>\n            <p>Compliant with all official Mexico requirements. Fast, convenient service with professional results.<\/p>\n            <div class=\"hero-buttons\">\n                <a href=\"#services\" class=\"btn\">View Services<\/a>\n                <a href=\"#contact\" class=\"btn btn-secondary\">Book Appointment<\/a>\n            <\/div>\n            <div class=\"hero-phone\">\n                <a href=\"tel:619-255-5530\">\n                    <i class=\"fas fa-phone\"><\/i>\n                    619-255-5530\n                <\/a>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Language Tabs -->\n    <section class=\"section\">\n        <div class=\"container\">\n            <div class=\"language-tabs\">\n                <button class=\"language-tab active\" data-lang=\"en\">English<\/button>\n                <button class=\"language-tab\" data-lang=\"es\">Espa\u00f1ol<\/button>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Trust Signals - English -->\n    <section class=\"section language-content active\" id=\"trust-en\">\n        <div class=\"container\">\n            <div class=\"trust-signals\">\n                <div class=\"trust-item\">\n                    <i class=\"fas fa-camera trust-icon\"><\/i>\n                    <p>Professional Quality<\/p>\n                <\/div>\n                <div class=\"trust-item\">\n                    <i class=\"fas fa-clock trust-icon\"><\/i>\n                    <p>Fast Service<\/p>\n                <\/div>\n                <div class=\"trust-item\">\n                    <i class=\"fas fa-certificate trust-icon\"><\/i>\n                    <p>Official Compliance<\/p>\n                <\/div>\n                <div class=\"trust-item\">\n                    <i class=\"fas fa-laptop trust-icon\"><\/i>\n                    <p>Digital &#038; Print Options<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Trust Signals - Spanish -->\n    <section class=\"section language-content\" id=\"trust-es\">\n        <div class=\"container\">\n            <div class=\"trust-signals\">\n                <div class=\"trust-item\">\n                    <i class=\"fas fa-camera trust-icon\"><\/i>\n                    <p>Calidad Profesional<\/p>\n                <\/div>\n                <div class=\"trust-item\">\n                    <i class=\"fas fa-clock trust-icon\"><\/i>\n                    <p>Servicio R\u00e1pido<\/p>\n                <\/div>\n                <div class=\"trust-item\">\n                    <i class=\"fas fa-certificate trust-icon\"><\/i>\n                    <p>Cumplimiento Oficial<\/p>\n                <\/div>\n                <div class=\"trust-item\">\n                    <i class=\"fas fa-laptop trust-icon\"><\/i>\n                    <p>Opciones Digitales e Impresas<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Services Section - English -->\n    <section class=\"section language-content active\" id=\"services-en\">\n        <div class=\"container\">\n            <h2 class=\"section-title\">Our Photo Services<\/h2>\n            <div class=\"services-grid\">\n                <div class=\"service-card\">\n                    <div class=\"service-img\">\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1552058544-f2b08422138a?ixlib=rb-4.0.3&#038;auto=format&#038;fit=crop&#038;w=600&#038;q=80\" alt=\"Mexico Passport Photo\">\n                    <\/div>\n                    <div class=\"service-content\">\n                        <h3>Mexico Passport Photo<\/h3>\n                        <p>Compliant with all Mexico passport requirements including size, background, and facial expression.<\/p>\n                        <a href=\"#\" class=\"btn\">Learn More<\/a>\n                    <\/div>\n                <\/div>\n                <div class=\"service-card\">\n                    <div class=\"service-img\">\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1580087226040-bb16b08d5781?ixlib=rb-4.0.3&#038;auto=format&#038;fit=crop&#038;w=600&#038;q=80\" alt=\"Mexico Visa Photo\">\n                    <\/div>\n                    <div class=\"service-content\">\n                        <h3>Mexico Visa Photo<\/h3>\n                        <p>Professional photos meeting specific requirements for all Mexico visa categories.<\/p>\n                        <a href=\"#\" class=\"btn\">Learn More<\/a>\n                    <\/div>\n                <\/div>\n                <div class=\"service-card\">\n                    <div class=\"service-img\">\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1554224155-8d04cb21cd6c?ixlib=rb-4.0.3&#038;auto=format&#038;fit=crop&#038;w=600&#038;q=80\" alt=\"Digital Photo Package\">\n                    <\/div>\n                    <div class=\"service-content\">\n                        <h3>Digital Photo Package<\/h3>\n                        <p>Digital copies of your photos for online applications with guaranteed format compliance.<\/p>\n                        <a href=\"#\" class=\"btn\">Learn More<\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Services Section - Spanish -->\n    <section class=\"section language-content\" id=\"services-es\">\n        <div class=\"container\">\n            <h2 class=\"section-title\">Nuestros Servicios de Fotos<\/h2>\n            <div class=\"services-grid\">\n                <div class=\"service-card\">\n                    <div class=\"service-img\">\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1552058544-f2b08422138a?ixlib=rb-4.0.3&#038;auto=format&#038;fit=crop&#038;w=600&#038;q=80\" alt=\"Foto para Pasaporte Mexicano\">\n                    <\/div>\n                    <div class=\"service-content\">\n                        <h3>Foto para Pasaporte Mexicano<\/h3>\n                        <p>Cumple con todos los requisitos del pasaporte mexicano incluyendo tama\u00f1o, fondo y expresi\u00f3n facial.<\/p>\n                        <a href=\"#\" class=\"btn\">M\u00e1s Informaci\u00f3n<\/a>\n                    <\/div>\n                <\/div>\n                <div class=\"service-card\">\n                    <div class=\"service-img\">\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1580087226040-bb16b08d5781?ixlib=rb-4.0.3&#038;auto=format&#038;fit=crop&#038;w=600&#038;q=80\" alt=\"Foto para Visa Mexicana\">\n                    <\/div>\n                    <div class=\"service-content\">\n                        <h3>Foto para Visa Mexicana<\/h3>\n                        <p>Fotos profesionales que cumplen con los requisitos espec\u00edficos para todas las categor\u00edas de visa mexicana.<\/p>\n                        <a href=\"#\" class=\"btn\">M\u00e1s Informaci\u00f3n<\/a>\n                    <\/div>\n                <\/div>\n                <div class=\"service-card\">\n                    <div class=\"service-img\">\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1554224155-8d04cb21cd6c?ixlib=rb-4.0.3&#038;auto=format&#038;fit=crop&#038;w=600&#038;q=80\" alt=\"Paquete de Fotos Digitales\">\n                    <\/div>\n                    <div class=\"service-content\">\n                        <h3>Paquete de Fotos Digitales<\/h3>\n                        <p>Copias digitales de sus fotos para aplicaciones en l\u00ednea con garant\u00eda de cumplimiento de formato.<\/p>\n                        <a href=\"#\" class=\"btn\">M\u00e1s Informaci\u00f3n<\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Requirements Section - English -->\n    <section class=\"section requirements language-content active\" id=\"requirements-en\">\n        <div class=\"container\">\n            <h2 class=\"section-title\">Mexico Passport Photo Requirements<\/h2>\n            <p style=\"text-align: center; max-width: 800px; margin: 0 auto 2rem;\">To ensure your Mexico passport application is successful, your photos must meet specific requirements set by the Secretar\u00eda de Relaciones Exteriores (SRE).<\/p>\n            \n            <div class=\"requirements-grid\">\n                <div class=\"requirement-card\">\n                    <h3><i class=\"fas fa-check-circle\"><\/i> Do&#8217;s<\/h3>\n                    <ul class=\"do-dont-list do-list\">\n                        <li>Use a plain white background<\/li>\n                        <li>Look directly at the camera with a neutral expression<\/li>\n                        <li>Ensure your face is clearly visible and in focus<\/li>\n                        <li>Keep your eyes open and clearly visible<\/li>\n                        <li>Ensure even lighting with no shadows<\/li>\n                        <li>Use recent photos (taken within the last month)<\/li>\n                        <li>Maintain a natural skin tone<\/li>\n                    <\/ul>\n                <\/div>\n                \n                <div class=\"requirement-card\">\n                    <h3><i class=\"fas fa-times-circle\"><\/i> Don&#8217;ts<\/h3>\n                    <ul class=\"do-dont-list dont-list\">\n                        <li>Don&#8217;t wear hats or head coverings (except for religious reasons)<\/li>\n                        <li>Don&#8217;t have other people or objects in the photo<\/li>\n                        <li>Don&#8217;t have &#8216;red eye&#8217; in photos<\/li>\n                        <li>Don&#8217;t wear sunglasses or tinted glasses<\/li>\n                        <li>Don&#8217;t smile with your mouth open<\/li>\n                        <li>Don&#8217;t use filters or edit your photos<\/li>\n                        <li>Don&#8217;t wear uniforms in the photo<\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n            \n            <!-- Detailed Requirements Section -->\n            <div class=\"detailed-requirements\">\n                <h2 style=\"text-align: center; margin-bottom: 2rem;\">Complete Mexico Passport Photo Specifications<\/h2>\n                \n                <div class=\"req-section\">\n                    <h3><i class=\"fas fa-images\"><\/i> Number of Photos Required<\/h3>\n                    <ul class=\"req-list\">\n                        <li>You must submit 2 identical and unaltered photos with each passport application<\/li>\n                        <li>Both photos must be taken at the same time and be identical in every aspect<\/li>\n                    <\/ul>\n                <\/div>\n                \n                <div class=\"req-section\">\n                    <h3><i class=\"fas fa-ruler\"><\/i> Photo Size Specifications<\/h3>\n                    <ul class=\"req-list\">\n                        <li>Photos must be 32 mm wide by 26 mm high (1.26 inches wide by 1.02 inches high)<\/li>\n                        <li>The head height (from top of hair to bottom of chin) should be between 20-25 mm<\/li>\n                        <li>The distance from the bottom of the photo to the eye line should be 15 mm<\/li>\n                    <\/ul>\n                <\/div>\n                \n                <div class=\"req-section\">\n                    <h3><i class=\"fas fa-camera\"><\/i> Image Quality Requirements<\/h3>\n                    <ul class=\"req-list\">\n                        <li>Photos must be in color (black and white photos are not accepted)<\/li>\n                        <li>Must be clear, sharp and in perfect focus<\/li>\n                        <li>Must have uniform lighting and no shadows, glare or flash reflections<\/li>\n                        <li>Must show a clear difference between your face and the white background<\/li>\n                        <li>Must show your natural skin tone without any color alterations<\/li>\n                        <li>Must be taken in person by a professional photographer<\/li>\n                        <li>Must be printed on high-quality matte photographic paper<\/li>\n                        <li>Must be an original photo that is not altered in any way<\/li>\n                    <\/ul>\n                    <div class=\"req-note\">\n                        <p><strong>Note:<\/strong> Mexico does not accept photos printed at home or photos with any digital alterations.<\/p>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"req-section\">\n                    <h3><i class=\"fas fa-user\"><\/i> Facial Expression Requirements<\/h3>\n                    <ul class=\"req-list\">\n                        <li>Eyes must be open and clearly visible, looking directly at the camera<\/li>\n                        <li>Mouth must be closed with a neutral expression<\/li>\n                        <li>No smiling, frowning, or exaggerated expressions<\/li>\n                        <li>Face must be completely visible with no hair covering the eyes<\/li>\n                    <\/ul>\n                <\/div>\n                \n                <div class=\"req-section\">\n                    <h3><i class=\"fas fa-user-circle\"><\/i> Appearance and Posture<\/h3>\n                    <ul class=\"req-list\">\n                        <li>Photos must be recent (taken within the last month) and reflect current appearance<\/li>\n                        <li>Face and shoulders must be straight on and centered in the photo<\/li>\n                        <li>Head should not be tilted in any direction<\/li>\n                        <li>Background must be plain white without any patterns, textures, or shadows<\/li>\n                    <\/ul>\n                    \n                    <div class=\"req-subsection\">\n                        <h4>What is Accepted:<\/h4>\n                        <ul class=\"req-list\">\n                            <li>Regular prescription glasses (no tint, no glare, eyes clearly visible)<\/li>\n                            <li>Hair can be worn down or up as long as face is fully visible<\/li>\n                            <li>Religious head coverings (full face must be clearly visible)<\/li>\n                            <li>Natural-looking makeup that doesn&#8217;t alter facial features<\/li>\n                        <\/ul>\n                    <\/div>\n                    \n                    <div class=\"req-subsection\">\n                        <h4>What is Not Accepted:<\/h4>\n                        <ul class=\"req-list\">\n                            <li>Sunglasses or tinted glasses of any kind<\/li>\n                            <li>Hats or non-religious head coverings<\/li>\n                            <li>Uniforms or camouflage clothing<\/li>\n                            <li>Heavy makeup that significantly alters appearance<\/li>\n                            <li>Any shadows on the face or background<\/li>\n                            <li>Red-eye effect or any digital corrections<\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"req-section\">\n                    <h3><i class=\"fas fa-tshirt\"><\/i> Clothing Requirements<\/h3>\n                    <ul class=\"req-list\">\n                        <li>Wear normal street clothing (not uniforms or costumes)<\/li>\n                        <li>Avoid white clothing that may blend with the background<\/li>\n                        <li>Clothing should be modest and appropriate for official documentation<\/li>\n                        <li>No low-cut tops that show excessive chest area<\/li>\n                    <\/ul>\n                <\/div>\n                \n                <div class=\"req-section\">\n                    <h3><i class=\"fas fa-certificate\"><\/i> Additional Requirements<\/h3>\n                    <ul class=\"req-list\">\n                        <li>Photos must be printed on matte photographic paper (not glossy)<\/li>\n                        <li>The back of one photo must be stamped with the photographer&#8217;s information<\/li>\n                        <li>Photos cannot be stapled, bent, or damaged in any way<\/li>\n                        <li>For children under 4, both eyes must be open and visible<\/li>\n                        <li>For infants under 1 year, photos can be taken while lying down with a white sheet as background<\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n            \n            <div class=\"example-container\">\n                <h3 style=\"text-align: center; margin-bottom: 1.5rem;\">Official Mexico Passport Photo Example<\/h3>\n                <div class=\"example-image\">\n                    <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/300x400\/006847\/FFFFFF?text=Mexico+Passport+Photo+Example\" alt=\"Official Mexico Passport Photo Example\">\n                <\/div>\n                <p class=\"credit\">Example of proper Mexico passport photo composition and requirements<\/p>\n                \n                <h4 style=\"margin-top: 2rem; margin-bottom: 1rem;\">Technical Specifications Summary<\/h4>\n                <table class=\"specs-table\">\n                    <tr>\n                        <th>Requirement<\/th>\n                        <th>Specification<\/th>\n                    <\/tr>\n                    <tr>\n                        <td>Size<\/td>\n                        <td>32mm x 26mm (1.26&#8243; x 1.02&#8243;)<\/td>\n                    <\/tr>\n                    <tr>\n                        <td>Background<\/td>\n                        <td>Plain white only<\/td>\n                    <\/tr>\n                    <tr>\n                        <td>Head Size<\/td>\n                        <td>20-25mm from top of hair to chin<\/td>\n                    <\/tr>\n                    <tr>\n                        <td>Image Quality<\/td>\n                        <td>Color, sharp focus, high resolution<\/td>\n                    <\/tr>\n                    <tr>\n                        <td>Print Quality<\/td>\n                        <td>Matte photographic paper<\/td>\n                    <\/tr>\n                    <tr>\n                        <td>Expression<\/td>\n                        <td>Neutral, closed mouth, eyes open<\/td>\n                    <\/tr>\n                    <tr>\n                        <td>Lighting<\/td>\n                        <td>Uniform, no shadows<\/td>\n                    <\/tr>\n                    <tr>\n                        <td>Number of Photos<\/td>\n                        <td>2 identical photos required<\/td>\n                    <\/tr>\n                <\/table>\n                \n                <div style=\"margin-top: 2rem; padding: 1.5rem; background-color: #e6f7f0; border-radius: 8px; border-left: 4px solid var(--primary);\">\n                    <h4 style=\"color: var(--primary); margin-bottom: 0.5rem;\"><i class=\"fas fa-lightbulb\"><\/i> Pro Tip<\/h4>\n                    <p style=\"margin-bottom: 0;\">The most common reason for Mexico passport photo rejection is incorrect size or non-white background. Let our professionals ensure your photos meet all SRE requirements including proper sizing, lighting, and certification.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Requirements Section - Spanish -->\n    <section class=\"section requirements language-content\" id=\"requirements-es\">\n        <div class=\"container\">\n            <h2 class=\"section-title\">Requisitos para Fotos de Pasaporte Mexicano<\/h2>\n            <p style=\"text-align: center; max-width: 800px; margin: 0 auto 2rem;\">Para asegurar que su solicitud de pasaporte mexicano sea exitosa, sus fotos deben cumplir con los requisitos espec\u00edficos establecidos por la Secretar\u00eda de Relaciones Exteriores (SRE).<\/p>\n            \n            <div class=\"requirements-grid\">\n                <div class=\"requirement-card\">\n                    <h3><i class=\"fas fa-check-circle\"><\/i> Qu\u00e9 Hacer<\/h3>\n                    <ul class=\"do-dont-list do-list\">\n                        <li>Usar un fondo blanco liso<\/li>\n                        <li>Mirar directamente a la c\u00e1mara con expresi\u00f3n neutral<\/li>\n                        <li>Asegurar que su rostro sea claramente visible y enfocado<\/li>\n                        <li>Mantener los ojos abiertos y claramente visibles<\/li>\n                        <li>Asegurar iluminaci\u00f3n uniforme sin sombras<\/li>\n                        <li>Usar fotos recientes (tomadas dentro del \u00faltimo mes)<\/li>\n                        <li>Mantener un tono de piel natural<\/li>\n                    <\/ul>\n                <\/div>\n                \n                <div class=\"requirement-card\">\n                    <h3><i class=\"fas fa-times-circle\"><\/i> Qu\u00e9 No Hacer<\/h3>\n                    <ul class=\"do-dont-list dont-list\">\n                        <li>No usar sombreros o cubiertas para la cabeza (excepto por razones religiosas)<\/li>\n                        <li>No tener otras personas u objetos en la foto<\/li>\n                        <li>No tener &#8216;ojos rojos&#8217; en las fotos<\/li>\n                        <li>No usar lentes de sol o lentes tintados<\/li>\n                        <li>No sonre\u00edr con la boca abierta<\/li>\n                        <li>No usar filtros o editar sus fotos<\/li>\n                        <li>No usar uniformes en la foto<\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n            \n            <!-- Detailed Requirements Section - Spanish -->\n            <div class=\"detailed-requirements\">\n                <h2 style=\"text-align: center; margin-bottom: 2rem;\">Especificaciones Completas para Fotos de Pasaporte Mexicano<\/h2>\n                \n                <div class=\"req-section\">\n                    <h3><i class=\"fas fa-images\"><\/i> N\u00famero de Fotos Requeridas<\/h3>\n                    <ul class=\"req-list\">\n                        <li>Debe enviar 2 fotos id\u00e9nticas y sin alteraciones con cada solicitud de pasaporte<\/li>\n                        <li>Ambas fotos deben ser tomadas al mismo tiempo y ser id\u00e9nticas en todo aspecto<\/li>\n                    <\/ul>\n                <\/div>\n                \n                <div class=\"req-section\">\n                    <h3><i class=\"fas fa-ruler\"><\/i> Especificaciones de Tama\u00f1o de Foto<\/h3>\n                    <ul class=\"req-list\">\n                        <li>Las fotos deben medir 32 mm de ancho por 26 mm de alto (1.26 pulgadas de ancho por 1.02 pulgadas de alto)<\/li>\n                        <li>La altura de la cabeza (desde la parte superior del cabello hasta la barbilla) debe estar entre 20-25 mm<\/li>\n                        <li>La distancia desde la parte inferior de la foto hasta la l\u00ednea de los ojos debe ser de 15 mm<\/li>\n                    <\/ul>\n                <\/div>\n                \n                <div class=\"req-section\">\n                    <h3><i class=\"fas fa-camera\"><\/i> Requisitos de Calidad de Imagen<\/h3>\n                    <ul class=\"req-list\">\n                        <li>Las fotos deben ser a color (no se aceptan fotos en blanco y negro)<\/li>\n                        <li>Deben ser claras, n\u00edtidas y perfectamente enfocadas<\/li>\n                        <li>Deben tener iluminaci\u00f3n uniforme sin sombras, reflejos o destellos de flash<\/li>\n                        <li>Deben mostrar una clara diferencia entre su rostro y el fondo blanco<\/li>\n                        <li>Deben mostrar su tono de piel natural sin alteraciones de color<\/li>\n                        <li>Deben ser tomadas en persona por un fot\u00f3grafo profesional<\/li>\n                        <li>Deben imprimirse en papel fotogr\u00e1fico mate de alta calidad<\/li>\n                        <li>Deben ser una foto original que no haya sido alterada de ninguna manera<\/li>\n                    <\/ul>\n                    <div class=\"req-note\">\n                        <p><strong>Nota:<\/strong> M\u00e9xico no acepta fotos impresas en casa ni fotos con alteraciones digitales.<\/p>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"req-section\">\n                    <h3><i class=\"fas fa-user\"><\/i> Requisitos de Expresi\u00f3n Facial<\/h3>\n                    <ul class=\"req-list\">\n                        <li>Los ojos deben estar abiertos y claramente visibles, mirando directamente a la c\u00e1mara<\/li>\n                        <li>La boca debe estar cerrada con expresi\u00f3n neutral<\/li>\n                        <li>No sonre\u00edr, fruncir el ce\u00f1o ni hacer expresiones exageradas<\/li>\n                        <li>El rostro debe ser completamente visible sin cabello cubriendo los ojos<\/li>\n                    <\/ul>\n                <\/div>\n                \n                <div class=\"req-section\">\n                    <h3><i class=\"fas fa-user-circle\"><\/i> Apariencia y Postura<\/h3>\n                    <ul class=\"req-list\">\n                        <li>Las fotos deben ser recientes (tomadas dentro del \u00faltimo mes) y reflejar apariencia actual<\/li>\n                        <li>El rostro y hombros deben estar de frente y centrados en la foto<\/li>\n                        <li>La cabeza no debe estar inclinada en ninguna direcci\u00f3n<\/li>\n                        <li>El fondo debe ser blanco liso sin patrones, texturas o sombras<\/li>\n                    <\/ul>\n                    \n                    <div class=\"req-subsection\">\n                        <h4>Lo que se Acepta:<\/h4>\n                        <ul class=\"req-list\">\n                            <li>Lentes de prescripci\u00f3n regulares (sin tinte, sin reflejos, ojos claramente visibles)<\/li>\n                            <li>El cabello puede estar suelto o recogido siempre que el rostro sea completamente visible<\/li>\n                            <li>Cubiertas para la cabeza por razones religiosas (el rostro completo debe ser claramente visible)<\/li>\n                            <li>Maquillaje natural que no altere las caracter\u00edsticas faciales<\/li>\n                        <\/ul>\n                    <\/div>\n                    \n                    <div class=\"req-subsection\">\n                        <h4>Lo que No se Acepta:<\/h4>\n                        <ul class=\"req-list\">\n                            <li>Lentes de sol o lentes tintados de cualquier tipo<\/li>\n                            <li>Sombreros o cubiertas para la cabeza no religiosas<\/li>\n                            <li>Uniformes o ropa de camuflaje<\/li>\n                            <li>Maquillaje pesado que altere significativamente la apariencia<\/li>\n                            <li>Cualquier sombra en el rostro o fondo<\/li>\n                            <li>Efecto de ojos rojos o cualquier correcci\u00f3n digital<\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"req-section\">\n                    <h3><i class=\"fas fa-tshirt\"><\/i> Requisitos de Ropa<\/h3>\n                    <ul class=\"req-list\">\n                        <li>Use ropa normal de calle (no uniformes o disfraces)<\/li>\n                        <li>Evite ropa blanca que pueda mezclarse con el fondo<\/li>\n                        <li>La ropa debe ser modesta y apropiada para documentaci\u00f3n oficial<\/li>\n                        <li>No blusas escotadas que muestren \u00e1rea excesiva del pecho<\/li>\n                    <\/ul>\n                <\/div>\n                \n                <div class=\"req-section\">\n                    <h3><i class=\"fas fa-certificate\"><\/i> Requisitos Adicionales<\/h3>\n                    <ul class=\"req-list\">\n                        <li>Las fotos deben imprimirse en papel fotogr\u00e1fico mate (no brillante)<\/li>\n                        <li>El reverso de una foto debe estar sellado con la informaci\u00f3n del fot\u00f3grafo<\/li>\n                        <li>Las fotos no pueden estar engrapadas, dobladas o da\u00f1adas de ninguna manera<\/li>\n                        <li>Para ni\u00f1os menores de 4 a\u00f1os, ambos ojos deben estar abiertos y visibles<\/li>\n                        <li>Para beb\u00e9s menores de 1 a\u00f1o, las fotos pueden tomarse acostados con una s\u00e1bana blanca como fondo<\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n            \n            <div class=\"example-container\">\n                <h3 style=\"text-align: center; margin-bottom: 1.5rem;\">Ejemplo Oficial de Foto para Pasaporte Mexicano<\/h3>\n                <div class=\"example-image\">\n                    <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/300x400\/006847\/FFFFFF?text=Ejemplo+Foto+Pasaporte+Mexicano\" alt=\"Ejemplo Oficial de Foto para Pasaporte Mexicano\">\n                <\/div>\n                <p class=\"credit\">Ejemplo de composici\u00f3n y requisitos adecuados para foto de pasaporte mexicano<\/p>\n                \n                <h4 style=\"margin-top: 2rem; margin-bottom: 1rem;\">Resumen de Especificaciones T\u00e9cnicas<\/h4>\n                <table class=\"specs-table\">\n                    <tr>\n                        <th>Requisito<\/th>\n                        <th>Especificaci\u00f3n<\/th>\n                    <\/tr>\n                    <tr>\n                        <td>Tama\u00f1o<\/td>\n                        <td>32mm x 26mm (1.26&#8243; x 1.02&#8243;)<\/td>\n                    <\/tr>\n                    <tr>\n                        <td>Fondo<\/td>\n                        <td>Exclusivamente blanco liso<\/td>\n                    <\/tr>\n                    <tr>\n                        <td>Tama\u00f1o de Cabeza<\/td>\n                        <td>20-25mm desde parte superior del cabello hasta barbilla<\/td>\n                    <\/tr>\n                    <tr>\n                        <td>Calidad de Imagen<\/td>\n                        <td>Color, enfoque n\u00edtido, alta resoluci\u00f3n<\/td>\n                    <\/tr>\n                    <tr>\n                        <td>Calidad de Impresi\u00f3n<\/td>\n                        <td>Papel fotogr\u00e1fico mate<\/td>\n                    <\/tr>\n                    <tr>\n                        <td>Expresi\u00f3n<\/td>\n                        <td>Neutral, boca cerrada, ojos abiertos<\/td>\n                    <\/tr>\n                    <tr>\n                        <td>Iluminaci\u00f3n<\/td>\n                        <td>Uniforme, sin sombras<\/td>\n                    <\/tr>\n                    <tr>\n                        <td>N\u00famero de Fotos<\/td>\n                        <td>Se requieren 2 fotos id\u00e9nticas<\/td>\n                    <\/tr>\n                <\/table>\n                \n                <div style=\"margin-top: 2rem; padding: 1.5rem; background-color: #e6f7f0; border-radius: 8px; border-left: 4px solid var(--primary);\">\n                    <h4 style=\"color: var(--primary); margin-bottom: 0.5rem;\"><i class=\"fas fa-lightbulb\"><\/i> Consejo Profesional<\/h4>\n                    <p style=\"margin-bottom: 0;\">La raz\u00f3n m\u00e1s com\u00fan para el rechazo de fotos de pasaporte mexicano es tama\u00f1o incorrecto o fondo no blanco. Deje que nuestros profesionales aseguren que sus fotos cumplan con todos los requisitos de la SRE incluyendo tama\u00f1o adecuado, iluminaci\u00f3n y certificaci\u00f3n.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Z-Pattern Section - English -->\n    <section class=\"section z-pattern language-content active\" id=\"about-en\">\n        <div class=\"container\">\n            <h2 class=\"section-title\">Why Choose Yebbo Services<\/h2>\n            <div class=\"z-item\">\n                <div class=\"z-img\">\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1565689228866-1d7db786d2a6?ixlib=rb-4.0.3&#038;auto=format&#038;fit=crop&#038;w=600&#038;q=80\" alt=\"Expert Service\">\n                <\/div>\n                <div class=\"z-content\">\n                    <h2>Expert Knowledge<\/h2>\n                    <p>We specialize exclusively in Mexico passport and visa photos, ensuring complete compliance with all official requirements. Our technicians are trained to understand the specific nuances of Mexican photo regulations.<\/p>\n                    <p>From background color to head positioning and facial expression, we ensure your photos will meet the strict standards set by Mexican authorities.<\/p>\n                <\/div>\n            <\/div>\n            <div class=\"z-item\">\n                <div class=\"z-img\">\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1589829545856-d10d557cf95f?ixlib=rb-4.0.3&#038;auto=format&#038;fit=crop&#038;w=600&#038;q=80\" alt=\"Fast Service\">\n                <\/div>\n                <div class=\"z-content\">\n                    <h2>Fast &#038; Convenient<\/h2>\n                    <p>We understand that time is often critical when applying for passports and visas. That&#8217;s why we offer express service with most photos ready quickly.<\/p>\n                    <p>With convenient online booking and flexible hours, we make the process as smooth as possible for our clients.<\/p>\n                <\/div>\n            <\/div>\n            <div class=\"z-item\">\n                <div class=\"z-img\">\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1565374396388-26c48b3b6918?ixlib=rb-4.0.3&#038;auto=format&#038;fit=crop&#038;w=600&#038;q=80\" alt=\"Professional Results\">\n                <\/div>\n                <div class=\"z-content\">\n                    <h2>Professional Results<\/h2>\n                    <p>We use professional equipment and lighting to ensure your photos meet the highest quality standards while complying with official requirements.<\/p>\n                    <p>Our track record speaks for itself &#8211; numerous satisfied customers with successful applications using our photos.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Z-Pattern Section - Spanish -->\n    <section class=\"section z-pattern language-content\" id=\"about-es\">\n        <div class=\"container\">\n            <h2 class=\"section-title\">Por Qu\u00e9 Elegir los Servicios de Yebbo<\/h2>\n            <div class=\"z-item\">\n                <div class=\"z-img\">\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1565689228866-1d7db786d2a6?ixlib=rb-4.0.3&#038;auto=format&#038;fit=crop&#038;w=600&#038;q=80\" alt=\"Servicio Experto\">\n                <\/div>\n                <div class=\"z-content\">\n                    <h2>Conocimiento Experto<\/h2>\n                    <p>Nos especializamos exclusivamente en fotos para pasaporte y visa mexicana, asegurando el cumplimiento completo de todos los requisitos oficiales. Nuestros t\u00e9cnicos est\u00e1n entrenados para entender los matices espec\u00edficos de las regulaciones fotogr\u00e1ficas mexicanas.<\/p>\n                    <p>Desde el color de fondo hasta el posicionamiento de la cabeza y la expresi\u00f3n facial, aseguramos que sus fotos cumplir\u00e1n con los estrictos est\u00e1ndares establecidos por las autoridades mexicanas.<\/p>\n                <\/div>\n            <\/div>\n            <div class=\"z-item\">\n                <div class=\"z-img\">\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1589829545856-d10d557cf95f?ixlib=rb-4.0.3&#038;auto=format&#038;fit=crop&#038;w=600&#038;q=80\" alt=\"Servicio R\u00e1pido\">\n                <\/div>\n                <div class=\"z-content\">\n                    <h2>R\u00e1pido y Conveniente<\/h2>\n                    <p>Entendemos que el tiempo es cr\u00edtico al solicitar pasaportes y visas. Por eso ofrecemos servicio expr\u00e9s con la mayor\u00eda de las fotos listas r\u00e1pidamente.<\/p>\n                    <p>Con reservaci\u00f3n en l\u00ednea conveniente y horarios flexibles, hacemos el proceso lo m\u00e1s fluido posible para nuestros clientes.<\/p>\n                <\/div>\n            <\/div>\n            <div class=\"z-item\">\n                <div class=\"z-img\">\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1565374396388-26c48b3b6918?ixlib=rb-4.0.3&#038;auto=format&#038;fit=crop&#038;w=600&#038;q=80\" alt=\"Resultados Profesionales\">\n                <\/div>\n                <div class=\"z-content\">\n                    <h2>Resultados Profesionales<\/h2>\n                    <p>Utilizamos equipo profesional e iluminaci\u00f3n para asegurar que sus fotos cumplan con los m\u00e1s altos est\u00e1ndares de calidad mientras cumplen con los requisitos oficiales.<\/p>\n                    <p>Nuestro historial habla por s\u00ed mismo &#8211; numerosos clientes satisfechos con aplicaciones exitosas usando nuestras fotos.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Testimonials Section - English -->\n    <section class=\"section testimonials language-content active\" id=\"testimonials-en\">\n        <div class=\"container\">\n            <h2 class=\"section-title\">What Our Customers Say<\/h2>\n            <div class=\"testimonial-grid\">\n                <div class=\"testimonial-card\">\n                    <div class=\"testimonial-text\">\n                        &#8220;I was worried about my Mexico visa application, but the team here knew exactly what was needed. My photos were perfect. Highly recommended!&#8221;\n                    <\/div>\n                    <div class=\"testimonial-author\">\n                        <div class=\"author-img\">\n                            <img decoding=\"async\" src=\"https:\/\/randomuser.me\/api\/portraits\/women\/45.jpg\" alt=\"Maria Rodriguez\">\n                        <\/div>\n                        <div class=\"author-info\">\n                            <h4>Maria Rodriguez<\/h4>\n                            <p>Tourist Visa Applicant<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"testimonial-card\">\n                    <div class=\"testimonial-text\">\n                        &#8220;Fast, professional service. I needed passport photos for my family and they had us in and out efficiently. The digital copies were perfect for our online application.&#8221;\n                    <\/div>\n                    <div class=\"testimonial-author\">\n                        <div class=\"author-img\">\n                            <img decoding=\"async\" src=\"https:\/\/randomuser.me\/api\/portraits\/men\/32.jpg\" alt=\"Carlos Hernandez\">\n                        <\/div>\n                        <div class=\"author-info\">\n                            <h4>Carlos Hernandez<\/h4>\n                            <p>Family Passport Renewal<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"testimonial-card\">\n                    <div class=\"testimonial-text\">\n                        &#8220;After having issues with photos from another provider, I came here. They explained the requirements clearly and took perfect photos that worked perfectly.&#8221;\n                    <\/div>\n                    <div class=\"testimonial-author\">\n                        <div class=\"author-img\">\n                            <img decoding=\"async\" src=\"https:\/\/randomuser.me\/api\/portraits\/women\/68.jpg\" alt=\"Isabella Garcia\">\n                        <\/div>\n                        <div class=\"author-info\">\n                            <h4>Isabella Garcia<\/h4>\n                            <p>Mexico Work Visa<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Testimonials Section - Spanish -->\n    <section class=\"section testimonials language-content\" id=\"testimonials-es\">\n        <div class=\"container\">\n            <h2 class=\"section-title\">Lo Que Dicen Nuestros Clientes<\/h2>\n            <div class=\"testimonial-grid\">\n                <div class=\"testimonial-card\">\n                    <div class=\"testimonial-text\">\n                        &#8220;Estaba preocupada por mi solicitud de visa mexicana, pero el equipo aqu\u00ed sab\u00eda exactamente lo que se necesitaba. Mis fotos fueron perfectas. \u00a1Altamente recomendado!&#8221;\n                    <\/div>\n                    <div class=\"testimonial-author\">\n                        <div class=\"author-img\">\n                            <img decoding=\"async\" src=\"https:\/\/randomuser.me\/api\/portraits\/women\/45.jpg\" alt=\"Maria Rodriguez\">\n                        <\/div>\n                        <div class=\"author-info\">\n                            <h4>Mar\u00eda Rodr\u00edguez<\/h4>\n                            <p>Solicitante de Visa de Turista<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"testimonial-card\">\n                    <div class=\"testimonial-text\">\n                        &#8220;Servicio r\u00e1pido y profesional. Necesitaba fotos de pasaporte para mi familia y nos atendieron eficientemente. Las copias digitales fueron perfectas para nuestra aplicaci\u00f3n en l\u00ednea.&#8221;\n                    <\/div>\n                    <div class=\"testimonial-author\">\n                        <div class=\"author-img\">\n                            <img decoding=\"async\" src=\"https:\/\/randomuser.me\/api\/portraits\/men\/32.jpg\" alt=\"Carlos Hernandez\">\n                        <\/div>\n                        <div class=\"author-info\">\n                            <h4>Carlos Hern\u00e1ndez<\/h4>\n                            <p>Renovaci\u00f3n de Pasaporte Familiar<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"testimonial-card\">\n                    <div class=\"testimonial-text\">\n                        &#8220;Despu\u00e9s de tener problemas con fotos de otro proveedor, vine aqu\u00ed. Explicaron los requisitos claramente y tomaron fotos perfectas que funcionaron perfectamente.&#8221;\n                    <\/div>\n                    <div class=\"testimonial-author\">\n                        <div class=\"author-img\">\n                            <img decoding=\"async\" src=\"https:\/\/randomuser.me\/api\/portraits\/women\/68.jpg\" alt=\"Isabella Garcia\">\n                        <\/div>\n                        <div class=\"author-info\">\n                            <h4>Isabella Garc\u00eda<\/h4>\n                            <p>Visa de Trabajo para M\u00e9xico<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- FAQ Section - English -->\n    <section class=\"section language-content active\" id=\"faq-en\">\n        <div class=\"container\">\n            <h2 class=\"section-title\">Frequently Asked Questions<\/h2>\n            <div class=\"faq-container\">\n                <div class=\"faq-item\">\n                    <div class=\"faq-question\">\n                        What are the specific requirements for Mexico passport photos?\n                        <i class=\"fas fa-chevron-down\"><\/i>\n                    <\/div>\n                    <div class=\"faq-answer\">\n                        <p>Mexico passport photos must meet strict requirements: size 32mm x 26mm, plain white background, neutral expression with mouth closed, eyes open and clearly visible, no headwear (except for religious reasons), and no shadows. The photo must be taken within the last month and show your current appearance.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"faq-item\">\n                    <div class=\"faq-question\">\n                        How long does the process take?\n                        <i class=\"fas fa-chevron-down\"><\/i>\n                    <\/div>\n                    <div class=\"faq-answer\">\n                        <p>Our standard service is efficient and timely. If we&#8217;re busy, there might be a short wait, but we strive to keep all appointments on schedule.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"faq-item\">\n                    <div class=\"faq-question\">\n                        Do you offer digital copies?\n                        <i class=\"fas fa-chevron-down\"><\/i>\n                    <\/div>\n                    <div class=\"faq-answer\">\n                        <p>Yes, we offer digital copies of your photos that are formatted correctly for online applications. These can be provided on a USB drive, emailed to you, or both. Our digital package ensures the files meet the specific size and format requirements for Mexican online applications.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"faq-item\">\n                    <div class=\"faq-question\">\n                        What if my photos are rejected?\n                        <i class=\"fas fa-chevron-down\"><\/i>\n                    <\/div>\n                    <div class=\"faq-answer\">\n                        <p>We take great care to ensure all photos meet official requirements. In the unlikely event of rejection related to photo specifications, please contact us and we&#8217;ll assist with resolving the issue.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"faq-item\">\n                    <div class=\"faq-question\">\n                        Do I need an appointment?\n                        <i class=\"fas fa-chevron-down\"><\/i>\n                    <\/div>\n                    <div class=\"faq-answer\">\n                        <p>While walk-ins are welcome, we recommend booking an appointment to guarantee your preferred time slot, especially during peak hours. You can book online through our website or by contacting us directly.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- FAQ Section - Spanish -->\n    <section class=\"section language-content\" id=\"faq-es\">\n        <div class=\"container\">\n            <h2 class=\"section-title\">Preguntas Frecuentes<\/h2>\n            <div class=\"faq-container\">\n                <div class=\"faq-item\">\n                    <div class=\"faq-question\">\n                        \u00bfCu\u00e1les son los requisitos espec\u00edficos para fotos de pasaporte mexicano?\n                        <i class=\"fas fa-chevron-down\"><\/i>\n                    <\/div>\n                    <div class=\"faq-answer\">\n                        <p>Las fotos para pasaporte mexicano deben cumplir requisitos estrictos: tama\u00f1o 32mm x 26mm, fondo blanco liso, expresi\u00f3n neutral con boca cerrada, ojos abiertos y claramente visibles, sin sombreros (excepto por razones religiosas) y sin sombras. La foto debe ser tomada dentro del \u00faltimo mes y mostrar su apariencia actual.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"faq-item\">\n                    <div class=\"faq-question\">\n                        \u00bfCu\u00e1nto tiempo toma el proceso?\n                        <i class=\"fas fa-chevron-down\"><\/i>\n                    <\/div>\n                    <div class=\"faq-answer\">\n                        <p>Nuestro servicio est\u00e1ndar es eficiente y oportuno. Si estamos ocupados, podr\u00eda haber una breve espera, pero nos esforzamos por mantener todas las citas seg\u00fan lo programado.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"faq-item\">\n                    <div class=\"faq-question\">\n                        \u00bfOfrecen copias digitales?\n                        <i class=\"fas fa-chevron-down\"><\/i>\n                    <\/div>\n                    <div class=\"faq-answer\">\n                        <p>S\u00ed, ofrecemos copias digitales de sus fotos que est\u00e1n formateadas correctamente para aplicaciones en l\u00ednea. Estas pueden proporcionarse en una unidad USB, enviarse por correo electr\u00f3nico, o ambas. Nuestro paquete digital asegura que los archivos cumplan con los requisitos espec\u00edficos de tama\u00f1o y formato para aplicaciones mexicanas en l\u00ednea.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"faq-item\">\n                    <div class=\"faq-question\">\n                        \u00bfQu\u00e9 pasa si mis fotos son rechazadas?\n                        <i class=\"fas fa-chevron-down\"><\/i>\n                    <\/div>\n                    <div class=\"faq-answer\">\n                        <p>Tomamos gran cuidado para asegurar que todas las fotos cumplan con los requisitos oficiales. En el improbable caso de rechazo relacionado con especificaciones fotogr\u00e1ficas, por favor cont\u00e1ctenos y le ayudaremos a resolver el problema.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"faq-item\">\n                    <div class=\"faq-question\">\n                        \u00bfNecesito una cita?\n                        <i class=\"fas fa-chevron-down\"><\/i>\n                    <\/div>\n                    <div class=\"faq-answer\">\n                        <p>Aunque atendemos sin cita, recomendamos reservar una cita para garantizar su horario preferido, especialmente durante horas pico. Puede reservar en l\u00ednea a trav\u00e9s de nuestro sitio web o contact\u00e1ndonos directamente.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Contact Section - English -->\n    <section class=\"section language-content active\" id=\"contact-en\">\n        <div class=\"container\">\n            <h2 class=\"section-title\">Contact Us<\/h2>\n            <div class=\"contact-container\">\n                <div class=\"contact-info\">\n                    <h3>Get In Touch<\/h3>\n                    <p>Have questions about our services or need assistance with your Mexico passport or visa photos? We&#8217;re here to help!<\/p>\n                    \n                    <div class=\"contact-item\">\n                        <div class=\"contact-icon\">\n                            <i class=\"fas fa-map-marker-alt\"><\/i>\n                        <\/div>\n                        <div>\n                            <h4>Our Location<\/h4>\n                            <p>Yebbo Communication Network<\/p>\n                            <p>San Diego, CA<\/p>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"contact-item\">\n                        <div class=\"contact-icon\">\n                            <i class=\"fas fa-phone\"><\/i>\n                        <\/div>\n                        <div>\n                            <h4>Phone Number<\/h4>\n                            <div class=\"contact-phone\">\n                                <a href=\"tel:619-255-5530\">\n                                    <i class=\"fas fa-phone\"><\/i>\n                                    619-255-5530\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"contact-item\">\n                        <div class=\"contact-icon\">\n                            <i class=\"fas fa-envelope\"><\/i>\n                        <\/div>\n                        <div>\n                            <h4>Email Address<\/h4>\n                            <p>info@yebbo.com<\/p>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"contact-item\">\n                        <div class=\"contact-icon\">\n                            <i class=\"fas fa-clock\"><\/i>\n                        <\/div>\n                        <div>\n                            <h4>Service Hours<\/h4>\n                            <p>Contact us for current service hours and availability<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"contact-form\">\n                    <h3>Send Us a Message<\/h3>\n                    <form id=\"contactForm\">\n                        <div class=\"form-group\">\n                            <label for=\"name\" class=\"form-label\">Your Name<\/label>\n                            <input type=\"text\" id=\"name\" class=\"form-control\" required>\n                        <\/div>\n                        <div class=\"form-group\">\n                            <label for=\"email\" class=\"form-label\">Your Email<\/label>\n                            <input type=\"email\" id=\"email\" class=\"form-control\" required>\n                        <\/div>\n                        <div class=\"form-group\">\n                            <label for=\"phone\" class=\"form-label\">Phone Number<\/label>\n                            <input type=\"tel\" id=\"phone\" class=\"form-control\">\n                        <\/div>\n                        <div class=\"form-group\">\n                            <label for=\"service\" class=\"form-label\">Service Interested In<\/label>\n                            <select id=\"service\" class=\"form-control\">\n                                <option value=\"\">Select a service<\/option>\n                                <option value=\"passport\">Mexico Passport Photo<\/option>\n                                <option value=\"visa\">Mexico Visa Photo<\/option>\n                                <option value=\"digital\">Digital Photo Package<\/option>\n                                <option value=\"other\">Other<\/option>\n                            <\/select>\n                        <\/div>\n                        <div class=\"form-group\">\n                            <label for=\"message\" class=\"form-label\">Your Message<\/label>\n                            <textarea id=\"message\" class=\"form-control\" rows=\"5\"><\/textarea>\n                        <\/div>\n                        <button type=\"submit\" class=\"btn\">Send Message<\/button>\n                    <\/form>\n                <\/div>\n            <\/div>\n            \n            <!-- Google Maps Embed -->\n            <div class=\"map-container\">\n                <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3355.429319789674!2d-117.1032657243382!3d32.75434107367313!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x80d954fee73a1105%3A0x12275cce5959e850!2sYebbo%20Communication%20Network!5e0!3m2!1sen!2sus!4v1763862667424!5m2!1sen!2sus\" width=\"600\" height=\"450\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Contact Section - Spanish -->\n    <section class=\"section language-content\" id=\"contact-es\">\n        <div class=\"container\">\n            <h2 class=\"section-title\">Cont\u00e1ctenos<\/h2>\n            <div class=\"contact-container\">\n                <div class=\"contact-info\">\n                    <h3>P\u00f3ngase en Contacto<\/h3>\n                    <p>\u00bfTiene preguntas sobre nuestros servicios o necesita asistencia con sus fotos para pasaporte o visa mexicana? \u00a1Estamos aqu\u00ed para ayudar!<\/p>\n                    \n                    <div class=\"contact-item\">\n                        <div class=\"contact-icon\">\n                            <i class=\"fas fa-map-marker-alt\"><\/i>\n                        <\/div>\n                        <div>\n                            <h4>Nuestra Ubicaci\u00f3n<\/h4>\n                            <p>Yebbo Communication Network<\/p>\n                            <p>San Diego, CA<\/p>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"contact-item\">\n                        <div class=\"contact-icon\">\n                            <i class=\"fas fa-phone\"><\/i>\n                        <\/div>\n                        <div>\n                            <h4>N\u00famero de Tel\u00e9fono<\/h4>\n                            <div class=\"contact-phone\">\n                                <a href=\"tel:619-255-5530\">\n                                    <i class=\"fas fa-phone\"><\/i>\n                                    619-255-5530\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"contact-item\">\n                        <div class=\"contact-icon\">\n                            <i class=\"fas fa-envelope\"><\/i>\n                        <\/div>\n                        <div>\n                            <h4>Direcci\u00f3n de Correo<\/h4>\n                            <p>info@yebbo.com<\/p>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"contact-item\">\n                        <div class=\"contact-icon\">\n                            <i class=\"fas fa-clock\"><\/i>\n                        <\/div>\n                        <div>\n                            <h4>Horario de Servicio<\/h4>\n                            <p>Cont\u00e1ctenos para conocer el horario actual y disponibilidad<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"contact-form\">\n                    <h3>Env\u00edenos un Mensaje<\/h3>\n                    <form id=\"contactFormEs\">\n                        <div class=\"form-group\">\n                            <label for=\"name-es\" class=\"form-label\">Su Nombre<\/label>\n                            <input type=\"text\" id=\"name-es\" class=\"form-control\" required>\n                        <\/div>\n                        <div class=\"form-group\">\n                            <label for=\"email-es\" class=\"form-label\">Su Correo Electr\u00f3nico<\/label>\n                            <input type=\"email\" id=\"email-es\" class=\"form-control\" required>\n                        <\/div>\n                        <div class=\"form-group\">\n                            <label for=\"phone-es\" class=\"form-label\">N\u00famero de Tel\u00e9fono<\/label>\n                            <input type=\"tel\" id=\"phone-es\" class=\"form-control\">\n                        <\/div>\n                        <div class=\"form-group\">\n                            <label for=\"service-es\" class=\"form-label\">Servicio de Inter\u00e9s<\/label>\n                            <select id=\"service-es\" class=\"form-control\">\n                                <option value=\"\">Seleccione un servicio<\/option>\n                                <option value=\"passport\">Foto para Pasaporte Mexicano<\/option>\n                                <option value=\"visa\">Foto para Visa Mexicana<\/option>\n                                <option value=\"digital\">Paquete de Fotos Digitales<\/option>\n                                <option value=\"other\">Otro<\/option>\n                            <\/select>\n                        <\/div>\n                        <div class=\"form-group\">\n                            <label for=\"message-es\" class=\"form-label\">Su Mensaje<\/label>\n                            <textarea id=\"message-es\" class=\"form-control\" rows=\"5\"><\/textarea>\n                        <\/div>\n                        <button type=\"submit\" class=\"btn\">Enviar Mensaje<\/button>\n                    <\/form>\n                <\/div>\n            <\/div>\n            \n            <!-- Google Maps Embed -->\n            <div class=\"map-container\">\n                <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3355.429319789674!2d-117.1032657243382!3d32.75434107367313!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x80d954fee73a1105%3A0x12275cce5959e850!2sYebbo%20Communication%20Network!5e0!3m2!1sen!2sus!4v1763862667424!5m2!1sen!2sus\" width=\"600\" height=\"450\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Footer - English -->\n    <footer class=\"language-content active\" id=\"footer-en\">\n        <div class=\"container\">\n            <div class=\"footer-container\">\n                <div class=\"footer-col\">\n                    <h3>Yebbo Mexico Passport &#038; Visa Photos<\/h3>\n                    <p>Professional Mexico passport and visa photo services. Compliant with all official requirements.<\/p>\n                    <div class=\"footer-phone\">\n                        <a href=\"tel:619-255-5530\">\n                            <i class=\"fas fa-phone\"><\/i>\n                            619-255-5530\n                        <\/a>\n                    <\/div>\n                    <div class=\"social-links\">\n                        <a href=\"#\"><i class=\"fab fa-facebook-f\"><\/i><\/a>\n                        <a href=\"#\"><i class=\"fab fa-twitter\"><\/i><\/a>\n                        <a href=\"#\"><i class=\"fab fa-instagram\"><\/i><\/a>\n                        <a href=\"#\"><i class=\"fab fa-linkedin-in\"><\/i><\/a>\n                    <\/div>\n                <\/div>\n                <div class=\"footer-col\">\n                    <h3>Quick Links<\/h3>\n                    <ul class=\"footer-links\">\n                        <li><a href=\"#home\">Home<\/a><\/li>\n                        <li><a href=\"#services\">Services<\/a><\/li>\n                        <li><a href=\"#requirements\">Requirements<\/a><\/li>\n                        <li><a href=\"#about\">About Us<\/a><\/li>\n                        <li><a href=\"#testimonials\">Testimonials<\/a><\/li>\n                        <li><a href=\"#faq\">FAQ<\/a><\/li>\n                        <li><a href=\"#contact\">Contact<\/a><\/li>\n                    <\/ul>\n                <\/div>\n                <div class=\"footer-col\">\n                    <h3>Our Services<\/h3>\n                    <ul class=\"footer-links\">\n                        <li><a href=\"#\">Mexico Passport Photos<\/a><\/li>\n                        <li><a href=\"#\">Mexico Visa Photos<\/a><\/li>\n                        <li><a href=\"#\">Digital Photo Packages<\/a><\/li>\n                        <li><a href=\"#\">Express Service<\/a><\/li>\n                        <li><a href=\"#\">Corporate Accounts<\/a><\/li>\n                    <\/ul>\n                <\/div>\n                <div class=\"footer-col\">\n                    <h3>Contact Info<\/h3>\n                    <ul class=\"footer-links\">\n                        <li><i class=\"fas fa-map-marker-alt\"><\/i> Yebbo Communication Network<\/li>\n                        <li><i class=\"fas fa-phone\"><\/i> 619-255-5530<\/li>\n                        <li><i class=\"fas fa-envelope\"><\/i> info@yebbo.com<\/li>\n                        <li><i class=\"fas fa-globe\"><\/i> www.yebbo.com<\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n            <div class=\"footer-bottom\">\n                <p>&copy; 1999 &#8211; <span id=\"currentYear\"><\/span> Yebbo Mexico Passport &#038; Visa Photos. All rights reserved.<\/p>\n            <\/div>\n        <\/div>\n    <\/footer>\n\n    <!-- Footer - Spanish -->\n    <footer class=\"language-content\" id=\"footer-es\">\n        <div class=\"container\">\n            <div class=\"footer-container\">\n                <div class=\"footer-col\">\n                    <h3>Yebbo Fotos para Pasaporte y Visa Mexicana<\/h3>\n                    <p>Servicios profesionales de fotos para pasaporte y visa mexicana. Cumplimiento de todos los requisitos oficiales.<\/p>\n                    <div class=\"footer-phone\">\n                        <a href=\"tel:619-255-5530\">\n                            <i class=\"fas fa-phone\"><\/i>\n                            619-255-5530\n                        <\/a>\n                    <\/div>\n                    <div class=\"social-links\">\n                        <a href=\"#\"><i class=\"fab fa-facebook-f\"><\/i><\/a>\n                        <a href=\"#\"><i class=\"fab fa-twitter\"><\/i><\/a>\n                        <a href=\"#\"><i class=\"fab fa-instagram\"><\/i><\/a>\n                        <a href=\"#\"><i class=\"fab fa-linkedin-in\"><\/i><\/a>\n                    <\/div>\n                <\/div>\n                <div class=\"footer-col\">\n                    <h3>Enlaces R\u00e1pidos<\/h3>\n                    <ul class=\"footer-links\">\n                        <li><a href=\"#home\">Inicio<\/a><\/li>\n                        <li><a href=\"#services\">Servicios<\/a><\/li>\n                        <li><a href=\"#requirements\">Requisitos<\/a><\/li>\n                        <li><a href=\"#about\">Nosotros<\/a><\/li>\n                        <li><a href=\"#testimonials\">Testimonios<\/a><\/li>\n                        <li><a href=\"#faq\">Preguntas Frecuentes<\/a><\/li>\n                        <li><a href=\"#contact\">Contacto<\/a><\/li>\n                    <\/ul>\n                <\/div>\n                <div class=\"footer-col\">\n                    <h3>Nuestros Servicios<\/h3>\n                    <ul class=\"footer-links\">\n                        <li><a href=\"#\">Fotos para Pasaporte Mexicano<\/a><\/li>\n                        <li><a href=\"#\">Fotos para Visa Mexicana<\/a><\/li>\n                        <li><a href=\"#\">Paquetes de Fotos Digitales<\/a><\/li>\n                        <li><a href=\"#\">Servicio Expr\u00e9s<\/a><\/li>\n                        <li><a href=\"#\">Cuentas Corporativas<\/a><\/li>\n                    <\/ul>\n                <\/div>\n                <div class=\"footer-col\">\n                    <h3>Informaci\u00f3n de Contacto<\/h3>\n                    <ul class=\"footer-links\">\n                        <li><i class=\"fas fa-map-marker-alt\"><\/i> Yebbo Communication Network<\/li>\n                        <li><i class=\"fas fa-phone\"><\/i> 619-255-5530<\/li>\n                        <li><i class=\"fas fa-envelope\"><\/i> info@yebbo.com<\/li>\n                        <li><i class=\"fas fa-globe\"><\/i> www.yebbo.com<\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n            <div class=\"footer-bottom\">\n                <p>&copy; 1999 &#8211; <span id=\"currentYearEs\"><\/span> Yebbo Fotos para Pasaporte y Visa Mexicana. Todos los derechos reservados.<\/p>\n            <\/div>\n        <\/div>\n    <\/footer>\n\n    <script>\n        \/\/ Set current year in copyright\n        document.getElementById('currentYear').textContent = new Date().getFullYear();\n        document.getElementById('currentYearEs').textContent = new Date().getFullYear();\n        \n        \/\/ Language Tab Functionality\n        document.querySelectorAll('.language-tab').forEach(tab => {\n            tab.addEventListener('click', () => {\n                \/\/ Remove active class from all tabs\n                document.querySelectorAll('.language-tab').forEach(t => {\n                    t.classList.remove('active');\n                });\n                \n                \/\/ Add active class to clicked tab\n                tab.classList.add('active');\n                \n                \/\/ Get the language from data attribute\n                const lang = tab.getAttribute('data-lang');\n                \n                \/\/ Hide all language content\n                document.querySelectorAll('.language-content').forEach(content => {\n                    content.classList.remove('active');\n                });\n                \n                \/\/ Show content for selected language\n                document.querySelectorAll(`.language-content[id$=\"-${lang}\"]`).forEach(content => {\n                    content.classList.add('active');\n                });\n            });\n        });\n        \n        \/\/ Mobile Navigation Toggle\n        document.querySelector('.mobile-toggle').addEventListener('click', function() {\n            document.querySelector('.nav-menu').classList.toggle('active');\n        });\n\n        \/\/ FAQ Accordion\n        document.querySelectorAll('.faq-question').forEach(question => {\n            question.addEventListener('click', () => {\n                const answer = question.nextElementSibling;\n                const isActive = answer.classList.contains('active');\n                \n                \/\/ Close all answers\n                document.querySelectorAll('.faq-answer').forEach(ans => {\n                    ans.classList.remove('active');\n                });\n                \n                \/\/ Toggle icons\n                document.querySelectorAll('.faq-question i').forEach(icon => {\n                    icon.className = 'fas fa-chevron-down';\n                });\n                \n                \/\/ If not active, open this one\n                if (!isActive) {\n                    answer.classList.add('active');\n                    question.querySelector('i').className = 'fas fa-chevron-up';\n                }\n            });\n        });\n\n        \/\/ Form Submission\n        document.getElementById('contactForm').addEventListener('submit', function(e) {\n            e.preventDefault();\n            alert('Thank you for your message! We will get back to you soon.');\n            this.reset();\n        });\n\n        document.getElementById('contactFormEs').addEventListener('submit', function(e) {\n            e.preventDefault();\n            alert('\u00a1Gracias por su mensaje! Nos pondremos en contacto con usted pronto.');\n            this.reset();\n        });\n\n        \/\/ Smooth scrolling for navigation links\n        document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n            anchor.addEventListener('click', function(e) {\n                e.preventDefault();\n                \n                const targetId = this.getAttribute('href');\n                if(targetId === '#') return;\n                \n                const targetElement = document.querySelector(targetId);\n                if(targetElement) {\n                    window.scrollTo({\n                        top: targetElement.offsetTop - 80,\n                        behavior: 'smooth'\n                    });\n                    \n                    \/\/ Close mobile menu if open\n                    document.querySelector('.nav-menu').classList.remove('active');\n                }\n            });\n        });\n    <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Mexico Passport &#038; Visa Photos | Yebbo Professional Services CALL NOW: 619-255-5530 Mexico Passport &#038; Visa Photos Home Services Requirements [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","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":"","ast-breadcrumbs-content":"","ast-featured-img":"","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":""}},"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[14,30],"tags":[],"class_list":["post-547","post","type-post","status-publish","format-standard","hentry","category-passport-and-visa","category-yebbotax"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p8nzgb-8P","jetpack_likes_enabled":true,"_links":{"self":[{"href":"http:\/\/yebbo.com\/ethiodiego\/wp-json\/wp\/v2\/posts\/547","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/yebbo.com\/ethiodiego\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/yebbo.com\/ethiodiego\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/yebbo.com\/ethiodiego\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/yebbo.com\/ethiodiego\/wp-json\/wp\/v2\/comments?post=547"}],"version-history":[{"count":1,"href":"http:\/\/yebbo.com\/ethiodiego\/wp-json\/wp\/v2\/posts\/547\/revisions"}],"predecessor-version":[{"id":548,"href":"http:\/\/yebbo.com\/ethiodiego\/wp-json\/wp\/v2\/posts\/547\/revisions\/548"}],"wp:attachment":[{"href":"http:\/\/yebbo.com\/ethiodiego\/wp-json\/wp\/v2\/media?parent=547"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/yebbo.com\/ethiodiego\/wp-json\/wp\/v2\/categories?post=547"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/yebbo.com\/ethiodiego\/wp-json\/wp\/v2\/tags?post=547"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}