/* CDP Cloud - estilos propios (mobile-first) */

:root {
    --cdp-primary: #0d6efd;
    --cdp-dark: #0b3d91;
}

body {
    background-color: #f5f7fa;
}

.cdp-navbar {
    background: linear-gradient(90deg, var(--cdp-dark), var(--cdp-primary));
}

.cdp-brand-icon {
    font-size: 2.5rem;
    color: var(--cdp-primary);
}

.cdp-card {
    border-radius: 0.75rem;
}

.cdp-study-card {
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.cdp-study-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1) !important;
}

.cdp-badge {
    background-color: var(--cdp-primary);
    color: #fff;
    font-weight: 500;
}

.cdp-gallery-item img {
    aspect-ratio: 1 / 1;
    object-fit: cover;
    width: 100%;
}

.cdp-video {
    background-color: #000;
    max-height: 420px;
}

@media (max-width: 576px) {
    main.container {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}