.elementor-13562 .elementor-element.elementor-element-4b83f1e8 > .elementor-widget-container{padding:5px 5px 5px 5px;border-style:solid;border-width:2px 2px 5px 2px;border-color:#CDB718;border-radius:5px 5px 5px 5px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-13562 .elementor-element.elementor-element-4b83f1e8{z-index:1;}.elementor-13562 .elementor-element.elementor-element-72a54a29{text-align:left;color:#B61717;font-family:"Open Sans", Sans-serif;font-size:20px;font-weight:600;}.elementor-13562 .elementor-element.elementor-element-72a54a29 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:5px 40px 5px 40px;background-color:#0201010D;border-style:none;border-radius:5px 5px 5px 5px;}.elementor-13562 .elementor-element.elementor-element-e51e90a{--divider-border-style:solid;--divider-color:#B61717;--divider-border-width:5px;}.elementor-13562 .elementor-element.elementor-element-e51e90a .elementor-divider-separator{width:70px;}.elementor-13562 .elementor-element.elementor-element-e51e90a .elementor-divider{padding-block-start:0px;padding-block-end:0px;}.elementor-13562 .elementor-element.elementor-element-e51e90a > .elementor-widget-container{margin:-47px 0px 0px 0px;padding:0px 0px 0px 70px;border-radius:5px 5px 5px 5px;}.elementor-13562 .elementor-element.elementor-element-48bd534 > .elementor-widget-container{margin:-39px 0px 0px 0px;background-image:url("https://www.uvcdcandean.com/wp-content/uploads/2024/10/fondo-jugadores2.png");background-position:center center;}.elementor-13562 .elementor-element.elementor-element-6e401dd2{text-align:center;color:#FFFFFF;font-family:"Open Sans", Sans-serif;font-size:14px;font-weight:600;z-index:1;}.elementor-13562 .elementor-element.elementor-element-6e401dd2 > .elementor-widget-container{margin:30px 30px 30px 30px;padding:10px 0px 10px 0px;background-color:#4363C1;border-style:solid;border-width:0px 0px 0px 0px;border-color:#E0DDDD;border-radius:5px 5px 5px 5px;}.elementor-13562 .elementor-element.elementor-element-76570aa{color:#7A7A7A;}.elementor-13562 .elementor-element.elementor-element-76570aa > .elementor-widget-container{margin:-66px 0px 0px 0px;padding:20px 20px 20px 20px;background-color:#FFFFFF;border-style:solid;border-width:0px 0px 5px 0px;border-color:#DCDCDC;border-radius:5px 5px 5px 5px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-13562 .elementor-element.elementor-element-cc4d004 > .elementor-widget-container{margin:30px 8px 8px 8px;}.elementor-13562 .elementor-element.elementor-element-c55e1c9 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:20px 20px 20px 20px;border-style:solid;border-width:2px 2px 5px 2px;border-color:#CDB718;border-radius:5px 5px 5px 5px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-13562 .elementor-element.elementor-element-3657a87{text-align:center;color:#FFFFFF;font-family:"Open Sans", Sans-serif;font-size:14px;font-weight:600;z-index:1;}.elementor-13562 .elementor-element.elementor-element-3657a87 > .elementor-widget-container{margin:30px 30px 30px 30px;padding:10px 0px 10px 0px;background-color:#4363C1;border-style:solid;border-width:0px 0px 0px 0px;border-color:#E0DDDD;border-radius:5px 5px 5px 5px;}.elementor-13562 .elementor-element.elementor-element-df7e4c5 > .elementor-widget-container{margin:-69px 0px 0px 0px;padding:5% 5% 0% 5%;background-color:#7A7A7A14;border-style:solid;border-width:2px 2px 5px 2px;border-color:#CDB718;border-radius:5px 5px 5px 5px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}:root{--page-title-display:none;}@media(max-width:767px){.elementor-13562 .elementor-element.elementor-element-cc4d004 > .elementor-widget-container{margin:8px 8px 8px 18px;}}/* Start custom CSS for shortcode, class: .elementor-element-48bd534 *//* Estilos para la galería en carrusel tipo cromo */
.cfc-gallery-carousel {
    width: 100%;
    margin: 0 auto;
    padding: 20px 0;
    position: relative;
    text-align: center;
}

.cfc-cromo {
    text-align: center;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    padding: 0;
    transition: transform 0.3s ease;
    max-width: 220px;
    margin: 0 auto;
    display: inline-block;
    vertical-align: middle;
    height: 350px; /* 🔹 Todas las tarjetas igual de altas */
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
}

.cfc-cromo img {
    width: 100%;
    height: 100%; /* 🔹 Ocupa todo el alto de la tarjeta */
    object-fit: cover; /* 🔹 Se recorta un poco pero llena todo */
    border-radius: 10px;
}

.cfc-cromo:hover {
    transform: scale(1.05);
}

/* Caja de datos suspendida con padding arriba y abajo */
.cfc-cromo .cfc-text-overlay {
    position: absolute !important;
    bottom: 15px !important; /* 🔹 Suspendida */
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 85% !important;
    min-height: 65px;
    height: 65px;
    padding: 10px 8px !important; /* 🔹 Añadido padding de 10px arriba y abajo */
    border-radius: 10px !important;
    text-align: center !important;
    z-index: 1 !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4) !important;
}

/* Nombre dividido en dos líneas */
.cfc-cromo .cfc-name {
    font-size: 0.8em !important; /* 🔹 Mantener tamaño actual */
    font-weight: bold !important;
    color: #fff !important;
    margin: 0 !important;
    white-space: normal !important; /* 🔹 Permitir salto de línea */
    width: 100%;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) !important;
}

/* Detalles ajustados por rol con letra más grande */
.cfc-cromo .cfc-details {
    font-size: 0.9em !important; /* 🔹 Tamaño actual */
    color: #fff !important; /* 🔹 Blanco para contraste */
    margin: 3px 0 0 0 !important;
    display: flex;
    gap: 8px;
    justify-content: center;
    align-items: center;
    width: 100%;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) !important;
}

/* Estilo para cada detalle */
.cfc-cromo .cfc-details span {
    display: flex;
    align-items: center;
    gap: 3px;
}

/* Iconos usando Font Awesome (si lo cargas en tu web) */
.cfc-icon {
    color: #FFD700; /* 🔹 Dorado para resaltar */
    font-size: 0.75em;
}

/* Colores por rol con tonos oscuros */
.cfc-role-jugador .cfc-text-overlay {
    background-color: #00000080; /* Negro transparente para jugadores */
}

.cfc-role-técnico .cfc-text-overlay {
    background-color: #1E90FF; /* Azul medio para técnicos */
}

.cfc-role-delegado .cfc-text-overlay {
    background-color: #B22222; /* Rojo oscuro para delegados */
}

.cfc-role-auxiliar .cfc-text-overlay {
    background-color: #228B22; /* Verde forestal para auxiliares */
}

/* Ocultar número y posición para técnicos, delegados y auxiliares */
.cfc-role-técnico .cfc-details,
.cfc-role-delegado .cfc-details,
.cfc-role-auxiliar .cfc-details {
    display: block; /* Mostrar solo el cargo */
}

/* Flechas del carrusel */
.slick-prev, .slick-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: #007BFF;
    color: transparent;
    border: none;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    font-size: 0;
    cursor: pointer;
    z-index: 1;
    transition: background 0.3s ease;
}

.slick-prev:before, .slick-next:before {
    font-family: 'slick';
    font-size: 20px;
    color: white;
    opacity: 1;
    line-height: 40px;
}

.slick-prev { left: 10px; }
.slick-next { right: 10px; }

.slick-prev:hover, .slick-next:hover {
    background: #0056b3;
}

/* 📱 Responsive */
@media (max-width: 600px) {
    .cfc-cromo {
        max-width: 180px;
        height: 280px;
    }
    .cfc-cromo img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .cfc-cromo .cfc-text-overlay {
        width: 90% !important;
        height: 55px;
        bottom: 10px !important;
        padding: 8px 6px !important; /* 🔹 Ajuste proporcional de padding para móvil */
    }
    .cfc-cromo .cfc-name {
        font-size: 0.9em !important; /* Ajuste proporcional para móvil */
    }
    .cfc-cromo .cfc-details {
        font-size: 0.75em !important; /* Ajuste proporcional para móvil */
    }
    .slick-prev, .slick-next {
        width: 30px;
        height: 30px;
    }
    .slick-prev:before, .slick-next:before {
        font-size: 16px;
        line-height: 30px;
    }
    .slick-prev { left: 5px; }
    .slick-next { right: 5px; }
    .cfc-gallery-carousel { text-align: center; }
}/* End custom CSS */