{"id":7,"date":"2024-02-19T14:53:16","date_gmt":"2024-02-19T14:53:16","guid":{"rendered":"https:\/\/contentdura.easybusiness.com.do\/?page_id=7"},"modified":"2026-04-27T03:03:39","modified_gmt":"2026-04-27T03:03:39","slug":"home","status":"publish","type":"page","link":"https:\/\/contentdura.easybusiness.com.do\/","title":{"rendered":"Inicio"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7\" class=\"elementor elementor-7\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7b6627f e-flex e-con-boxed e-con e-parent\" data-id=\"7b6627f\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-02b6553 elementor-widget elementor-widget-html\" data-id=\"02b6553\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!--\n  ============================================================\n  CONTENTDURA - LANDING PAGE\n  ============================================================\n  C\u00d3MO USARLO EN WORDPRESS:\n\n  OPCI\u00d3N A (recomendada con Bricks Builder):\n    1. Crea una p\u00e1gina nueva en WordPress\n    2. Edita con Bricks\n    3. A\u00f1ade un elemento \"Code\" desde el panel de elementos\n    4. Pega TODO este c\u00f3digo (desde <style> hasta el final)\n    5. Activa \"Execute Code\" para que el JS funcione\n    6. Publica\n\n  OPCI\u00d3N B (Editor Gutenberg sin Bricks):\n    1. Crea una p\u00e1gina nueva\n    2. A\u00f1ade un bloque \"HTML personalizado\"\n    3. Pega TODO este c\u00f3digo\n    4. Publica\n    5. Aseg\u00farate que tu tema NO a\u00f1ada padding\/margin a la p\u00e1gina\n       (usa una plantilla \"Full Width\" o \"Blank\")\n\n  OPCI\u00d3N C (archivo .html standalone):\n    Abre directamente en el navegador para previsualizar\n  ============================================================\n-->\n\n<style>\n  \/* ===== RESET Y VARIABLES ===== *\/\n  .cd-landing * {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n  }\n\n  .cd-landing {\n    --cd-amber: #F5A623;\n    --cd-sky: #4EC8E4;\n    --cd-orange: #D4622A;\n    --cd-dark: #1A3A52;\n    --cd-cream: #FBF5E9;\n    --cd-white: #FFFFFF;\n    --cd-text-dark: #1A3A52;\n\n    font-family: 'Poppins', 'Helvetica Neue', Arial, sans-serif;\n    color: var(--cd-text-dark);\n    line-height: 1.5;\n    overflow-x: hidden;\n  }\n\n  .cd-landing img { max-width: 100%; display: block; }\n  .cd-landing button { font-family: inherit; cursor: pointer; }\n  .cd-landing a { text-decoration: none; color: inherit; }\n\n  \/* Importar fuentes *\/\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700;800;900&family=Caveat:wght@700&display=swap');\n\n  \/* ===== CONTENEDOR ===== *\/\n  .cd-container {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0 40px;\n  }\n\n  \/* ===== 1. HEADER ===== *\/\n  .cd-header {\n    background: var(--cd-amber);\n    padding: 24px 0;\n    position: sticky;\n    top: 0;\n    z-index: 100;\n  }\n  .cd-header-inner {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 32px;\n  }\n  .cd-logo {\n    display: flex;\n    align-items: center;\n    gap: 14px;\n  }\n  .cd-logo-icon {\n    width: 56px;\n    height: 56px;\n    flex-shrink: 0;\n  }\n  .cd-logo-text h1 {\n    color: var(--cd-white);\n    font-size: 28px;\n    font-weight: 800;\n    letter-spacing: 0.02em;\n    line-height: 1;\n  }\n  .cd-logo-text span {\n    color: var(--cd-white);\n    font-size: 11px;\n    font-weight: 500;\n    letter-spacing: 0.15em;\n    opacity: 0.95;\n  }\n  .cd-nav {\n    display: flex;\n    gap: 36px;\n    align-items: center;\n  }\n  .cd-nav a {\n    color: var(--cd-text-dark);\n    font-weight: 700;\n    font-size: 17px;\n    transition: opacity 0.2s;\n    position: relative;\n  }\n  .cd-nav a:hover { opacity: 0.7; }\n  .cd-nav a:not(:last-child)::after {\n    content: '';\n    position: absolute;\n    right: -18px;\n    top: 4px;\n    bottom: 4px;\n    width: 1px;\n    background: rgba(26, 58, 82, 0.3);\n  }\n\n  \/* ===== 2. HERO ===== *\/\n  .cd-hero {\n    background: var(--cd-sky);\n    padding: 100px 0 120px;\n    position: relative;\n    overflow: hidden;\n  }\n  .cd-hero-inner {\n    display: grid;\n    grid-template-columns: 1.2fr 1fr;\n    gap: 40px;\n    align-items: center;\n  }\n  .cd-hero h2 {\n    font-size: 84px;\n    font-weight: 800;\n    color: var(--cd-white);\n    line-height: 1;\n    letter-spacing: -0.02em;\n    margin-bottom: 32px;\n  }\n  .cd-hero h2 .cd-strike {\n    position: relative;\n    display: inline-block;\n  }\n  .cd-hero h2 .cd-strike::after {\n    content: '';\n    position: absolute;\n    left: -8px;\n    right: -8px;\n    top: 52%;\n    height: 8px;\n    background: var(--cd-amber);\n    border-radius: 4px;\n    transform: rotate(-3deg);\n  }\n  .cd-hero h2 .cd-handwrite {\n    font-family: 'Caveat', cursive;\n    color: var(--cd-amber);\n    font-weight: 700;\n    display: inline-block;\n    transform: rotate(-4deg);\n    margin-left: -40px;\n    font-size: 92px;\n  }\n  .cd-hero-divider {\n    width: 120px;\n    height: 6px;\n    background: var(--cd-amber);\n    margin-bottom: 28px;\n  }\n  .cd-hero p {\n    font-size: 22px;\n    color: var(--cd-white);\n    font-weight: 500;\n    line-height: 1.4;\n    margin-bottom: 40px;\n    max-width: 480px;\n  }\n  .cd-btn-outline {\n    display: inline-flex;\n    align-items: center;\n    gap: 14px;\n    padding: 22px 36px;\n    border: 3px solid var(--cd-white);\n    border-radius: 60px;\n    background: transparent;\n    color: var(--cd-white);\n    font-size: 18px;\n    font-weight: 600;\n    transition: all 0.3s;\n  }\n  .cd-btn-outline:hover {\n    background: var(--cd-white);\n    color: var(--cd-sky);\n    transform: translateY(-3px);\n  }\n  .cd-btn-outline svg {\n    width: 22px;\n    height: 22px;\n    flex-shrink: 0;\n  }\n  .cd-hero-visual {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n  }\n  .cd-hero-logo-anim {\n    width: 100%;\n    max-width: 480px;\n    aspect-ratio: 1;\n    position: relative;\n    animation: cdFloat 6s ease-in-out infinite;\n  }\n  @keyframes cdFloat {\n    0%, 100% { transform: translateY(0) rotate(0deg); }\n    50% { transform: translateY(-20px) rotate(3deg); }\n  }\n  .cd-hero-logo-anim svg {\n    width: 100%;\n    height: 100%;\n    filter: drop-shadow(0 20px 60px rgba(0,0,0,0.15));\n  }\n  .cd-hero-logo-anim .cd-ring-1 {\n    animation: cdRotate1 12s linear infinite;\n    transform-origin: center;\n  }\n  .cd-hero-logo-anim .cd-ring-2 {\n    animation: cdRotate2 10s linear infinite;\n    transform-origin: center;\n  }\n  @keyframes cdRotate1 {\n    from { transform: rotate(0deg); }\n    to { transform: rotate(360deg); }\n  }\n  @keyframes cdRotate2 {\n    from { transform: rotate(360deg); }\n    to { transform: rotate(0deg); }\n  }\n\n  \/* ===== 3. MARQUEE \/ CINTILLO ===== *\/\n  .cd-marquee {\n    background: var(--cd-cream);\n    padding: 30px 0;\n    overflow: hidden;\n    position: relative;\n    border-top: 4px solid var(--cd-amber);\n    border-bottom: 4px solid var(--cd-amber);\n  }\n  .cd-marquee-track {\n    display: flex;\n    gap: 0;\n    animation: cdMarquee 25s linear infinite;\n    white-space: nowrap;\n  }\n  .cd-marquee:hover .cd-marquee-track {\n    animation-play-state: paused;\n  }\n  @keyframes cdMarquee {\n    from { transform: translateX(0); }\n    to { transform: translateX(-50%); }\n  }\n  .cd-marquee-item {\n    width: 130px;\n    height: 130px;\n    flex-shrink: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .cd-marquee-item.amber { background: var(--cd-amber); }\n  .cd-marquee-item.sky { background: var(--cd-sky); }\n  .cd-marquee-item svg { width: 70px; height: 70px; }\n\n  \/* ===== 4. CONTENIDO DURO - GRID DE SERVICIOS ===== *\/\n  .cd-services {\n    background: var(--cd-cream);\n    padding: 100px 0;\n    position: relative;\n  }\n  .cd-services-inner {\n    display: grid;\n    grid-template-columns: 320px 1fr;\n    gap: 60px;\n    align-items: start;\n  }\n  .cd-services-title {\n    position: sticky;\n    top: 120px;\n  }\n  .cd-services-title h3 {\n    font-size: 56px;\n    font-weight: 900;\n    line-height: 1;\n    letter-spacing: -0.02em;\n    margin-bottom: 24px;\n  }\n  .cd-services-title h3 .word-1 { color: var(--cd-text-dark); display: block; }\n  .cd-services-title h3 .word-2 {\n    color: var(--cd-amber);\n    display: block;\n    font-size: 80px;\n    margin: 4px 0;\n  }\n  .cd-services-title h3 .word-3 { color: var(--cd-orange); display: block; font-size: 38px; }\n  .cd-services-title h3 .word-4 { color: var(--cd-orange); display: block; font-size: 38px; }\n  .cd-orange-bar {\n    width: 80px;\n    height: 8px;\n    background: var(--cd-orange);\n    margin: 24px 0;\n  }\n  .cd-services-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 18px;\n  }\n  .cd-service-card {\n    background: var(--cd-sky);\n    border-radius: 24px;\n    padding: 32px 28px;\n    color: var(--cd-white);\n    transition: all 0.4s ease;\n    cursor: pointer;\n    position: relative;\n    overflow: hidden;\n    min-height: 260px;\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n  }\n  .cd-service-card:hover {\n    transform: translateY(-12px) scale(1.02);\n    background: var(--cd-amber);\n    color: var(--cd-text-dark);\n    box-shadow: 0 20px 40px rgba(0,0,0,0.15);\n  }\n  .cd-service-card.tall { grid-row: span 2; min-height: 540px; }\n  .cd-service-card h4 {\n    font-size: 26px;\n    font-weight: 800;\n    line-height: 1;\n    margin-bottom: 12px;\n    letter-spacing: -0.01em;\n  }\n  .cd-service-card p {\n    font-size: 14px;\n    font-weight: 600;\n    line-height: 1.4;\n    opacity: 0.95;\n  }\n  .cd-service-card .cd-card-icon {\n    width: 48px;\n    height: 48px;\n    margin-bottom: 16px;\n    transition: transform 0.4s;\n  }\n  .cd-service-card:hover .cd-card-icon {\n    transform: rotate(-8deg) scale(1.1);\n  }\n\n  \/* ===== 5. CAJA DE HERRAMIENTAS ===== *\/\n  .cd-toolbox {\n    background: var(--cd-amber);\n    padding: 100px 0 120px;\n    position: relative;\n  }\n  .cd-toolbox::before {\n    content: '';\n    position: absolute;\n    top: -40px;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 80px;\n    height: 60px;\n    background: var(--cd-amber);\n    border-radius: 12px 12px 0 0;\n    border: 6px solid var(--cd-amber);\n    border-bottom: none;\n  }\n  .cd-toolbox-handle {\n    position: absolute;\n    top: -60px;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 100px;\n    height: 70px;\n    border: 8px solid var(--cd-amber);\n    border-bottom: none;\n    border-radius: 16px 16px 0 0;\n    z-index: 1;\n  }\n  .cd-toolbox-intro {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 60px;\n    align-items: center;\n    margin-bottom: 100px;\n  }\n  .cd-toolbox-intro h3 {\n    font-size: 64px;\n    font-weight: 800;\n    color: var(--cd-white);\n    line-height: 1;\n    margin-bottom: 24px;\n    letter-spacing: -0.02em;\n  }\n  .cd-toolbox-intro .cd-divider {\n    width: 100px;\n    height: 4px;\n    background: var(--cd-white);\n    margin-bottom: 24px;\n  }\n  .cd-toolbox-intro p {\n    font-size: 18px;\n    color: var(--cd-text-dark);\n    line-height: 1.6;\n    margin-bottom: 20px;\n    font-weight: 500;\n  }\n  .cd-toolbox-illustration {\n    background: var(--cd-sky);\n    border-radius: 24px;\n    aspect-ratio: 4\/3;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n  }\n\n  \/* Sub-secci\u00f3n: Dise\u00f1o Gr\u00e1fico *\/\n  .cd-tool-section {\n    margin-bottom: 100px;\n    position: relative;\n  }\n  .cd-tool-badge {\n    display: inline-block;\n    background: var(--cd-sky);\n    color: var(--cd-text-dark);\n    font-size: 28px;\n    font-weight: 800;\n    padding: 14px 36px;\n    border-radius: 16px;\n    margin-bottom: 50px;\n    position: relative;\n  }\n  .cd-tool-badge::before {\n    content: '';\n    position: absolute;\n    top: -22px;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 32px;\n    height: 22px;\n    border: 4px solid var(--cd-sky);\n    border-bottom: none;\n    border-radius: 8px 8px 0 0;\n  }\n  .cd-design-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 50px 60px;\n  }\n  .cd-design-item {\n    display: flex;\n    align-items: center;\n    gap: 18px;\n    transition: transform 0.3s;\n  }\n  .cd-design-item:hover {\n    transform: translateX(8px);\n  }\n  .cd-design-item .cd-icon-box {\n    width: 70px;\n    height: 70px;\n    flex-shrink: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .cd-design-item .cd-icon-box svg {\n    width: 100%;\n    height: 100%;\n    fill: var(--cd-white);\n  }\n  .cd-design-item h5 {\n    font-size: 24px;\n    font-weight: 700;\n    color: var(--cd-white);\n    line-height: 1.1;\n  }\n\n  \/* Sub-secci\u00f3n: Fotograf\u00eda y Audiovisuales *\/\n  .cd-photo-video {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 40px;\n    margin-bottom: 100px;\n  }\n  .cd-pv-card {\n    background: rgba(255,255,255,0.1);\n    border-radius: 24px;\n    padding: 40px;\n    border: 2px solid rgba(255,255,255,0.2);\n    transition: all 0.3s;\n  }\n  .cd-pv-card:hover {\n    background: rgba(255,255,255,0.2);\n    transform: translateY(-8px);\n  }\n  .cd-pv-card h4 {\n    font-size: 32px;\n    font-weight: 800;\n    color: var(--cd-white);\n    margin-bottom: 8px;\n    line-height: 1;\n  }\n  .cd-pv-card .cd-pv-sub {\n    color: var(--cd-text-dark);\n    font-size: 16px;\n    font-weight: 600;\n    margin-bottom: 24px;\n  }\n  .cd-pv-tags {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n  .cd-pv-tag {\n    background: var(--cd-sky);\n    color: var(--cd-text-dark);\n    padding: 8px 18px;\n    border-radius: 20px;\n    font-size: 14px;\n    font-weight: 700;\n    transition: all 0.2s;\n  }\n  .cd-pv-tag:hover {\n    background: var(--cd-white);\n    transform: scale(1.05);\n  }\n\n  \/* Sub-secci\u00f3n: Coberturas para Eventos *\/\n  .cd-events {\n    background: var(--cd-white);\n    border-radius: 24px;\n    padding: 50px;\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 50px;\n    align-items: center;\n    margin-bottom: 100px;\n    position: relative;\n  }\n  .cd-events::before {\n    content: '';\n    position: absolute;\n    top: -40px;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 60px;\n    height: 40px;\n    background: var(--cd-amber);\n    border-radius: 8px 8px 0 0;\n  }\n  .cd-events-tag {\n    display: inline-block;\n    color: var(--cd-text-dark);\n    font-size: 14px;\n    font-weight: 700;\n    letter-spacing: 0.1em;\n    margin-bottom: 12px;\n  }\n  .cd-events h3 {\n    background: var(--cd-amber);\n    color: var(--cd-text-dark);\n    display: inline-block;\n    font-size: 44px;\n    font-weight: 900;\n    line-height: 1;\n    padding: 8px 20px;\n    margin-bottom: 8px;\n    letter-spacing: -0.01em;\n  }\n  .cd-events-list {\n    list-style: none;\n  }\n  .cd-events-list li {\n    font-size: 18px;\n    font-weight: 600;\n    color: var(--cd-text-dark);\n    padding: 6px 0;\n    padding-left: 24px;\n    position: relative;\n  }\n  .cd-events-list li::before {\n    content: '\u2022';\n    position: absolute;\n    left: 0;\n    color: var(--cd-orange);\n    font-size: 24px;\n    line-height: 1;\n  }\n  .cd-events-intro {\n    color: var(--cd-text-dark);\n    font-size: 16px;\n    margin-bottom: 16px;\n    font-weight: 500;\n  }\n\n  \/* Sub-secci\u00f3n: Otras Herramientas *\/\n  .cd-other-title {\n    text-align: center;\n    font-size: 80px;\n    font-weight: 900;\n    color: var(--cd-white);\n    letter-spacing: -0.02em;\n    margin-bottom: 60px;\n    transform: rotate(-2deg);\n    text-shadow: 4px 4px 0 var(--cd-orange);\n  }\n  .cd-other-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 24px;\n  }\n  .cd-other-card {\n    background: var(--cd-orange);\n    border-radius: 20px;\n    padding: 32px 36px;\n    display: flex;\n    gap: 24px;\n    align-items: flex-start;\n    transition: all 0.3s;\n    position: relative;\n  }\n  .cd-other-card::before {\n    content: '';\n    position: absolute;\n    bottom: -12px;\n    left: 40px;\n    width: 24px;\n    height: 24px;\n    background: var(--cd-orange);\n    transform: rotate(45deg);\n  }\n  .cd-other-card:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 16px 32px rgba(0,0,0,0.15);\n  }\n  .cd-other-icon {\n    width: 64px;\n    height: 64px;\n    flex-shrink: 0;\n    background: rgba(255,255,255,0.15);\n    border-radius: 12px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .cd-other-icon svg { width: 36px; height: 36px; fill: var(--cd-white); }\n  .cd-other-card h4 {\n    color: var(--cd-white);\n    font-size: 18px;\n    font-weight: 800;\n    margin-bottom: 8px;\n    letter-spacing: 0.02em;\n  }\n  .cd-other-card p {\n    color: var(--cd-white);\n    font-size: 13px;\n    line-height: 1.5;\n    opacity: 0.95;\n    font-weight: 500;\n  }\n  .cd-much-more {\n    display: block;\n    margin: 50px auto 0;\n    background: var(--cd-orange);\n    color: var(--cd-white);\n    border: none;\n    padding: 16px 50px;\n    border-radius: 40px;\n    font-size: 22px;\n    font-weight: 800;\n    transition: all 0.3s;\n  }\n  .cd-much-more:hover {\n    transform: scale(1.05);\n    background: var(--cd-text-dark);\n  }\n\n  \/* ===== 6. LOGOS DE CLIENTES ===== *\/\n  .cd-clients {\n    background: var(--cd-amber);\n    padding: 80px 0 100px;\n    text-align: center;\n  }\n  .cd-clients h3 {\n    font-size: 36px;\n    font-weight: 600;\n    color: var(--cd-text-dark);\n    margin-bottom: 60px;\n    line-height: 1.2;\n  }\n  .cd-clients h3 strong {\n    color: var(--cd-orange);\n    font-weight: 900;\n  }\n  .cd-clients-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 60px 40px;\n    align-items: center;\n    justify-items: center;\n    max-width: 900px;\n    margin: 0 auto;\n  }\n  .cd-client-logo {\n    color: var(--cd-text-dark);\n    font-size: 24px;\n    font-weight: 800;\n    letter-spacing: -0.01em;\n    transition: all 0.3s;\n    filter: grayscale(100%);\n    opacity: 0.7;\n  }\n  .cd-client-logo:hover {\n    filter: grayscale(0%);\n    opacity: 1;\n    transform: scale(1.1);\n  }\n\n  \/* ===== 7. FILOSOF\u00cdA + CTA ===== *\/\n  .cd-philosophy {\n    background: var(--cd-cream);\n    padding: 100px 0;\n  }\n  .cd-philosophy-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 30px;\n  }\n  .cd-philo-card {\n    background: var(--cd-amber);\n    aspect-ratio: 1;\n    border-radius: 20px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: all 0.4s;\n  }\n  .cd-philo-card:hover {\n    transform: scale(1.05) rotate(2deg);\n  }\n  .cd-philo-card.sky { background: var(--cd-sky); }\n  .cd-philo-card svg { width: 60%; height: 60%; }\n  .cd-philo-text {\n    grid-column: span 2;\n    padding: 20px 0;\n  }\n  .cd-philo-text h3 {\n    font-size: 64px;\n    font-weight: 900;\n    line-height: 1;\n    margin-bottom: 24px;\n    letter-spacing: -0.02em;\n  }\n  .cd-philo-text h3 .blue { color: var(--cd-sky); display: block; }\n  .cd-philo-text h3 .orange { color: var(--cd-orange); display: block; }\n  .cd-btn-pill {\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n    padding: 18px 40px;\n    border: 3px solid var(--cd-sky);\n    border-radius: 60px;\n    background: transparent;\n    color: var(--cd-sky);\n    font-size: 18px;\n    font-weight: 700;\n    transition: all 0.3s;\n  }\n  .cd-btn-pill:hover {\n    background: var(--cd-sky);\n    color: var(--cd-white);\n    transform: translateY(-3px);\n  }\n\n  \/* ===== 8. CTA FINAL ===== *\/\n  .cd-cta-final {\n    background: var(--cd-cream);\n    padding: 60px 0 100px;\n  }\n  .cd-cta-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 30px;\n    align-items: center;\n  }\n  .cd-cta-text h3 {\n    font-size: 60px;\n    font-weight: 900;\n    line-height: 1;\n    margin-bottom: 24px;\n    letter-spacing: -0.02em;\n  }\n  .cd-cta-text h3 .orange { color: var(--cd-orange); }\n  .cd-cta-text h3 .blue { color: var(--cd-sky); }\n  .cd-cta-text .cd-divider-orange {\n    width: 100px;\n    height: 6px;\n    background: var(--cd-orange);\n    margin: 16px 0 24px;\n  }\n  .cd-cta-text p {\n    font-size: 22px;\n    font-weight: 600;\n    color: var(--cd-text-dark);\n  }\n  .cd-cta-actions {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    align-items: flex-start;\n  }\n  .cd-cta-email {\n    font-size: 24px;\n    font-weight: 600;\n    color: var(--cd-text-dark);\n  }\n  .cd-btn-whatsapp {\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n    padding: 20px 50px;\n    background: var(--cd-sky);\n    border: none;\n    border-radius: 60px;\n    color: var(--cd-text-dark);\n    font-size: 22px;\n    font-weight: 700;\n    transition: all 0.3s;\n  }\n  .cd-btn-whatsapp:hover {\n    background: var(--cd-text-dark);\n    color: var(--cd-sky);\n    transform: translateY(-3px);\n  }\n\n  \/* ===== FOOTER ===== *\/\n  .cd-footer {\n    background: #C7C7C7;\n    padding: 30px 0;\n    text-align: right;\n  }\n  .cd-footer p {\n    color: #555;\n    font-size: 14px;\n    font-weight: 500;\n  }\n\n  \/* ===== RESPONSIVE ===== *\/\n  @media (max-width: 1024px) {\n    .cd-hero h2 { font-size: 64px; }\n    .cd-hero h2 .cd-handwrite { font-size: 70px; margin-left: -20px; }\n    .cd-services-inner { grid-template-columns: 1fr; }\n    .cd-services-title { position: static; }\n    .cd-services-grid { grid-template-columns: repeat(2, 1fr); }\n    .cd-services-title h3 { font-size: 44px; }\n    .cd-services-title h3 .word-2 { font-size: 64px; }\n    .cd-toolbox-intro,\n    .cd-toolbox-intro h3 { font-size: 48px; }\n    .cd-design-grid { grid-template-columns: repeat(2, 1fr); }\n    .cd-clients-grid { grid-template-columns: repeat(3, 1fr); }\n  }\n  @media (max-width: 768px) {\n    .cd-container { padding: 0 24px; }\n    .cd-nav { display: none; }\n    .cd-hero { padding: 60px 0 80px; }\n    .cd-hero-inner { grid-template-columns: 1fr; gap: 60px; }\n    .cd-hero h2 { font-size: 48px; }\n    .cd-hero h2 .cd-handwrite { font-size: 54px; margin-left: -10px; }\n    .cd-hero p { font-size: 18px; }\n    .cd-services { padding: 60px 0; }\n    .cd-services-grid { grid-template-columns: 1fr; }\n    .cd-services-title h3 { font-size: 36px; }\n    .cd-services-title h3 .word-2 { font-size: 52px; }\n    .cd-service-card.tall { grid-row: span 1; min-height: 260px; }\n    .cd-toolbox { padding: 60px 0 80px; }\n    .cd-toolbox-intro { grid-template-columns: 1fr; gap: 40px; }\n    .cd-toolbox-intro h3 { font-size: 38px; }\n    .cd-design-grid { grid-template-columns: 1fr; gap: 30px; }\n    .cd-photo-video { grid-template-columns: 1fr; }\n    .cd-events { grid-template-columns: 1fr; padding: 30px; }\n    .cd-events h3 { font-size: 32px; }\n    .cd-other-grid { grid-template-columns: 1fr; }\n    .cd-other-title { font-size: 48px; }\n    .cd-clients-grid { grid-template-columns: repeat(2, 1fr); gap: 40px 30px; }\n    .cd-clients h3 { font-size: 26px; }\n    .cd-philosophy-grid { grid-template-columns: 1fr 1fr; }\n    .cd-philo-text h3 { font-size: 40px; }\n    .cd-cta-grid { grid-template-columns: 1fr; }\n    .cd-cta-text h3 { font-size: 40px; }\n  }\n<\/style>\n\n<div class=\"cd-landing\">\n\n  <!-- ============================================\n       1. HEADER\n       ============================================ -->\n  <header class=\"cd-header\">\n    <div class=\"cd-container cd-header-inner\">\n      <div class=\"cd-logo\">\n        <svg class=\"cd-logo-icon\" viewBox=\"0 0 60 60\" fill=\"none\">\n          <path d=\"M30 5 A25 25 0 1 1 30 55\" stroke=\"#FFF\" stroke-width=\"8\" stroke-linecap=\"round\"\/>\n          <path d=\"M30 15 A15 15 0 1 0 30 45\" stroke=\"#FFF\" stroke-width=\"6\" stroke-linecap=\"round\"\/>\n        <\/svg>\n        <div class=\"cd-logo-text\">\n          <h1>CONTENTDURA<\/h1>\n          <span>AGENCIA CREATIVA<\/span>\n        <\/div>\n      <\/div>\n      <nav class=\"cd-nav\">\n        <a href=\"#inicio\">Inicio<\/a>\n        <a href=\"#nosotros\">Nosotros<\/a>\n        <a href=\"#servicios\">Servicios<\/a>\n        <a href=\"#portafolio\">Portafolio<\/a>\n        <a href=\"#contacto\">Contacto<\/a>\n      <\/nav>\n    <\/div>\n  <\/header>\n\n  <!-- ============================================\n       2. HERO\n       ============================================ -->\n  <section class=\"cd-hero\" id=\"inicio\">\n    <div class=\"cd-container cd-hero-inner\">\n      <div class=\"cd-hero-content\">\n        <h2>\n          Soluciones<br>\n          <span class=\"cd-strike\">creativas<\/span><span class=\"cd-handwrite\">duras<\/span><br>\n          para tu marca\n        <\/h2>\n        <div class=\"cd-hero-divider\"><\/div>\n        <p>Que tu marca no pase desapercibida.<br>Desarr\u00f3llala con el equipo m\u00e1s duro.<\/p>\n        <a href=\"#servicios\" class=\"cd-btn-outline\">\n          <span>Descubre nuestra<br>caja de herramientas<\/span>\n          <svg viewBox=\"0 0 24 24\" fill=\"none\">\n            <path d=\"M7 17L17 7M17 7H8M17 7V16\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n          <\/svg>\n        <\/a>\n      <\/div>\n      <div class=\"cd-hero-visual\">\n        <div class=\"cd-hero-logo-anim\">\n          <svg viewBox=\"0 0 400 400\" fill=\"none\">\n            <circle cx=\"200\" cy=\"200\" r=\"180\" fill=\"rgba(255,255,255,0.1)\"\/>\n            <g class=\"cd-ring-1\">\n              <path d=\"M200 60 A140 140 0 1 1 200 340\" stroke=\"rgba(255,255,255,0.85)\" stroke-width=\"42\" stroke-linecap=\"round\"\/>\n            <\/g>\n            <g class=\"cd-ring-2\">\n              <path d=\"M200 100 A100 100 0 1 0 200 300\" stroke=\"rgba(255,255,255,0.6)\" stroke-width=\"32\" stroke-linecap=\"round\"\/>\n            <\/g>\n          <\/svg>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ============================================\n       3. CINTILLO ANIMADO\n       ============================================ -->\n  <section class=\"cd-marquee\">\n    <div class=\"cd-marquee-track\">\n      <!-- Set 1 -->\n      <div class=\"cd-marquee-item amber\">\n        <svg viewBox=\"0 0 80 80\" fill=\"none\">\n          <circle cx=\"40\" cy=\"40\" r=\"32\" stroke=\"#D4622A\" stroke-width=\"6\"\/>\n          <circle cx=\"30\" cy=\"34\" r=\"3\" fill=\"#D4622A\"\/>\n          <circle cx=\"50\" cy=\"34\" r=\"3\" fill=\"#D4622A\"\/>\n          <path d=\"M28 48 Q40 58 52 48\" stroke=\"#D4622A\" stroke-width=\"5\" stroke-linecap=\"round\" fill=\"none\"\/>\n        <\/svg>\n      <\/div>\n      <div class=\"cd-marquee-item sky\">\n        <svg viewBox=\"0 0 80 80\" fill=\"none\">\n          <ellipse cx=\"40\" cy=\"40\" rx=\"32\" ry=\"20\" stroke=\"#1A3A52\" stroke-width=\"5\" fill=\"none\"\/>\n          <circle cx=\"40\" cy=\"40\" r=\"11\" fill=\"#1A3A52\"\/>\n          <circle cx=\"42\" cy=\"38\" r=\"3\" fill=\"#fff\"\/>\n        <\/svg>\n      <\/div>\n      <div class=\"cd-marquee-item amber\">\n        <svg viewBox=\"0 0 80 80\" fill=\"none\">\n          <circle cx=\"40\" cy=\"36\" r=\"11\" stroke=\"#D4622A\" stroke-width=\"5\" fill=\"none\"\/>\n          <circle cx=\"28\" cy=\"26\" r=\"9\" stroke=\"#D4622A\" stroke-width=\"5\" fill=\"none\"\/>\n          <circle cx=\"52\" cy=\"26\" r=\"9\" stroke=\"#D4622A\" stroke-width=\"5\" fill=\"none\"\/>\n          <circle cx=\"20\" cy=\"40\" r=\"9\" stroke=\"#D4622A\" stroke-width=\"5\" fill=\"none\"\/>\n          <circle cx=\"60\" cy=\"40\" r=\"9\" stroke=\"#D4622A\" stroke-width=\"5\" fill=\"none\"\/>\n          <path d=\"M40 47 L40 70\" stroke=\"#D4622A\" stroke-width=\"5\"\/>\n        <\/svg>\n      <\/div>\n      <div class=\"cd-marquee-item sky\">\n        <svg viewBox=\"0 0 80 80\" fill=\"none\">\n          <path d=\"M30 50 L50 50 L50 56 L30 56 Z\" stroke=\"#1A3A52\" stroke-width=\"4\" fill=\"none\"\/>\n          <path d=\"M40 50 L40 25 M28 32 Q40 18 52 32 M22 38 L18 36 M58 38 L62 36\" stroke=\"#1A3A52\" stroke-width=\"4\" stroke-linecap=\"round\" fill=\"none\"\/>\n          <circle cx=\"40\" cy=\"20\" r=\"3\" fill=\"#1A3A52\"\/>\n        <\/svg>\n      <\/div>\n      <div class=\"cd-marquee-item amber\">\n        <svg viewBox=\"0 0 80 80\" fill=\"none\">\n          <circle cx=\"40\" cy=\"40\" r=\"32\" stroke=\"#D4622A\" stroke-width=\"6\"\/>\n          <circle cx=\"30\" cy=\"34\" r=\"3\" fill=\"#D4622A\"\/>\n          <circle cx=\"50\" cy=\"34\" r=\"3\" fill=\"#D4622A\"\/>\n          <path d=\"M28 48 Q40 58 52 48\" stroke=\"#D4622A\" stroke-width=\"5\" stroke-linecap=\"round\" fill=\"none\"\/>\n        <\/svg>\n      <\/div>\n      <div class=\"cd-marquee-item sky\">\n        <svg viewBox=\"0 0 80 80\" fill=\"none\">\n          <ellipse cx=\"40\" cy=\"40\" rx=\"32\" ry=\"20\" stroke=\"#1A3A52\" stroke-width=\"5\" fill=\"none\"\/>\n          <circle cx=\"40\" cy=\"40\" r=\"11\" fill=\"#1A3A52\"\/>\n          <circle cx=\"42\" cy=\"38\" r=\"3\" fill=\"#fff\"\/>\n        <\/svg>\n      <\/div>\n      <div class=\"cd-marquee-item amber\">\n        <svg viewBox=\"0 0 80 80\" fill=\"none\">\n          <circle cx=\"40\" cy=\"36\" r=\"11\" stroke=\"#D4622A\" stroke-width=\"5\" fill=\"none\"\/>\n          <circle cx=\"28\" cy=\"26\" r=\"9\" stroke=\"#D4622A\" stroke-width=\"5\" fill=\"none\"\/>\n          <circle cx=\"52\" cy=\"26\" r=\"9\" stroke=\"#D4622A\" stroke-width=\"5\" fill=\"none\"\/>\n          <circle cx=\"20\" cy=\"40\" r=\"9\" stroke=\"#D4622A\" stroke-width=\"5\" fill=\"none\"\/>\n          <circle cx=\"60\" cy=\"40\" r=\"9\" stroke=\"#D4622A\" stroke-width=\"5\" fill=\"none\"\/>\n          <path d=\"M40 47 L40 70\" stroke=\"#D4622A\" stroke-width=\"5\"\/>\n        <\/svg>\n      <\/div>\n      <div class=\"cd-marquee-item sky\">\n        <svg viewBox=\"0 0 80 80\" fill=\"none\">\n          <path d=\"M30 50 L50 50 L50 56 L30 56 Z\" stroke=\"#1A3A52\" stroke-width=\"4\" fill=\"none\"\/>\n          <path d=\"M40 50 L40 25 M28 32 Q40 18 52 32 M22 38 L18 36 M58 38 L62 36\" stroke=\"#1A3A52\" stroke-width=\"4\" stroke-linecap=\"round\" fill=\"none\"\/>\n          <circle cx=\"40\" cy=\"20\" r=\"3\" fill=\"#1A3A52\"\/>\n        <\/svg>\n      <\/div>\n      <!-- Duplicado para loop infinito -->\n      <div class=\"cd-marquee-item amber\">\n        <svg viewBox=\"0 0 80 80\" fill=\"none\">\n          <circle cx=\"40\" cy=\"40\" r=\"32\" stroke=\"#D4622A\" stroke-width=\"6\"\/>\n          <circle cx=\"30\" cy=\"34\" r=\"3\" fill=\"#D4622A\"\/>\n          <circle cx=\"50\" cy=\"34\" r=\"3\" fill=\"#D4622A\"\/>\n          <path d=\"M28 48 Q40 58 52 48\" stroke=\"#D4622A\" stroke-width=\"5\" stroke-linecap=\"round\" fill=\"none\"\/>\n        <\/svg>\n      <\/div>\n      <div class=\"cd-marquee-item sky\">\n        <svg viewBox=\"0 0 80 80\" fill=\"none\">\n          <ellipse cx=\"40\" cy=\"40\" rx=\"32\" ry=\"20\" stroke=\"#1A3A52\" stroke-width=\"5\" fill=\"none\"\/>\n          <circle cx=\"40\" cy=\"40\" r=\"11\" fill=\"#1A3A52\"\/>\n          <circle cx=\"42\" cy=\"38\" r=\"3\" fill=\"#fff\"\/>\n        <\/svg>\n      <\/div>\n      <div class=\"cd-marquee-item amber\">\n        <svg viewBox=\"0 0 80 80\" fill=\"none\">\n          <circle cx=\"40\" cy=\"36\" r=\"11\" stroke=\"#D4622A\" stroke-width=\"5\" fill=\"none\"\/>\n          <circle cx=\"28\" cy=\"26\" r=\"9\" stroke=\"#D4622A\" stroke-width=\"5\" fill=\"none\"\/>\n          <circle cx=\"52\" cy=\"26\" r=\"9\" stroke=\"#D4622A\" stroke-width=\"5\" fill=\"none\"\/>\n          <circle cx=\"20\" cy=\"40\" r=\"9\" stroke=\"#D4622A\" stroke-width=\"5\" fill=\"none\"\/>\n          <circle cx=\"60\" cy=\"40\" r=\"9\" stroke=\"#D4622A\" stroke-width=\"5\" fill=\"none\"\/>\n          <path d=\"M40 47 L40 70\" stroke=\"#D4622A\" stroke-width=\"5\"\/>\n        <\/svg>\n      <\/div>\n      <div class=\"cd-marquee-item sky\">\n        <svg viewBox=\"0 0 80 80\" fill=\"none\">\n          <path d=\"M30 50 L50 50 L50 56 L30 56 Z\" stroke=\"#1A3A52\" stroke-width=\"4\" fill=\"none\"\/>\n          <path d=\"M40 50 L40 25 M28 32 Q40 18 52 32 M22 38 L18 36 M58 38 L62 36\" stroke=\"#1A3A52\" stroke-width=\"4\" stroke-linecap=\"round\" fill=\"none\"\/>\n          <circle cx=\"40\" cy=\"20\" r=\"3\" fill=\"#1A3A52\"\/>\n        <\/svg>\n      <\/div>\n      <div class=\"cd-marquee-item amber\">\n        <svg viewBox=\"0 0 80 80\" fill=\"none\">\n          <circle cx=\"40\" cy=\"40\" r=\"32\" stroke=\"#D4622A\" stroke-width=\"6\"\/>\n          <circle cx=\"30\" cy=\"34\" r=\"3\" fill=\"#D4622A\"\/>\n          <circle cx=\"50\" cy=\"34\" r=\"3\" fill=\"#D4622A\"\/>\n          <path d=\"M28 48 Q40 58 52 48\" stroke=\"#D4622A\" stroke-width=\"5\" stroke-linecap=\"round\" fill=\"none\"\/>\n        <\/svg>\n      <\/div>\n      <div class=\"cd-marquee-item sky\">\n        <svg viewBox=\"0 0 80 80\" fill=\"none\">\n          <ellipse cx=\"40\" cy=\"40\" rx=\"32\" ry=\"20\" stroke=\"#1A3A52\" stroke-width=\"5\" fill=\"none\"\/>\n          <circle cx=\"40\" cy=\"40\" r=\"11\" fill=\"#1A3A52\"\/>\n          <circle cx=\"42\" cy=\"38\" r=\"3\" fill=\"#fff\"\/>\n        <\/svg>\n      <\/div>\n      <div class=\"cd-marquee-item amber\">\n        <svg viewBox=\"0 0 80 80\" fill=\"none\">\n          <circle cx=\"40\" cy=\"36\" r=\"11\" stroke=\"#D4622A\" stroke-width=\"5\" fill=\"none\"\/>\n          <circle cx=\"28\" cy=\"26\" r=\"9\" stroke=\"#D4622A\" stroke-width=\"5\" fill=\"none\"\/>\n          <circle cx=\"52\" cy=\"26\" r=\"9\" stroke=\"#D4622A\" stroke-width=\"5\" fill=\"none\"\/>\n          <circle cx=\"20\" cy=\"40\" r=\"9\" stroke=\"#D4622A\" stroke-width=\"5\" fill=\"none\"\/>\n          <circle cx=\"60\" cy=\"40\" r=\"9\" stroke=\"#D4622A\" stroke-width=\"5\" fill=\"none\"\/>\n          <path d=\"M40 47 L40 70\" stroke=\"#D4622A\" stroke-width=\"5\"\/>\n        <\/svg>\n      <\/div>\n      <div class=\"cd-marquee-item sky\">\n        <svg viewBox=\"0 0 80 80\" fill=\"none\">\n          <path d=\"M30 50 L50 50 L50 56 L30 56 Z\" stroke=\"#1A3A52\" stroke-width=\"4\" fill=\"none\"\/>\n          <path d=\"M40 50 L40 25 M28 32 Q40 18 52 32 M22 38 L18 36 M58 38 L62 36\" stroke=\"#1A3A52\" stroke-width=\"4\" stroke-linecap=\"round\" fill=\"none\"\/>\n          <circle cx=\"40\" cy=\"20\" r=\"3\" fill=\"#1A3A52\"\/>\n        <\/svg>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ============================================\n       4. SERVICIOS - CONTENIDO DURO\n       ============================================ -->\n  <section class=\"cd-services\" id=\"servicios\">\n    <div class=\"cd-container\">\n      <div class=\"cd-services-inner\">\n        <div class=\"cd-services-title\">\n          <h3>\n            <span class=\"word-1\">CONTENIDO<\/span>\n            <span class=\"word-2\">DURO<\/span>\n            <span class=\"word-3\">PARA MARCAS<\/span>\n            <span class=\"word-4\">DURAS<\/span>\n          <\/h3>\n          <div class=\"cd-orange-bar\"><\/div>\n        <\/div>\n        <div class=\"cd-services-grid\">\n          <div class=\"cd-service-card\">\n            <div>\n              <svg class=\"cd-card-icon\" viewBox=\"0 0 48 48\" fill=\"none\">\n                <rect x=\"8\" y=\"6\" width=\"32\" height=\"36\" rx=\"4\" stroke=\"currentColor\" stroke-width=\"3\"\/>\n                <circle cx=\"24\" cy=\"20\" r=\"6\" stroke=\"currentColor\" stroke-width=\"3\"\/>\n                <path d=\"M14 32 L20 32 M14 36 L34 36\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\"\/>\n              <\/svg>\n              <h4>REDES SOCIALES<\/h4>\n            <\/div>\n            <p>Grids redes sociales<\/p>\n          <\/div>\n          <div class=\"cd-service-card tall\">\n            <div>\n              <svg class=\"cd-card-icon\" viewBox=\"0 0 48 48\" fill=\"none\">\n                <path d=\"M24 4 L30 18 L44 20 L34 30 L36 44 L24 38 L12 44 L14 30 L4 20 L18 18 Z\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linejoin=\"round\"\/>\n              <\/svg>\n              <h4>DISE\u00d1O DE MARCAS<\/h4>\n            <\/div>\n            <p>Logos y mockups desliz\u00e1ndose<\/p>\n          <\/div>\n          <div class=\"cd-service-card tall\">\n            <div>\n              <svg class=\"cd-card-icon\" viewBox=\"0 0 48 48\" fill=\"none\">\n                <rect x=\"6\" y=\"12\" width=\"36\" height=\"24\" rx=\"3\" stroke=\"currentColor\" stroke-width=\"3\"\/>\n                <path d=\"M20 18 L20 30 L30 24 Z\" fill=\"currentColor\"\/>\n              <\/svg>\n              <h4>AUDIOVISUALES \/ REELS \/ COBERTURAS<\/h4>\n            <\/div>\n            <p>Video resumen enlazado<\/p>\n          <\/div>\n          <div class=\"cd-service-card\">\n            <div>\n              <svg class=\"cd-card-icon\" viewBox=\"0 0 48 48\" fill=\"none\">\n                <rect x=\"6\" y=\"6\" width=\"36\" height=\"36\" rx=\"3\" stroke=\"currentColor\" stroke-width=\"3\"\/>\n                <circle cx=\"18\" cy=\"18\" r=\"4\" stroke=\"currentColor\" stroke-width=\"2.5\"\/>\n                <path d=\"M6 36 L18 24 L30 32 L42 22\" stroke=\"currentColor\" stroke-width=\"2.5\" fill=\"none\"\/>\n              <\/svg>\n              <h4>FOTOGRAF\u00cdA<\/h4>\n            <\/div>\n            <p>Galer\u00eda de fotos<\/p>\n          <\/div>\n          <div class=\"cd-service-card\">\n            <div>\n              <svg class=\"cd-card-icon\" viewBox=\"0 0 48 48\" fill=\"none\">\n                <rect x=\"8\" y=\"6\" width=\"32\" height=\"36\" rx=\"4\" stroke=\"currentColor\" stroke-width=\"3\"\/>\n                <circle cx=\"16\" cy=\"16\" r=\"2\" fill=\"currentColor\"\/>\n                <circle cx=\"24\" cy=\"16\" r=\"2\" fill=\"currentColor\"\/>\n                <circle cx=\"32\" cy=\"16\" r=\"2\" fill=\"currentColor\"\/>\n                <path d=\"M14 26 L34 26 M14 32 L26 32\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\"\/>\n              <\/svg>\n              <h4>REDES SOCIALES<\/h4>\n            <\/div>\n            <p>Grids redes sociales<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ============================================\n       5. CAJA DE HERRAMIENTAS\n       ============================================ -->\n  <section class=\"cd-toolbox\">\n    <div class=\"cd-toolbox-handle\"><\/div>\n    <div class=\"cd-container\">\n\n      <!-- Intro -->\n      <div class=\"cd-toolbox-intro\">\n        <div>\n          <h3>Caja de<br>herramientas<\/h3>\n          <div class=\"cd-divider\"><\/div>\n          <p>Cada servicio es una herramienta para ayudarte a lograr tus objetivos.<\/p>\n          <p>En esta caja de herramientas te ofrecemos las soluciones que tu marca necesita.<\/p>\n        <\/div>\n        <div class=\"cd-toolbox-illustration\">\n          <svg viewBox=\"0 0 300 220\" style=\"width: 80%; height: 80%;\">\n            <polygon points=\"60,140 110,60 160,140\" fill=\"#FBF5E9\" opacity=\"0.6\"\/>\n            <g transform=\"translate(150, 60)\">\n              <rect x=\"-5\" y=\"0\" width=\"10\" height=\"80\" fill=\"#1A3A52\" rx=\"4\"\/>\n              <rect x=\"-15\" y=\"80\" width=\"30\" height=\"20\" fill=\"#1A3A52\" rx=\"4\"\/>\n              <ellipse cx=\"20\" cy=\"115\" rx=\"35\" ry=\"15\" fill=\"#1A3A52\" opacity=\"0.3\"\/>\n              <path d=\"M0 0 L0 -30 L18 -45 L18 -10 Z\" fill=\"#1A3A52\"\/>\n              <circle cx=\"9\" cy=\"-22\" r=\"4\" fill=\"#FBF5E9\"\/>\n            <\/g>\n          <\/svg>\n        <\/div>\n      <\/div>\n\n      <!-- Dise\u00f1o Gr\u00e1fico -->\n      <div class=\"cd-tool-section\">\n        <div style=\"text-align: center;\">\n          <span class=\"cd-tool-badge\">DISE\u00d1O GR\u00c1FICO<\/span>\n        <\/div>\n        <div class=\"cd-design-grid\">\n          <div class=\"cd-design-item\">\n            <div class=\"cd-icon-box\">\n              <svg viewBox=\"0 0 64 64\" fill=\"none\">\n                <rect x=\"8\" y=\"8\" width=\"48\" height=\"48\" rx=\"2\" stroke=\"#FFF\" stroke-width=\"4\" stroke-dasharray=\"4 4\"\/>\n                <text x=\"32\" y=\"30\" text-anchor=\"middle\" fill=\"#FFF\" font-size=\"9\" font-weight=\"bold\">TU<\/text>\n                <text x=\"32\" y=\"40\" text-anchor=\"middle\" fill=\"#FFF\" font-size=\"9\" font-weight=\"bold\">LOGO<\/text>\n                <text x=\"32\" y=\"50\" text-anchor=\"middle\" fill=\"#FFF\" font-size=\"9\" font-weight=\"bold\">AQU\u00cd<\/text>\n              <\/svg>\n            <\/div>\n            <h5>Identidad<br>visual<\/h5>\n          <\/div>\n          <div class=\"cd-design-item\">\n            <div class=\"cd-icon-box\">\n              <svg viewBox=\"0 0 64 64\" fill=\"none\">\n                <rect x=\"20\" y=\"6\" width=\"24\" height=\"52\" rx=\"4\" stroke=\"#FFF\" stroke-width=\"4\"\/>\n                <circle cx=\"32\" cy=\"50\" r=\"2\" fill=\"#FFF\"\/>\n                <path d=\"M28 22 L32 30 L36 22 L40 28 L36 36 L28 36 L24 28 Z\" fill=\"#FFF\"\/>\n              <\/svg>\n            <\/div>\n            <h5>Dise\u00f1o para<br>redes sociales<\/h5>\n          <\/div>\n          <div class=\"cd-design-item\">\n            <div class=\"cd-icon-box\">\n              <svg viewBox=\"0 0 64 64\" fill=\"none\">\n                <rect x=\"8\" y=\"10\" width=\"48\" height=\"44\" rx=\"2\" stroke=\"#FFF\" stroke-width=\"3\"\/>\n                <line x1=\"32\" y1=\"10\" x2=\"32\" y2=\"54\" stroke=\"#FFF\" stroke-width=\"3\"\/>\n                <line x1=\"14\" y1=\"20\" x2=\"26\" y2=\"20\" stroke=\"#FFF\" stroke-width=\"2\"\/>\n                <line x1=\"14\" y1=\"26\" x2=\"26\" y2=\"26\" stroke=\"#FFF\" stroke-width=\"2\"\/>\n                <line x1=\"14\" y1=\"32\" x2=\"26\" y2=\"32\" stroke=\"#FFF\" stroke-width=\"2\"\/>\n                <line x1=\"38\" y1=\"20\" x2=\"50\" y2=\"20\" stroke=\"#FFF\" stroke-width=\"2\"\/>\n                <line x1=\"38\" y1=\"26\" x2=\"50\" y2=\"26\" stroke=\"#FFF\" stroke-width=\"2\"\/>\n                <line x1=\"38\" y1=\"32\" x2=\"50\" y2=\"32\" stroke=\"#FFF\" stroke-width=\"2\"\/>\n              <\/svg>\n            <\/div>\n            <h5>Dise\u00f1o<br>editorial<\/h5>\n          <\/div>\n          <div class=\"cd-design-item\">\n            <div class=\"cd-icon-box\">\n              <svg viewBox=\"0 0 64 64\" fill=\"none\">\n                <rect x=\"20\" y=\"14\" width=\"24\" height=\"20\" stroke=\"#FFF\" stroke-width=\"3\"\/>\n                <line x1=\"32\" y1=\"34\" x2=\"32\" y2=\"56\" stroke=\"#FFF\" stroke-width=\"3\"\/>\n                <line x1=\"20\" y1=\"56\" x2=\"44\" y2=\"56\" stroke=\"#FFF\" stroke-width=\"3\"\/>\n              <\/svg>\n            <\/div>\n            <h5>BTL y grandes<br>formatos<\/h5>\n          <\/div>\n          <div class=\"cd-design-item\">\n            <div class=\"cd-icon-box\">\n              <svg viewBox=\"0 0 64 64\" fill=\"none\">\n                <path d=\"M16 22 L16 56 L48 56 L48 22 L40 14 L24 14 Z\" stroke=\"#FFF\" stroke-width=\"3\" fill=\"none\"\/>\n                <line x1=\"16\" y1=\"22\" x2=\"48\" y2=\"22\" stroke=\"#FFF\" stroke-width=\"3\"\/>\n                <path d=\"M26 14 L26 26 M38 14 L38 26\" stroke=\"#FFF\" stroke-width=\"2\"\/>\n              <\/svg>\n            <\/div>\n            <h5>Packaging<\/h5>\n          <\/div>\n          <div class=\"cd-design-item\">\n            <div class=\"cd-icon-box\">\n              <svg viewBox=\"0 0 64 64\" fill=\"none\">\n                <path d=\"M20 18 L14 22 L18 36 L20 56 L44 56 L46 36 L50 22 L44 18 L40 14 L24 14 Z\" stroke=\"#FFF\" stroke-width=\"3\" fill=\"none\"\/>\n                <circle cx=\"32\" cy=\"20\" r=\"3\" fill=\"#FFF\"\/>\n              <\/svg>\n            <\/div>\n            <h5>Dise\u00f1o de<br>uniforme<\/h5>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Fotograf\u00eda + Audiovisuales -->\n      <div class=\"cd-photo-video\">\n        <div class=\"cd-pv-card\">\n          <h4>Fotograf\u00eda<\/h4>\n          <p class=\"cd-pv-sub\">de alto impacto<\/p>\n          <div class=\"cd-pv-tags\">\n            <span class=\"cd-pv-tag\">Marca personal<\/span>\n            <span class=\"cd-pv-tag\">Marca comercial<\/span>\n            <span class=\"cd-pv-tag\">Eventos<\/span>\n            <span class=\"cd-pv-tag\">Productos<\/span>\n            <span class=\"cd-pv-tag\">Redes sociales<\/span>\n            <span class=\"cd-pv-tag\">Gastronom\u00eda<\/span>\n          <\/div>\n        <\/div>\n        <div class=\"cd-pv-card\">\n          <h4>Audiovisuales<\/h4>\n          <p class=\"cd-pv-sub\">que conectan<\/p>\n          <div class=\"cd-pv-tags\">\n            <span class=\"cd-pv-tag\">Reels<\/span>\n            <span class=\"cd-pv-tag\">Documentales<\/span>\n            <span class=\"cd-pv-tag\">Eventos<\/span>\n            <span class=\"cd-pv-tag\">Comerciales TV<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Coberturas para eventos -->\n      <div class=\"cd-events\">\n        <div>\n          <span class=\"cd-events-tag\">SOLUCIONES PARA EVENTOS<\/span>\n          <h3>Hacemos coberturas<\/h3>\n          <h3>DURAS<\/h3>\n        <\/div>\n        <div>\n          <p class=\"cd-events-intro\">Enc\u00e1rgate de tu evento mientras capturamos experiencias que muestren la esencia de tu marca:<\/p>\n          <ul class=\"cd-events-list\">\n            <li>Audiovisuales<\/li>\n            <li>Fotograf\u00eda<\/li>\n            <li>Dise\u00f1o<\/li>\n            <li>Posteo en tiempo real<\/li>\n            <li>Estrategia de influencers<\/li>\n            <li>Circuito cerrado<\/li>\n            <li>Transmisi\u00f3n en vivo<\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n\n      <!-- Otras Herramientas -->\n      <h3 class=\"cd-other-title\">OTRAS HERRAMIENTAS<\/h3>\n      <div class=\"cd-other-grid\">\n        <div class=\"cd-other-card\">\n          <div class=\"cd-other-icon\">\n            <svg viewBox=\"0 0 36 36\"><circle cx=\"18\" cy=\"12\" r=\"6\" fill=\"#FFF\"\/><path d=\"M6 32 Q6 22 18 22 Q30 22 30 32\" fill=\"#FFF\"\/><\/svg>\n          <\/div>\n          <div>\n            <h4>INFLUENCER MARKETING<\/h4>\n            <p>Contamos con un amplio cat\u00e1logo de influencers y definimos una estrategia de influencer marketing para tu marca.<\/p>\n          <\/div>\n        <\/div>\n        <div class=\"cd-other-card\">\n          <div class=\"cd-other-icon\">\n            <svg viewBox=\"0 0 36 36\"><rect x=\"4\" y=\"9\" width=\"28\" height=\"18\" rx=\"2\" fill=\"#FFF\"\/><path d=\"M4 11 L18 21 L32 11\" stroke=\"#D4622A\" stroke-width=\"2\" fill=\"none\"\/><\/svg>\n          <\/div>\n          <div>\n            <h4>EMAIL MARKETING<\/h4>\n            <p>\u00bfNecesitas un newsletter o estrategia de difusi\u00f3n por email? Pregunta por nuestro servicio de email marketing.<\/p>\n          <\/div>\n        <\/div>\n        <div class=\"cd-other-card\">\n          <div class=\"cd-other-icon\">\n            <svg viewBox=\"0 0 36 36\"><path d=\"M6 14 L20 8 L20 28 L6 22 Z\" fill=\"#FFF\"\/><path d=\"M22 12 L26 12 L28 14 L28 22 L26 24 L22 24\" fill=\"#FFF\"\/><\/svg>\n          <\/div>\n          <div>\n            <h4>COLOCACI\u00d3N PUBLICITARIA<\/h4>\n            <p>Coloca tu publicidad en medios digitales o tradicionales con nosotros.<\/p>\n          <\/div>\n        <\/div>\n        <div class=\"cd-other-card\">\n          <div class=\"cd-other-icon\">\n            <svg viewBox=\"0 0 36 36\"><circle cx=\"18\" cy=\"18\" r=\"13\" stroke=\"#FFF\" stroke-width=\"2.5\" fill=\"none\"\/><path d=\"M5 18 L31 18 M18 5 Q24 18 18 31 M18 5 Q12 18 18 31\" stroke=\"#FFF\" stroke-width=\"2\" fill=\"none\"\/><\/svg>\n          <\/div>\n          <div>\n            <h4>DISE\u00d1O WEB<\/h4>\n            <p>Dise\u00f1amos un portal web que se adapte a la visi\u00f3n de tu marca y aporta a tus clientes la informaci\u00f3n que necesitan.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <button class=\"cd-much-more\">\u00a1Y mucho m\u00e1s!<\/button>\n    <\/div>\n  <\/section>\n\n  <!-- ============================================\n       6. CLIENTES\n       ============================================ -->\n  <section class=\"cd-clients\" id=\"portafolio\">\n    <div class=\"cd-container\">\n      <h3><strong>Marcas duras<\/strong> que<br>conf\u00edan en nosotros:<\/h3>\n      <div class=\"cd-clients-grid\">\n        <div class=\"cd-client-logo\">EV SERVICES<\/div>\n        <div class=\"cd-client-logo\">LUXMAIN<\/div>\n        <div class=\"cd-client-logo\">LES BLONDS<\/div>\n        <div class=\"cd-client-logo\">UNI\u00d3N M\u00c9DICA<\/div>\n        <div class=\"cd-client-logo\">JARD\u00cdN BOT\u00c1NICO<\/div>\n        <div class=\"cd-client-logo\">EASY BUSINESS<\/div>\n        <div class=\"cd-client-logo\">CONTENTURA<\/div>\n        <div class=\"cd-client-logo\">+ MUCHOS M\u00c1S<\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ============================================\n       7. FILOSOF\u00cdA + CTA\n       ============================================ -->\n  <section class=\"cd-philosophy\" id=\"nosotros\">\n    <div class=\"cd-container\">\n      <div class=\"cd-philosophy-grid\">\n        <div class=\"cd-philo-card\">\n          <svg viewBox=\"0 0 100 100\" fill=\"none\">\n            <circle cx=\"50\" cy=\"50\" r=\"40\" stroke=\"#D4622A\" stroke-width=\"6\"\/>\n            <circle cx=\"38\" cy=\"42\" r=\"4\" fill=\"#D4622A\"\/>\n            <circle cx=\"62\" cy=\"42\" r=\"4\" fill=\"#D4622A\"\/>\n            <path d=\"M35 60 Q50 75 65 60\" stroke=\"#D4622A\" stroke-width=\"6\" stroke-linecap=\"round\" fill=\"none\"\/>\n          <\/svg>\n        <\/div>\n        <div class=\"cd-philo-card sky\">\n          <svg viewBox=\"0 0 100 100\" fill=\"none\">\n            <ellipse cx=\"50\" cy=\"50\" rx=\"40\" ry=\"25\" stroke=\"#1A3A52\" stroke-width=\"5\" fill=\"none\"\/>\n            <circle cx=\"50\" cy=\"50\" r=\"14\" fill=\"#1A3A52\"\/>\n            <circle cx=\"53\" cy=\"47\" r=\"4\" fill=\"#fff\"\/>\n          <\/svg>\n        <\/div>\n        <div class=\"cd-philo-text\">\n          <h3>\n            <span class=\"blue\">CONOCE<\/span>\n            <span class=\"blue\">NUESTRA<\/span>\n            <span class=\"orange\">FILOSOF\u00cdA<\/span>\n          <\/h3>\n          <a href=\"#nosotros\" class=\"cd-btn-pill\">\n            NOSOTROS\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\">\n              <path d=\"M7 17L17 7M17 7H8M17 7V16\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <\/svg>\n          <\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ============================================\n       8. CTA FINAL\n       ============================================ -->\n  <section class=\"cd-cta-final\" id=\"contacto\">\n    <div class=\"cd-container\">\n      <div class=\"cd-cta-grid\">\n        <div class=\"cd-cta-text\">\n          <h3>\n            <span style=\"color:var(--cd-orange);\">ESTAMOS<\/span>\n            <span class=\"blue\">CONTENTOS<\/span>\n            <span class=\"blue\">DE AYUDARTE<\/span>\n            <span style=\"color:var(--cd-text-dark);\">A <\/span><span class=\"orange\">CRECER<\/span>\n          <\/h3>\n          <div class=\"cd-divider-orange\"><\/div>\n          <p>Agenda una mini<br>asesor\u00eda gratis:<\/p>\n        <\/div>\n        <div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 16px; align-items: center;\">\n          <div class=\"cd-philo-card\">\n            <svg viewBox=\"0 0 100 100\" fill=\"none\">\n              <path d=\"M50 30 L55 45 L70 50 L55 55 L50 70 L45 55 L30 50 L45 45 Z\" fill=\"#D4622A\"\/>\n              <path d=\"M30 30 Q40 50 30 70\" stroke=\"#D4622A\" stroke-width=\"4\" fill=\"none\"\/>\n            <\/svg>\n          <\/div>\n          <div class=\"cd-philo-card sky\">\n            <svg viewBox=\"0 0 100 100\" fill=\"none\">\n              <path d=\"M50 25 Q40 35 40 50 L40 65 L60 65 L60 50 Q60 35 50 25 Z\" stroke=\"#1A3A52\" stroke-width=\"5\" fill=\"none\"\/>\n              <line x1=\"42\" y1=\"70\" x2=\"58\" y2=\"70\" stroke=\"#1A3A52\" stroke-width=\"4\"\/>\n              <line x1=\"44\" y1=\"75\" x2=\"56\" y2=\"75\" stroke=\"#1A3A52\" stroke-width=\"4\"\/>\n              <line x1=\"50\" y1=\"20\" x2=\"50\" y2=\"14\" stroke=\"#1A3A52\" stroke-width=\"3\" stroke-linecap=\"round\"\/>\n              <line x1=\"32\" y1=\"32\" x2=\"28\" y2=\"28\" stroke=\"#1A3A52\" stroke-width=\"3\" stroke-linecap=\"round\"\/>\n              <line x1=\"68\" y1=\"32\" x2=\"72\" y2=\"28\" stroke=\"#1A3A52\" stroke-width=\"3\" stroke-linecap=\"round\"\/>\n            <\/svg>\n          <\/div>\n          <div class=\"cd-cta-actions\" style=\"grid-column: span 2; align-items: flex-start; margin-top: 16px;\">\n            <p class=\"cd-cta-email\">Contentdura@gmail.com<\/p>\n            <a href=\"https:\/\/wa.me\/18298603387\" class=\"cd-btn-whatsapp\">\n              Whatsapp\n              <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\">\n                <path d=\"M7 17L17 7M17 7H8M17 7V16\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n              <\/svg>\n            <\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ============================================\n       FOOTER\n       ============================================ -->\n  <footer class=\"cd-footer\">\n    <div class=\"cd-container\">\n      <p>2026 Contentdura, todos los derechos reservados<\/p>\n    <\/div>\n  <\/footer>\n\n<\/div>\n\n<script>\n  \/\/ Smooth scroll para los enlaces de navegaci\u00f3n\n  (function() {\n    document.querySelectorAll('.cd-landing a[href^=\"#\"]').forEach(function(link) {\n      link.addEventListener('click', function(e) {\n        var targetId = this.getAttribute('href');\n        if (targetId === '#') return;\n        var target = document.querySelector(targetId);\n        if (target) {\n          e.preventDefault();\n          target.scrollIntoView({ behavior: 'smooth', block: 'start' });\n        }\n      });\n    });\n\n    \/\/ Animaci\u00f3n de entrada al hacer scroll\n    if ('IntersectionObserver' in window) {\n      var observer = new IntersectionObserver(function(entries) {\n        entries.forEach(function(entry) {\n          if (entry.isIntersecting) {\n            entry.target.style.opacity = '1';\n            entry.target.style.transform = 'translateY(0)';\n          }\n        });\n      }, { threshold: 0.1 });\n\n      document.querySelectorAll('.cd-landing .cd-service-card, .cd-landing .cd-other-card, .cd-landing .cd-design-item, .cd-landing .cd-pv-card').forEach(function(el) {\n        el.style.opacity = '0';\n        el.style.transform = 'translateY(30px)';\n        el.style.transition = 'opacity 0.6s ease, transform 0.6s ease';\n        observer.observe(el);\n      });\n    }\n  })();\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>CONTENTDURA AGENCIA CREATIVA Inicio Nosotros Servicios Portafolio Contacto Soluciones creativasduras para tu marca Que tu marca no pase desapercibida.Desarr\u00f3llala con el equipo m\u00e1s duro. Descubre nuestracaja de herramientas CONTENIDO DURO PARA MARCAS DURAS REDES SOCIALES Grids redes sociales DISE\u00d1O DE MARCAS Logos y mockups desliz\u00e1ndose AUDIOVISUALES \/ REELS \/ COBERTURAS Video resumen enlazado FOTOGRAF\u00cdA Galer\u00eda [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/contentdura.easybusiness.com.do\/index.php?rest_route=\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/contentdura.easybusiness.com.do\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/contentdura.easybusiness.com.do\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/contentdura.easybusiness.com.do\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/contentdura.easybusiness.com.do\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7"}],"version-history":[{"count":13,"href":"https:\/\/contentdura.easybusiness.com.do\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":70,"href":"https:\/\/contentdura.easybusiness.com.do\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions\/70"}],"wp:attachment":[{"href":"https:\/\/contentdura.easybusiness.com.do\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}