.elementor-kit-2967{--e-global-color-primary:#1E3A8A;--e-global-color-secondary:#F97316;--e-global-color-text:#333333;--e-global-color-accent:#DC2626;--e-global-color-a7e704f:#FFD965;--e-global-color-181d8f3:#004A39BF;--e-global-color-30e8611:#013126E6;--e-global-color-c5ab823:#241D08BF;--e-global-color-afbf0de:#FFFFFF;--e-global-color-9c21351:#000000;--e-global-typography-primary-font-family:"Nunito Sans";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Nunito Sans";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Nunito Sans";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.7em;--e-global-typography-accent-font-family:"Nunito Sans";--e-global-typography-accent-font-weight:500;--e-global-typography-efa0572-font-family:"Nunito Sans";--e-global-typography-efa0572-font-size:64px;--e-global-typography-efa0572-font-weight:900;--e-global-typography-efa0572-text-transform:capitalize;--e-global-typography-efa0572-line-height:1.094em;--e-global-typography-efa0572-letter-spacing:-1px;--e-global-typography-dddcf20-font-family:"Nunito Sans";--e-global-typography-dddcf20-font-size:48px;--e-global-typography-dddcf20-font-weight:900;--e-global-typography-dddcf20-text-transform:capitalize;--e-global-typography-dddcf20-line-height:1.146em;--e-global-typography-dddcf20-letter-spacing:-1px;--e-global-typography-6272cf2-font-family:"Nunito Sans";--e-global-typography-6272cf2-font-size:18px;--e-global-typography-6272cf2-font-weight:400;--e-global-typography-6272cf2-line-height:1.667em;--e-global-typography-6d70229-font-family:"Nunito Sans";--e-global-typography-6d70229-font-size:16px;--e-global-typography-6d70229-font-weight:400;--e-global-typography-6d70229-line-height:1.688em;--e-global-typography-6e60b56-font-family:"Nunito Sans";--e-global-typography-6e60b56-font-size:16px;--e-global-typography-6e60b56-font-weight:700;--e-global-typography-6e60b56-line-height:1.313em;--e-global-typography-68aa0fb-font-family:"Nunito Sans";--e-global-typography-68aa0fb-font-size:20px;--e-global-typography-68aa0fb-font-weight:400;--e-global-typography-68aa0fb-line-height:1.5em;--e-global-typography-347501e-font-family:"Nunito Sans";--e-global-typography-347501e-font-size:28px;--e-global-typography-347501e-font-weight:900;--e-global-typography-347501e-line-height:1.071em;--e-global-typography-e95edd9-font-family:"Nunito Sans";--e-global-typography-e95edd9-font-size:20px;--e-global-typography-e95edd9-font-weight:700;--e-global-typography-e95edd9-line-height:1.35em;--e-global-typography-2c1f740-font-family:"Nunito Sans";--e-global-typography-2c1f740-font-size:24px;--e-global-typography-2c1f740-font-weight:400;--e-global-typography-2c1f740-font-style:italic;--e-global-typography-2c1f740-line-height:1.667em;--e-global-typography-97b1143-font-family:"Nunito Sans";--e-global-typography-97b1143-font-size:20px;--e-global-typography-97b1143-font-weight:700;--e-global-typography-97b1143-line-height:1.35em;--e-global-typography-8aa83ce-font-family:"Nunito Sans";--e-global-typography-8aa83ce-font-size:16px;--e-global-typography-8aa83ce-font-weight:400;--e-global-typography-8aa83ce-text-transform:capitalize;--e-global-typography-8aa83ce-line-height:1.563em;--e-global-typography-9779460-font-family:"Nunito Sans";--e-global-typography-9779460-font-size:14px;--e-global-typography-9779460-font-weight:400;--e-global-typography-9779460-line-height:1.929em;--e-global-typography-d29c892-font-family:"Nunito Sans";--e-global-typography-d29c892-font-size:18px;--e-global-typography-d29c892-font-weight:800;--e-global-typography-d29c892-line-height:1.667em;--e-global-typography-8f44944-font-family:"Nunito Sans";--e-global-typography-8f44944-font-size:36px;--e-global-typography-8f44944-font-weight:900;--e-global-typography-8f44944-text-transform:capitalize;--e-global-typography-8f44944-line-height:0.833em;--e-global-typography-4ed864e-font-family:"Nunito Sans";--e-global-typography-4ed864e-font-size:16px;--e-global-typography-4ed864e-font-weight:600;--e-global-typography-4ed864e-line-height:1.875em;--e-global-typography-aee4b56-font-family:"Nunito Sans";--e-global-typography-aee4b56-font-size:36px;--e-global-typography-aee4b56-font-weight:700;--e-global-typography-aee4b56-text-transform:capitalize;--e-global-typography-aee4b56-line-height:0.833em;--e-global-typography-54877f8-font-family:"Nunito Sans";--e-global-typography-54877f8-font-size:24px;--e-global-typography-54877f8-font-weight:700;--e-global-typography-54877f8-line-height:1.333em;--e-global-typography-2500b2b-font-family:"Nunito Sans";--e-global-typography-2500b2b-font-size:16px;--e-global-typography-2500b2b-font-weight:700;--e-global-typography-2500b2b-line-height:1.688em;--e-global-typography-2fc6faf-font-family:"Nunito Sans";--e-global-typography-2fc6faf-font-size:24px;--e-global-typography-2fc6faf-font-weight:400;--e-global-typography-2fc6faf-line-height:1.875em;--e-global-typography-ccbd869-font-family:"Nunito Sans";--e-global-typography-ccbd869-font-size:24px;--e-global-typography-ccbd869-font-weight:700;--e-global-typography-ccbd869-line-height:1.333em;--e-global-typography-b4c1098-font-family:"Nunito Sans";--e-global-typography-b4c1098-font-size:16px;--e-global-typography-b4c1098-font-weight:700;--e-global-typography-b4c1098-line-height:1.688em;--e-global-typography-f00f902-font-family:"Nunito Sans";--e-global-typography-f00f902-font-size:18px;--e-global-typography-f00f902-font-weight:400;--e-global-typography-f00f902-font-style:italic;--e-global-typography-f00f902-line-height:1.667em;--e-global-typography-32c0d5c-font-family:"Nunito Sans";--e-global-typography-32c0d5c-font-size:28px;--e-global-typography-32c0d5c-font-weight:700;--e-global-typography-32c0d5c-line-height:1.357em;--e-global-typography-27e1c4b-font-family:"Nunito Sans";--e-global-typography-27e1c4b-font-size:14px;--e-global-typography-27e1c4b-font-weight:700;--e-global-typography-27e1c4b-text-transform:uppercase;--e-global-typography-27e1c4b-letter-spacing:2px;--e-global-typography-acf7358-font-family:"Nunito Sans";--e-global-typography-acf7358-font-size:24px;--e-global-typography-acf7358-font-weight:700;--e-global-typography-acf7358-line-height:1.2em;--e-global-typography-59575c3-font-family:"Nunito Sans";--e-global-typography-59575c3-font-size:28px;--e-global-typography-59575c3-font-weight:700;--e-global-typography-59575c3-line-height:1.2em;color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-2967 button,.elementor-kit-2967 input[type="button"],.elementor-kit-2967 input[type="submit"],.elementor-kit-2967 .elementor-button{background-color:var( --e-global-color-primary );font-family:var( --e-global-typography-6e60b56-font-family ), Sans-serif;font-size:var( --e-global-typography-6e60b56-font-size );font-weight:var( --e-global-typography-6e60b56-font-weight );line-height:var( --e-global-typography-6e60b56-line-height );color:#FFFFFF;border-radius:6px 6px 6px 6px;padding:14px 38px 14px 38px;}.elementor-kit-2967 button:hover,.elementor-kit-2967 button:focus,.elementor-kit-2967 input[type="button"]:hover,.elementor-kit-2967 input[type="button"]:focus,.elementor-kit-2967 input[type="submit"]:hover,.elementor-kit-2967 input[type="submit"]:focus,.elementor-kit-2967 .elementor-button:hover,.elementor-kit-2967 .elementor-button:focus{background-color:var( --e-global-color-a7e704f );color:#000000;}.elementor-kit-2967 e-page-transition{background-color:#FFBC7D;}.elementor-kit-2967 p{margin-bottom:30px;}.elementor-kit-2967 a{color:var( --e-global-color-text );font-family:var( --e-global-typography-6e60b56-font-family ), Sans-serif;font-size:var( --e-global-typography-6e60b56-font-size );font-weight:var( --e-global-typography-6e60b56-font-weight );line-height:var( --e-global-typography-6e60b56-line-height );}.elementor-kit-2967 h1{color:var( --e-global-color-afbf0de );font-family:var( --e-global-typography-efa0572-font-family ), Sans-serif;font-size:var( --e-global-typography-efa0572-font-size );font-weight:var( --e-global-typography-efa0572-font-weight );text-transform:var( --e-global-typography-efa0572-text-transform );line-height:var( --e-global-typography-efa0572-line-height );letter-spacing:var( --e-global-typography-efa0572-letter-spacing );}.elementor-kit-2967 h2{color:var( --e-global-color-9c21351 );font-family:var( --e-global-typography-dddcf20-font-family ), Sans-serif;font-size:var( --e-global-typography-dddcf20-font-size );font-weight:var( --e-global-typography-dddcf20-font-weight );text-transform:var( --e-global-typography-dddcf20-text-transform );line-height:var( --e-global-typography-dddcf20-line-height );letter-spacing:var( --e-global-typography-dddcf20-letter-spacing );}.elementor-kit-2967 h3{color:var( --e-global-color-9c21351 );font-family:var( --e-global-typography-347501e-font-family ), Sans-serif;font-size:var( --e-global-typography-347501e-font-size );font-weight:var( --e-global-typography-347501e-font-weight );line-height:var( --e-global-typography-347501e-line-height );}.elementor-kit-2967 h4{color:var( --e-global-color-9c21351 );font-family:var( --e-global-typography-e95edd9-font-family ), Sans-serif;font-size:var( --e-global-typography-e95edd9-font-size );font-weight:var( --e-global-typography-e95edd9-font-weight );line-height:var( --e-global-typography-e95edd9-line-height );}.elementor-kit-2967 h5{color:var( --e-global-color-9c21351 );font-family:var( --e-global-typography-6272cf2-font-family ), Sans-serif;font-size:var( --e-global-typography-6272cf2-font-size );font-weight:var( --e-global-typography-6272cf2-font-weight );line-height:var( --e-global-typography-6272cf2-line-height );}.elementor-kit-2967 h6{color:var( --e-global-color-9c21351 );font-family:var( --e-global-typography-6d70229-font-family ), Sans-serif;font-size:var( --e-global-typography-6d70229-font-size );font-weight:var( --e-global-typography-6d70229-font-weight );line-height:var( --e-global-typography-6d70229-line-height );}.elementor-kit-2967 label{color:var( --e-global-color-9c21351 );font-family:"Nunito Sans", Sans-serif;font-size:16px;font-weight:700;line-height:1.688em;}.elementor-kit-2967 input:not([type="button"]):not([type="submit"]),.elementor-kit-2967 textarea,.elementor-kit-2967 .elementor-field-textual{font-family:"Nunito Sans", Sans-serif;font-size:16px;font-weight:600;line-height:1.4em;color:var( --e-global-color-text );background-color:var( --e-global-color-afbf0de );border-radius:6px 6px 6px 6px;padding:20px 30px 22px 30px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1160px;}.e-con{--container-max-width:1160px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-2967{--e-global-typography-text-font-size:14px;--e-global-typography-efa0572-font-size:50px;--e-global-typography-efa0572-line-height:1em;--e-global-typography-dddcf20-font-size:36px;--e-global-typography-dddcf20-line-height:1.111em;--e-global-typography-6272cf2-font-size:16px;--e-global-typography-6272cf2-line-height:1.563em;--e-global-typography-6d70229-font-size:14px;--e-global-typography-6d70229-line-height:1.786em;--e-global-typography-68aa0fb-font-size:13px;--e-global-typography-68aa0fb-line-height:1.378em;--e-global-typography-2c1f740-font-size:18px;--e-global-typography-2c1f740-line-height:1.667em;--e-global-typography-8f44944-font-size:36px;--e-global-typography-8f44944-line-height:1.111em;--e-global-typography-aee4b56-font-size:36px;--e-global-typography-aee4b56-line-height:1.111em;--e-global-typography-2500b2b-font-size:14px;--e-global-typography-2500b2b-line-height:1.786em;--e-global-typography-ccbd869-font-size:16px;--e-global-typography-ccbd869-line-height:1.563em;--e-global-typography-b4c1098-font-size:16px;--e-global-typography-b4c1098-line-height:1.563em;--e-global-typography-f00f902-font-size:16px;--e-global-typography-f00f902-line-height:1.563em;--e-global-typography-32c0d5c-font-size:16px;--e-global-typography-32c0d5c-line-height:1.563em;--e-global-typography-acf7358-font-size:16px;--e-global-typography-acf7358-line-height:1.563em;--e-global-typography-59575c3-font-size:16px;--e-global-typography-59575c3-line-height:1.563em;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-2967 a{font-size:var( --e-global-typography-6e60b56-font-size );line-height:var( --e-global-typography-6e60b56-line-height );}.elementor-kit-2967 h1{font-size:var( --e-global-typography-efa0572-font-size );line-height:var( --e-global-typography-efa0572-line-height );letter-spacing:var( --e-global-typography-efa0572-letter-spacing );}.elementor-kit-2967 h2{font-size:var( --e-global-typography-dddcf20-font-size );line-height:var( --e-global-typography-dddcf20-line-height );letter-spacing:var( --e-global-typography-dddcf20-letter-spacing );}.elementor-kit-2967 h3{font-size:var( --e-global-typography-347501e-font-size );line-height:var( --e-global-typography-347501e-line-height );}.elementor-kit-2967 h4{font-size:var( --e-global-typography-e95edd9-font-size );line-height:var( --e-global-typography-e95edd9-line-height );}.elementor-kit-2967 h5{font-size:var( --e-global-typography-6272cf2-font-size );line-height:var( --e-global-typography-6272cf2-line-height );}.elementor-kit-2967 h6{font-size:var( --e-global-typography-6d70229-font-size );line-height:var( --e-global-typography-6d70229-line-height );}.elementor-kit-2967 button,.elementor-kit-2967 input[type="button"],.elementor-kit-2967 input[type="submit"],.elementor-kit-2967 .elementor-button{font-size:var( --e-global-typography-6e60b56-font-size );line-height:var( --e-global-typography-6e60b56-line-height );}.elementor-kit-2967 label{font-size:14px;line-height:1.786em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-2967{--e-global-typography-efa0572-font-size:36px;--e-global-typography-efa0572-line-height:1.111em;--e-global-typography-dddcf20-font-size:30px;--e-global-typography-dddcf20-line-height:1.2em;--e-global-typography-8f44944-font-size:30px;--e-global-typography-8f44944-line-height:1.2em;--e-global-typography-aee4b56-font-size:30px;--e-global-typography-aee4b56-line-height:1.2em;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-2967 a{font-size:var( --e-global-typography-6e60b56-font-size );line-height:var( --e-global-typography-6e60b56-line-height );}.elementor-kit-2967 h1{font-size:var( --e-global-typography-efa0572-font-size );line-height:var( --e-global-typography-efa0572-line-height );letter-spacing:var( --e-global-typography-efa0572-letter-spacing );}.elementor-kit-2967 h2{font-size:var( --e-global-typography-dddcf20-font-size );line-height:var( --e-global-typography-dddcf20-line-height );letter-spacing:var( --e-global-typography-dddcf20-letter-spacing );}.elementor-kit-2967 h3{font-size:var( --e-global-typography-347501e-font-size );line-height:var( --e-global-typography-347501e-line-height );}.elementor-kit-2967 h4{font-size:var( --e-global-typography-e95edd9-font-size );line-height:var( --e-global-typography-e95edd9-line-height );}.elementor-kit-2967 h5{font-size:var( --e-global-typography-6272cf2-font-size );line-height:var( --e-global-typography-6272cf2-line-height );}.elementor-kit-2967 h6{font-size:var( --e-global-typography-6d70229-font-size );line-height:var( --e-global-typography-6d70229-line-height );}.elementor-kit-2967 button,.elementor-kit-2967 input[type="button"],.elementor-kit-2967 input[type="submit"],.elementor-kit-2967 .elementor-button{font-size:var( --e-global-typography-6e60b56-font-size );line-height:var( --e-global-typography-6e60b56-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */sans-serif;
        }
        .gradient-bg {
            background: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 100%);
        }
        .cta-button {
            background: #f97316;
            transition: all 0.3s ease;
            box-shadow: 0 5px 15px rgba(249, 115, 22, 0.3);
        }
        .cta-button:hover {
            transform: translateY(-2px);
            box-shadow: 0 8px 25px rgba(249, 115, 22, 0.4);
        }
        .comparison-table {
            overflow: hidden;
            border-radius: 15px;
        }
        .step-number {
            width: 60px;
            height: 60px;
            background: #f97316;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-weight: bold;
            font-size: 24px;
            margin: 0 auto 20px;
        }
        .faq-item {
            border-radius: 10px;
            overflow: hidden;
            margin-bottom: 16px;
        }
        .pulse-animation {
            animation: pulse 2s infinite;
        }
        @keyframes pulse {
            0%, 100% { opacity: 1; }
            50% { opacity: 0.7; }
        }
        .navbar-fixed {
            position: fixed;
            top: 0;
            width: 100%;
            z-index: 1000;
        }
        .content-margin {
            margin-top: 80px;
        }
        @media print {
            .navbar-fixed {
                position: relative;
            }
            .content-margin {
                margin-top: 0;
            }
        }
    </style>
</head>
<body class="bg-white">

<!-- HEADER FIJO -->
<header class="navbar-fixed bg-blue-800 text-white py-4 shadow-lg">
    <div class="container mx-auto px-4">
        <nav class="flex justify-between items-center">
            <div class="text-2xl font-bold">CurriculumIA</div>
            <a href="#order" class="cta-button text-white px-6 py-3 rounded-lg font-semibold hover:bg-orange-600 transition-all">
                Crear Mi CV - 67€
            </a>
        </nav>
    </div>
</header>

<!-- HERO SECTION -->
<section class="gradient-bg text-white py-20 content-margin">
    <div class="container mx-auto px-4 text-center">
        <h1 class="text-4xl md:text-6xl font-bold mb-6 leading-tight">
            Tu Primer Trabajo Te Está Esperando:<br>
            <span class="text-orange-400">Solo Necesitas el CV Correcto</span>
        </h1>
        <h2 class="text-xl md:text-2xl mb-8 opacity-90 max-w-4xl mx-auto leading-relaxed">
            Transforma tu experiencia limitada en una historia irresistible que hace que los reclutadores NECESITEN conocerte. En solo 2 minutos tienes tu CV persuasivo listo.
        </h2>
        <a href="#order" class="cta-button text-white px-12 py-6 text-2xl font-bold rounded-xl inline-block mb-6 hover:bg-orange-600 transition-all">
            Crear Mi CV Ganador - 67€
        </a>
        <div class="text-lg mt-4 space-x-8">
            <span>✅ Entrega inmediata</span>
            <span>✅ Garantía más entrevistas</span>
            <span>✅ Sin experiencia necesaria</span>
        </div>
    </div>
</section>

<!-- SECCIÓN PROBLEMA -->
<section class="py-16 bg-gray-50">
    <div class="container mx-auto px-4">
        <h2 class="text-4xl font-bold text-center text-blue-800 mb-12">¿Te Suena Familiar?</h2>
        <div class="max-w-3xl mx-auto">
            <div class="space-y-4 mb-12">
                <div class="flex items-center bg-white p-4 rounded-lg shadow-sm">
                    <span class="text-2xl mr-4">❌</span>
                    <span class="text-lg">Envías tu CV y nunca te llaman</span>
                </div>
                <div class="flex items-center bg-white p-4 rounded-lg shadow-sm">
                    <span class="text-2xl mr-4">❌</span>
                    <span class="text-lg">Piensas "no tengo suficiente experiencia"</span>
                </div>
                <div class="flex items-center bg-white p-4 rounded-lg shadow-sm">
                    <span class="text-2xl mr-4">❌</span>
                    <span class="text-lg">Ves ofertas perfectas pero no te atreves a aplicar</span>
                </div>
                <div class="flex items-center bg-white p-4 rounded-lg shadow-sm">
                    <span class="text-2xl mr-4">❌</span>
                    <span class="text-lg">Tus amigos consiguen trabajo y tú no entiendes por qué</span>
                </div>
                <div class="flex items-center bg-white p-4 rounded-lg shadow-sm">
                    <span class="text-2xl mr-4">❌</span>
                    <span class="text-lg">Sientes que tu CV es "aburrido" comparado con otros</span>
                </div>
            </div>
            
            <div class="bg-white p-8 rounded-xl shadow-lg border-l-4 border-orange-500">
                <p class="text-lg leading-relaxed text-gray-700">
                    <strong class="text-blue-800">La verdad es que NO es por tu falta de experiencia.</strong><br>
                    Es porque tu CV no COMUNICA tu potencial de la manera correcta.<br><br>
                    
                    Mientras otros jóvenes siguen usando CVs genéricos y plantillas aburridas, 
                    tú vas a tener un arma secreta:<br><br>
                    
                    <strong class="text-blue-800">Un CV que cuenta tu historia de manera TAN persuasiva que los reclutadores 
                    van a QUERER conocerte, incluso sin años de experiencia.</strong>
                </p>
            </div>
        </div>
    </div>
</section>

<!-- SECCIÓN SOLUCIÓN -->
<section class="py-16 bg-white">
    <div class="container mx-auto px-4">
        <h2 class="text-4xl font-bold text-center text-blue-800 mb-8">
            Presentamos: El CV Storytelling que Multiplica Oportunidades
        </h2>
        
        <div class="max-w-4xl mx-auto mb-12">
            <div class="bg-gray-50 p-8 rounded-xl shadow-lg">
                <p class="text-lg leading-relaxed text-gray-700">
                    He estudiado a fondo las técnicas de copywriting de <strong class="text-blue-800">Isra Bravo</strong> - el experto #1 en persuasión de España - y las he adaptado específicamente para CVs de jóvenes profesionales.<br><br>
                    
                    <strong class="text-orange-600 text-xl">El resultado: CVs que no solo informan, sino que PERSUADEN.</strong><br><br>
                    
                    No importa si tienes 6 meses o 6 años de experiencia. 
                    Mi sistema convierte cualquier background en una narrativa irresistible.
                </p>
            </div>
        </div>
        
        <div class="grid md:grid-cols-3 gap-8 max-w-6xl mx-auto">
            <div class="bg-gray-50 p-8 rounded-xl text-center shadow-lg">
                <div class="text-5xl mb-4">🧠</div>
                <h4 class="text-xl font-bold text-blue-800 mb-4">STORYTELLING ESTRATÉGICO</h4>
                <p class="text-gray-700">Transformo tus experiencias (trabajo, estudios, proyectos) en historias que demuestran tu potencial único.</p>
            </div>
            
            <div class="bg-gray-50 p-8 rounded-xl text-center shadow-lg">
                <div class="text-5xl mb-4">✍️</div>
                <h4 class="text-xl font-bold text-blue-800 mb-4">COPYWRITING PERSUASIVO</h4>
                <p class="text-gray-700">Aplico técnicas de Isra Bravo para que cada línea de tu CV genere interés y curiosidad en el reclutador.</p>
            </div>
            
            <div class="bg-gray-50 p-8 rounded-xl text-center shadow-lg">
                <div class="text-5xl mb-4">⚡</div>
                <h4 class="text-xl font-bold text-blue-800 mb-4">ENTREGA INMEDIATA</h4>
                <p class="text-gray-700">Olvídate de esperas. En 2 minutos tienes tu CV + carta de presentación listos para enviar.</p>
            </div>
        </div>
    </div>
</section>

<!-- SECCIÓN COMPARACIÓN -->
<section class="py-16 bg-gray-50">
    <div class="container mx-auto px-4">
        <h2 class="text-4xl font-bold text-center text-blue-800 mb-12">
            ¿Por Qué No Usar Herramientas Gratuitas o aiApply?
        </h2>
        
        <div class="max-w-4xl mx-auto">
            <div class="comparison-table bg-white shadow-xl">
                <div class="grid md:grid-cols-2 bg-blue-800 text-white">
                    <div class="p-6 text-center font-bold text-xl">HERRAMIENTAS GRATUITAS</div>
                    <div class="p-6 text-center font-bold text-xl">CURRICULUMIA</div>
                </div>
                
                <div class="grid md:grid-cols-2 border-b border-gray-200">
                    <div class="p-6 bg-red-50 text-red-700 flex items-center">
                        <span class="mr-3">❌</span> Templates aburridos
                    </div>
                    <div class="p-6 bg-green-50 text-green-700 flex items-center">
                        <span class="mr-3">✅</span> Narrativa personalizada
                    </div>
                </div>
                
                <div class="grid md:grid-cols-2 border-b border-gray-200">
                    <div class="p-6 bg-red-50 text-red-700 flex items-center">
                        <span class="mr-3">❌</span> Tú haces todo el trabajo
                    </div>
                    <div class="p-6 bg-green-50 text-green-700 flex items-center">
                        <span class="mr-3">✅</span> Yo hago todo por ti
                    </div>
                </div>
                
                <div class="grid md:grid-cols-2 border-b border-gray-200">
                    <div class="p-6 bg-red-50 text-red-700 flex items-center">
                        <span class="mr-3">❌</span> Sin estrategia
                    </div>
                    <div class="p-6 bg-green-50 text-green-700 flex items-center">
                        <span class="mr-3">✅</span> Metodología Isra Bravo
                    </div>
                </div>
                
                <div class="grid md:grid-cols-2 border-b border-gray-200">
                    <div class="p-6 bg-red-50 text-red-700 flex items-center">
                        <span class="mr-3">❌</span> Genérico para todos
                    </div>
                    <div class="p-6 bg-green-50 text-green-700 flex items-center">
                        <span class="mr-3">✅</span> Específico para jóvenes
                    </div>
                </div>
                
                <div class="grid md:grid-cols-2">
                    <div class="p-6 bg-red-50 text-red-700 flex items-center">
                        <span class="mr-3">❌</span> Sin garantías
                    </div>
                    <div class="p-6 bg-green-50 text-green-700 flex items-center">
                        <span class="mr-3">✅</span> Garantía más entrevistas
                    </div>
                </div>
            </div>
            
            <div class="text-center mt-8">
                <div class="bg-white p-6 rounded-xl shadow-lg border-l-4 border-orange-500">
                    <p class="text-lg font-semibold text-gray-700">
                        <strong>Sí, puedes usar ChatGPT gratis y perder 3 horas creando algo mediocre...</strong><br>
                        O puedes invertir 67€ una vez y tener un CV profesional que trabaja para ti 24/7.
                    </p>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- CÓMO FUNCIONA -->
<section class="py-16 bg-white">
    <div class="container mx-auto px-4">
        <h2 class="text-4xl font-bold text-center text-blue-800 mb-12">Así de Simple:</h2>
        
        <div class="grid md:grid-cols-3 gap-8 max-w-5xl mx-auto mb-12">
            <div class="text-center">
                <div class="step-number">1</div>
                <h4 class="text-xl font-bold text-blue-800 mb-4">COMPLETAS EL FORMULARIO (5 mins)</h4>
                <p class="text-gray-700">Me cuentas tu historia: estudios, trabajos, proyectos, pasiones. No importa si parece "poco", yo encuentro el gold.</p>
            </div>
            
            <div class="text-center">
                <div class="step-number">2</div>
                <h4 class="text-xl font-bold text-blue-800 mb-4">LA MAGIA SUCEDE (2 mins)</h4>
                <p class="text-gray-700">Mi sistema aplica storytelling + copywriting persuasivo creando tu CV único optimizado para tu edad y experiencia.</p>
            </div>
            
            <div class="text-center">
                <div class="step-number">3</div>
                <h4 class="text-xl font-bold text-blue-800 mb-4">RECIBES TU ARSENAL (inmediato)</h4>
                <p class="text-gray-700">CV persuasivo + carta de presentación irresistible. Listos para conseguir tu próximo trabajo.</p>
            </div>
        </div>
        
        <div class="text-center">
            <a href="#order" class="cta-button text-white px-10 py-4 text-xl font-bold rounded-xl inline-block hover:bg-orange-600 transition-all">
                Quiero Mi CV Storytelling - 67€
            </a>
        </div>
    </div>
</section>

<!-- GARANTÍA -->
<section class="py-16 bg-gray-50">
    <div class="container mx-auto px-4">
        <h2 class="text-4xl font-bold text-center text-blue-800 mb-12">Mi Garantía Total:</h2>
        
        <div class="max-w-4xl mx-auto">
            <div class="bg-white p-10 rounded-2xl shadow-xl border-4 border-orange-500">
                <h3 class="text-2xl font-bold text-center text-blue-800 mb-6">
                    Si en 30 días no consigues MÁS entrevistas que antes, te devuelvo el 100% de tu dinero.
                </h3>
                
                <p class="text-center text-lg mb-6"><strong>Sin preguntas. Sin letra pequeña.</strong></p>
                
                <p class="text-center text-gray-700 mb-8">
                    ¿Por qué puedo garantizar esto? Porque he visto la diferencia que hace un CV bien contado vs uno genérico. Es brutal.
                </p>
                
                <div class="bg-red-50 p-6 rounded-xl border-l-4 border-red-500 mb-8">
                    <div class="text-center">
                        <p class="text-lg font-bold text-red-700 mb-4">⚠️ ADEMÁS: Los precios suben 20€ el próximo mes</p>
                        <div class="flex justify-center items-center space-x-4 mb-4">
                            <span class="text-2xl font-bold text-green-600">Hoy: 67€</span>
                            <span class="text-xl text-gray-500">|</span>
                            <span class="text-2xl text-red-600 line-through">Próximo mes: 87€</span>
                        </div>
                        <div class="bg-red-600 text-white p-4 rounded-lg font-bold text-xl">
                            ⏰ Precio actual válido por: <span id="countdown-timer" class="pulse-animation">23:45:12</span>
                        </div>
                    </div>
                </div>
                
                <div class="text-center">
                    <a href="#order" class="bg-red-600 hover:bg-red-700 text-white px-12 py-6 text-2xl font-bold rounded-xl inline-block transition-all">
                        Asegurar Mi Precio de Hoy - 67€
                    </a>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- FAQ -->
<section class="py-16 bg-white">
    <div class="container mx-auto px-4">
        <h2 class="text-4xl font-bold text-center text-blue-800 mb-12">Preguntas Frecuentes:</h2>
        
        <div class="max-w-4xl mx-auto space-y-4">
            <div class="faq-item bg-gray-50 shadow-lg">
                <div class="faq-question bg-blue-800 text-white p-6 font-bold text-lg cursor-pointer flex justify-between items-center">
                    ¿Funciona si no tengo experiencia laboral?
                    <i class="fas fa-chevron-down"></i>
                </div>
                <div class="faq-answer p-6 text-gray-700">
                    ¡Especialmente si no tienes! Mi sistema está diseñado para jóvenes. Convierto estudios, proyectos universitarios, trabajos de verano, voluntariados, incluso hobbies en fortalezas persuasivas.
                </div>
            </div>
            
            <div class="faq-item bg-gray-50 shadow-lg">
                <div class="faq-question bg-blue-800 text-white p-6 font-bold text-lg cursor-pointer flex justify-between items-center">
                    ¿Es mejor que hacer mi CV yo mismo?
                    <i class="fas fa-chevron-down"></i>
                </div>
                <div class="faq-answer p-6 text-gray-700 hidden">
                    ¿Harías tu propia cirugía? Yo llevo meses estudiando copywriting persuasivo. Tú tienes otras fortalezas. Déjame hacer lo mío.
                </div>
            </div>
            
            <div class="faq-item bg-gray-50 shadow-lg">
                <div class="faq-question bg-blue-800 text-white p-6 font-bold text-lg cursor-pointer flex justify-between items-center">
                    ¿Qué incluye exactamente?
                    <i class="fas fa-chevron-down"></i>
                </div>
                <div class="faq-answer p-6 text-gray-700 hidden">
                    CV completo optimizado + carta de presentación personalizada. Todo listo para enviar y conseguir entrevistas.
                </div>
            </div>
            
            <div class="faq-item bg-gray-50 shadow-lg">
                <div class="faq-question bg-blue-800 text-white p-6 font-bold text-lg cursor-pointer flex justify-between items-center">
                    ¿Y si no me gusta el resultado?
                    <i class="fas fa-chevron-down"></i>
                </div>
                <div class="faq-answer p-6 text-gray-700 hidden">
                    Imposible que no te guste, pero si pasa, te devuelvo todo. Sin drama.
                </div>
            </div>
        </div>
    </div>
</section>

<!-- CTA FINAL -->
<section class="gradient-bg text-white py-16">
    <div class="container mx-auto px-4 text-center">
        <h2 class="text-4xl font-bold mb-8">Tu Futuro Profesional Empieza Hoy</h2>
        
        <p class="text-xl mb-8">Tienes dos opciones:</p>
        
        <div class="grid md:grid-cols-2 gap-8 max-w-4xl mx-auto mb-12">
            <div class="bg-white bg-opacity-10 p-8 rounded-xl border-2 border-white border-opacity-20">
                <h4 class="text-xl font-bold mb-4 text-orange-400">OPCIÓN 1:</h4>
                <p class="text-lg">Seguir enviando CVs genéricos y preguntándote por qué no te llaman</p>
            </div>
            
            <div class="bg-white bg-opacity-10 p-8 rounded-xl border-2 border-white border-opacity-20">
                <h4 class="text-xl font-bold mb-4 text-orange-400">OPCIÓN 2:</h4>
                <p class="text-lg">Invertir 67€ en el CV que va a cambiar tu carrera profesional</p>
            </div>
        </div>
        
        <p class="text-lg mb-8 max-w-3xl mx-auto">
            La diferencia entre conseguir el trabajo que quieres y seguir buscando puede estar en las próximas 2 horas.
        </p>
        
        <a href="#order" class="cta-button text-white px-16 py-6 text-3xl font-bold rounded-xl inline-block mb-6 hover:bg-orange-600 transition-all">
            SÍ, Quiero Transformar Mi Carrera - 67€
        </a>
        
        <p class="text-lg opacity-90">Entrega inmediata | Garantía 30 días | Precio sube pronto</p>
    </div>
</section>

<!-- FORMULARIO DE PEDIDO -->
<section id="order" class="py-16 bg-gray-50">
    <div class="container mx-auto px-4">
        <h2 class="text-4xl font-bold text-center text-blue-800 mb-8">¡Perfecto! Empecemos Tu Transformación</h2>
        
        <div class="max-w-3xl mx-auto">
            <div class="bg-white p-10 rounded-2xl shadow-xl">
                <h3 class="text-2xl font-bold text-center text-blue-800 mb-8">
                    Completa este formulario y en 2 minutos tienes tu CV listo
                </h3>
                
                <!-- PLACEHOLDER PARA GOOGLE FORMS -->
                <div class="bg-gray-100 p-12 rounded-xl border-2 border-dashed border-blue-300 text-center">
                    <div class="mb-6">
                        <i class="fas fa-file-alt text-6xl text-blue-400 mb-4"></i>
                        <h4 class="text-xl font-bold text-blue-800 mb-2">🔧 FORMULARIO GOOGLE FORMS</h4>
                        <p class="text-gray-600 mb-4">Aquí embebería tu formulario de Google Forms que ya tienes creado para capturar la información</p>
                        
                        <div class="bg-blue-50 p-4 rounded-lg text-left text-sm">
                            <strong>Código de embebido:</strong><br>
                            <code class="text-blue-800">&lt;iframe src="tu-google-form-url" width="100%" height="500"&gt;&lt;/iframe&gt;</code>
                        </div>
                    </div>
                    
                    <div class="space-y-4 text-left max-w-md mx-auto">
                        <p class="font-semibold text-blue-800">Tu formulario incluirá campos como:</p>
                        <ul class="text-sm text-gray-600 space-y-1">
                            <li>• Nombre completo</li>
                            <li>• Email y teléfono</li>
                            <li>• Experiencia laboral</li>
                            <li>• Estudios y formación</li>
                            <li>• Objetivos profesionales</li>
                            <li>• Habilidades y logros</li>
                        </ul>
                    </div>
                </div>
                
                <div class="mt-8 text-center">
                    <div class="bg-orange-500 text-white p-6 rounded-xl mb-6">
                        <h4 class="text-xl font-bold mb-2">🎉 ¡PRECIO ESPECIAL HOY!</h4>
                        <div class="flex justify-center items-center space-x-4">
                            <span class="text-3xl font-bold">67€</span>
                            <span class="text-lg line-through opacity-75">87€</span>
                        </div>
                        <p class="text-sm mt-2">Ahorro de 20€ - Solo por tiempo limitado</p>
                    </div>
                    
                    <button class="bg-green-600 hover:bg-green-700 text-white px-12 py-4 text-xl font-bold rounded-xl transition-all w-full md:w-auto">
                        <i class="fas fa-credit-card mr-2"></i>
                        Pagar 67€ y Crear Mi CV Ahora
                    </button>
                    
                    <div class="mt-4 text-sm text-gray-600">
                        <i class="fas fa-lock mr-1"></i>
                        Pago 100% seguro | <i class="fas fa-clock mr-1"></i> Entrega inmediata | <i class="fas fa-shield-alt mr-1"></i> Garantía 30 días
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- FOOTER -->
<footer class="bg-blue-900 text-white py-8">
    <div class="container mx-auto px-4 text-center">
        <div class="mb-4">
            <h3 class="text-2xl font-bold mb-2">CurriculumIA</h3>
            <p class="text-blue-200">Transformando carreras, una historia a la vez</p>
        </div>
        <div class="text-sm text-blue-300">
            <p>&copy; 2024 CurriculumIA. Todos los derechos reservados.</p>
            <p class="mt-2">Tu futuro profesional empieza aquí</p>
        </div>
    </div>
</footer>

<script>
// COUNTDOWN TIMER
function updateCountdown() {
    const now = new Date().getTime();
    const tomorrow = new Date();
    tomorrow.setDate(tomorrow.getDate() + 1);
    tomorrow.setHours(0, 0, 0, 0);
    
    const distance = tomorrow - now;
    
    const hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
    ch(question => {
    question.addEventListener('click', () => {
        const answer = question.nextElementSibling;
        const icon = question.querySelector('i');
        
        if (answer.classList.contains('hidden')) {
            answer.classList.remove('hidden');
            icon.classList.remove('fa-chevron-down');
            icon.classList.add('fa-chevron-up');
        } else {
            answer.classList.add('hidden');
            icon.classList.remove('fa-chevron-up');/* End custom CSS */