.elementor-54230 .elementor-element.elementor-element-60de6d0{margin-top:-10px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-54230 .elementor-element.elementor-element-7863e57 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-54230 .elementor-element.elementor-element-60de6d0{margin-top:5px;margin-bottom:0px;}}@media(max-width:767px){.elementor-54230 .elementor-element.elementor-element-60de6d0{margin-top:-25px;margin-bottom:0px;}}/* Start custom CSS for html, class: .elementor-element-728cc32 *//* RESET Y ESTRUCTURA BASE */
    .pdc-hub-wrapper * { margin: 0; padding: 0; box-sizing: border-box; }
    .pdc-hub-wrapper { font-family: Arial, sans-serif; color: #333; line-height: 1.6; width: 100%; }
    .pdc-container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }

    /* ========================================== */
    /* BLOQUE 1: HERO CABECERA (GRADIENTE PDC)   */
    /* ========================================== */
    .pdc-hero-section {
        background: linear-gradient(135deg, #F97316, #EA580C);
        color: #FFFFFF;
        padding: 90px 20px;
        text-align: center;
        position: relative;
        overflow: hidden;
        width: 100%;
    }

    .pdc-hero-section::before {
        content: '';
        position: absolute;
        top: -50px;
        left: -50px;
        width: 200px;
        height: 200px;
        background: rgba(255, 255, 255, 0.05);
        border-radius: 45%;
        transform: rotate(45deg);
        animation: pdcFloatShape 6s ease-in-out infinite;
    }

    .pdc-hero-content {
        max-width: 800px;
        margin: 0 auto;
        position: relative;
        z-index: 2;
    }

    .pdc-hero-pretitle {
        font-size: 0.9rem;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 1.5px;
        opacity: 0.95;
        margin-bottom: 0.5rem;
    }

    .pdc-hero-section h1 {
        font-size: 3rem;
        font-weight: 700;
        line-height: 1.15;
        margin: 1rem 0 1.5rem;
        color: #FFFFFF;
    }

    .pdc-hero-subtitle {
        font-size: 1.15rem;
        line-height: 1.6;
        margin-bottom: 2rem;
        max-width: 650px;
        margin-left: auto;
        margin-right: auto;
        opacity: 0.95;
    }

    /* ========================================== */
    /* ESTILOS DE TITULOS DE SECCIÓN             */
    /* ========================================== */
    .pdc-section-title-center {
        font-size: 2rem;
        font-weight: 700;
        color: #333333;
        text-align: center;
        margin-bottom: 0.75rem;
    }
    .pdc-section-subtitle-center {
        font-size: 1.05rem;
        color: #666666;
        text-align: center;
        margin-bottom: 3rem;
    }

    /* ========================================== */
    /* BLOQUE 2: HERRAMIENTAS INTERACTIVAS (GRID 4)*/
    /* ========================================== */
    .pdc-tools-section {
        background-color: #FFFFFF;
        padding: 80px 0;
        width: 100%;
    }

    .pdc-grid-4 {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 1.5rem;
    }

    /* TARJETA COMO ENLACE COMPLETO */
    .pdc-card {
        background: #FFFFFF;
        padding: 2rem;
        border-radius: 12px;
        border: 1px solid #EEEEEE;
        transition: all 0.3s ease;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        text-align: center;
        box-shadow: 0 4px 12px rgba(0,0,0,0.03);
        text-decoration: none !important;
        color: inherit !important;
        cursor: pointer;
    }

    .pdc-card:hover {
        transform: translateY(-5px);
        border-color: #F97316;
        box-shadow: 0 10px 25px rgba(249, 115, 22, 0.15);
    }

    .pdc-card-icon {
        font-size: 2.2rem;
        margin-bottom: 1rem;
    }

    .pdc-card h3 {
        font-size: 1.1rem;
        font-weight: 700;
        margin-bottom: 0.75rem;
        color: #333333;
    }

    .pdc-card p {
        font-size: 0.95rem;
        color: #666666;
        line-height: 1.5;
        margin-bottom: 1.5rem;
        flex-grow: 1;
    }

    /* BOTONES VISUALES */
    .pdc-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 0.5rem;
        padding: 12px 24px;
        border-radius: 8px;
        font-size: 0.95rem;
        font-weight: 600;
        text-decoration: none !important;
        transition: all 0.3s ease;
        width: 100%;
    }

    .pdc-btn-orange {
    background-color: #F97316 !important; /* El mismo Naranja idéntico al Hero */
    color: #0E0E0E !important; /* Texto Negro Tinta - Contraste 6.01:1 (Verde en PageSpeed) */
    font-weight: 700 !important;
    box-shadow: 0 4px 12px rgba(249, 115, 22, 0.25) !important;
}

/* HOVER EN NARANJA OSCURO HERO (#EA580C) */
.pdc-card:hover .pdc-btn-orange {
    background-color: #EA580C !important; /* El naranja del gradiente del Hero */
    color: #FFFFFF !important; /* Aquí al ser más oscuro sí pasa el contraste en blanco */
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(234, 88, 12, 0.35) !important;
}

    /* ========================================== */
    /* BLOQUE 3: GUÍAS Y MANUALES PDF (GRID 3)   */
    /* ========================================== */
    .pdc-pdf-section {
        background-color: #F8F9FA;
        padding: 80px 0;
        width: 100%;
        border-top: 1px solid #EEEEEE;
        border-bottom: 1px solid #EEEEEE;
    }

    .pdc-grid-3 {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 1.5rem;
    }

    .pdc-card-pdf {
        border-top: 4px solid #F97316;
    }

    /* ========================================== */
    /* BLOQUE 4: FAQS SEMÁNTICAS (<dl><dt><dd>)   */
    /* ========================================== */
    .pdc-faq-section {
        background-color: #FFFFFF;
        padding: 80px 0;
        width: 100%;
    }

    .pdc-faq-container {
        max-width: 900px;
        margin: 0 auto;
    }

    .pdc-faq-list {
        margin-top: 2rem;
    }

    .pdc-faq-list dt {
        font-size: 1.1rem;
        font-weight: 700;
        color: #333333;
        padding: 1.25rem 0 0.5rem 0;
        border-top: 1px solid #EEEEEE;
    }

    .pdc-faq-list dt:first-child {
        border-top: none;
    }

    .pdc-faq-list dd {
        font-size: 0.98rem;
        color: #555555;
        line-height: 1.6;
        padding-bottom: 1.25rem;
    }

    /* ANIMACIÓN HERO */
    @keyframes pdcFloatShape {
        0%, 100% { transform: rotate(45deg) translateY(0); }
        50% { transform: rotate(45deg) translateY(-15px); }
    }

    /* MEDIA QUERIES RESPONSIVOS */
    @media (min-width: 1025px) {
        .pdc-grid-4 { grid-template-columns: repeat(4, 1fr) !important; }
        .pdc-grid-3 { grid-template-columns: repeat(3, 1fr) !important; }
    }

    /* AJUSTE TABLET (768px a 1024px): 2 COLUMNAS Y 3ª TARJETA PDF ANCHO COMPLETO */
    @media (min-width: 768px) and (max-width: 1024px) {
        .pdc-grid-4 { grid-template-columns: repeat(2, 1fr) !important; }
        .pdc-grid-3 { grid-template-columns: repeat(2, 1fr) !important; }
        .pdc-grid-3 .pdc-card-pdf:last-child { grid-column: span 2 !important; }
    }

    /* AJUSTE MÓVIL (hasta 767px): 1 COLUMNA */
    @media (max-width: 767px) {
        .pdc-grid-4, .pdc-grid-3 { grid-template-columns: 1fr !important; }
        .pdc-grid-3 .pdc-card-pdf:last-child { grid-column: span 1 !important; }
        .pdc-hero-section { padding: 70px 15px; }
        .pdc-hero-section h1 { font-size: 2.2rem; }
        .pdc-section-title-center { font-size: 1.6rem; }
        .pdc-card { padding: 1.5rem; }
        .pdc-tools-section, .pdc-pdf-section, .pdc-faq-section { padding: 50px 0; }
    }/* End custom CSS */