/* HEADER */

/* Fondo negro en la cabecera */
.elementor-section.elementor-top-section.elementor-element-c906516 {
    background-color: #111119 !important;
}
/* Que la sección se estire a pantalla completa */
.elementor-section.elementor-top-section.elementor-element-c906516 {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Fondo negro cabecera Contacto */

.elementor.elementor-21993 {
    background-color: #111119 !important;
}

/*Aumentar el tamaño del menú de móvil*/
.menu_mobile .sc_layouts_logo img {
    max-height: 90px !important;
}

/*Ajustar el icono de cerrar del menú de móvil*/
.menu_mobile.opened .menu_mobile_close .menu_button_close_icon {
    padding-right: 15px;
}

/*Ajustar tamaño del título en móvil*/
@media (max-width: 767px) {
    .sc_layouts_title_caption {
        font-size: 34px;
    }
}

/* BODY*/
/*Balancear texto en toda la página*/
body, h1, h2, h3, h4 {
    hyphens: none;
    word-break: keep-all;
    white-space: normal;
}

h1, h2, h3, h4 {
    text-wrap: balance;
}

/*Eliminar el espacio de las páginas de entradas*/
.page_content_wrap {
    padding: 0;
}

/*Ajustar el color del menú de movil del header de inicio*/
#menu-mobile-burger {
    color: white;
}

/*Centrar primer texto de la página de juegos en móvil*/

@media (max-width: 767px) {
    .games-text-1 {
        justify-content: center;
    }    
}

/*Ocultar sección de relacionados single blog*/

.jp-relatedposts {
    display: none !important;
}

/* Sobre Nosotros modificación de color de textos */

.elementor-widget-container h3{
    color: white !important;
}

/* Letras blancas entradas del blog */

.post_header.entry-header a {
    color: white !important;
}

/* Hover azul */
.post_header.entry-header a:hover {
    color: #7A4FF4!important;
}


.post_meta_item.post_categories.cat_sep a {
    color: white;
}

/* Colores de la paginación de Games */

.nav-links a {
    color: white !important;
}

/* Hover azul en la paginación */
.nav-links a:hover {
    color: #7A4FF4 !important; /* Azul del hover */
    border-color: #7A4FF4 !important; /* Borde del círculo azul */
}

/*Ajustar el tamaño y padding de los textos del equipo en portátil*/
@media (max-width: 1366px) and (min-width: 1024px) {
    .sc_team_default .sc_team_item_info {
        padding: 30px 20px;
    }

    .sc_team_default .sc_team_item_info .sc_team_item_title {
        font-size: 19px;
    }

    .sc_team_default .sc_team_item_info .sc_team_item_subtitle {
        font-size: 14px;
    }
}

/* Estilos páginas individuales Juegos */

.portfolio_page_description {
    color: #ffffff;
}

.sc_portfolio_details.portfolio_page_details span {
    color: #ffffff;
}

.portfolio_page_details_item span {
    color: #ffffff !important;
}

.wp-block-heading {
    color: #ffffff;
}

.portfolio_page_content.entry-content p {
    color: #ffffff;
}

.jp-relatedposts-items.jp-relatedposts-items-minimal.jp-relatedposts-grid p {
    color: #ffffff !important;
}

/* Estilos tarjetas de los trabajadores */

.sc_team_item_subtitle.trx_addons_hover_title {
    color: black !important;
}

/* Estilos Juegos Avatar */

.trx_addons_dropcap.trx_addons_dropcap_style_2 {
    color: #ffffff;
}

.post_content.post_content_single.entry-content {
    color: #ffffff;
}

.nav-previous span {
    color: #ffffff !important;
}

.nav-arrow-label {
    color: #ffffff !important;
}

.nav-previous h6 {
    color: #ffffff;
}

.nav-next h6 {
    color: #ffffff;
}

.sc_layouts_title_caption {
    color: #ffffff;
}

.sc_button_title {
    color: #ffffff;
}

.elementor-widget-icon-box .elementor-icon-box-wrapper .elementor-icon-box-title small{
    color: #ffffff !important;
}

.sc_button.sc_button.sc_button_simple.sc_button_with_icon .sc_button_icon:hover {
    background-color: #7a4ff4;
}

.icon-new-right-arrow {
    color: #7a4ff4;
}

.icon-new-right-arrow:hover {
    color: #ffffff;
}

/* Ocultar categoria de entrada */
.post_layout_classic .post_meta_item.post_categories {
    display: none;
}

/* Ocultar visualmente los enlaces de salto, pero mantenerlos accesibles */
.gamic_skip_link,
#content_skip_link_anchor,
#footer_skip_link_anchor {
    position: absolute;
    left: -9999px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

/* Cuando se enfocan con teclado (TAB), mostrarlos bien visibles */
.gamic_skip_link:focus,
#content_skip_link_anchor:focus,
#footer_skip_link_anchor:focus {
    left: 0;
    top: 0;
    width: auto;
    height: auto;
    overflow: visible;
    background: #000;
    color: #fff;
    padding: 8px 12px;
    z-index: 99999;
}


/* Desactivar los hover de esta últimas líneas */

.nav-previous h6:hover,
.nav-next h6:hover {
    color: #ffffff !important; /* mismo color que el normal */
    cursor: default !important; /* evita el puntero de enlace */
    text-decoration: none !important; /* por si algún tema añade subrayado */
}

.nav-previous a:hover,
.nav-next a:hover {
    background: none !important;
    color: #ffffff !important;
    text-decoration: none !important;
}

.jp-relatedposts-headline {
    color: #ffffff;
}

.comment-respond h3 {
    color: #ffffff;
}


/* Ocultar el botón del scroll */

.trx_addons_scroll_to_top.trx_addons_icon-up.scroll_to_top_style_default.inited.show {
    display: none !important;
}

/* Fondo negro página del blog */

.page_content_wrap {
    background-color: #111119;
}

/* Color blanco datos de contacto en la pagina de "Contacto" */

.sc_icons_item_description {
    color: #ffffff;
}

.underline_hover {
    color: #ffffff !important;
}

/* Página individual Trabajadores */

.team_member_title {
    color: #ffffff !important;
}

.elementor-progress-percentage {
    color: #ffffff;
}

.section_title.related_wrap_title {
    color: #ffffff;
}

/* Icono de favoritos */

/* Que el corazón se vea siempre blanco */
.post_meta_item.post_meta_likes::before,
.post_meta_item.post_meta_likes .trx_addons_icon-heart-empty::before,
.post_meta_item.post_meta_likes .trx_addons_icon-heart::before {
    color: #ffffff !important;
    border-color: #ffffff !important;
}

/* Evitar cambios en hover */
.post_meta_item.post_meta_likes:hover::before,
.post_meta_item.post_meta_likes:hover .trx_addons_icon-heart-empty::before,
.post_meta_item.post_meta_likes:hover .trx_addons_icon-heart::before {
    color: #ffffff !important;
    border-color: #ffffff !important;
}

.services_page_content.entry-content {
    color: #ffffff;
}

/*Página de Contacto*/

@media (max-width: 767px) {
    .contact-col {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        display: grid !important;
        justify-content: center !important;
    }
}


/* ============================================================
   FORMULARIO DARK – SIN ICONOS
   (fondo negro, campos blancos, checkbox blanco con CHECK)
   ============================================================ */



/* CONTENEDOR DEL FORMULARIO */
.form-style-1 {
    background-color: #111119 !important;
}

@media (max-width: 1024px) {
    .form-style-1 {
        padding-top: 40px;
    }
}

/* Añadir separación entre filas */
.form-style-1 .style-line {
    margin-bottom: 18px;
}

/* ============================================================
   CAMPOS (inputs + textarea) – SIN ICONOS
   ============================================================ */

/* Elimina cualquier icono añadido por el tema */
.form-style-1 .style-line::before,
.form-style-1 .style-line::after,
.form-style-1 .style-line span::before,
.form-style-1 .style-line span::after {
    content: none !important;
    display: none !important;
}

/* Inputs y textarea */
.form-style-1 .style-line input,
.form-style-1 .style-line textarea {
    background-color: #ffffff !important;
    border: 1px solid #d6d6d6 !important;
    padding: 14px 16px;
    border-radius: 8px;
    width: 100%;
    font-size: 15px;
    color: #000000 !important;
    transition: 0.2s ease-in-out;
}

div.wpcf7 .form-style-1 .style-line[class*="icon-"] textarea,
div.wpcf7 .form-style-1 .style-line[class*="icon-"] input {
    padding-left: 10px;
}

span .line {
    display: none !important;
}

/* Hover */
.form-style-1 .style-line input:hover,
.form-style-1 .style-line textarea:hover {
    border-color: #bfbfbf !important;
}

/* Focus */
.form-style-1 .style-line input:focus,
.form-style-1 .style-line textarea:focus {
    border-color: #7a4ef4 !important;
    box-shadow: 0 0 0 3px rgba(122, 78, 244, 0.25);
    outline: none !important;
}

/* Textarea más grande */
.form-style-1 .style-line textarea {
    min-height: 140px;
}

/* ============================================================
   TEXTOS
   ============================================================ */

.form-style-1 label,
.form-style-1 .wpcf7-list-item-label {
    color: #e6e6e6 !important;
    font-size: 15.5px !important;
}

.form-style-1 .wpcf7-list-item-label a {
    color: #ffffff !important;
    text-decoration: underline;
}

/* ============================================================
   CHECKBOX – CAJA BLANCA + CHECK MODERNO
   ============================================================ */
/*Ajustar el margen para poder pulsar correctamente el checkbox*/
div.wpcf7 .form-style-1 .columns_wrap.margin-bottom > [class*="column-"] {
    padding-bottom: 0 !important;
    margin-bottom: 20px;
}

.form-style-1 {
    padding-bottom: 30px;
}

.column-1_2 {
    padding-bottom: 0 !important;
}

/* Contenedor del checkbox */
.form-style-1 .wpcf7-acceptance,
.form-style-1 .wpcf7-form-control-wrap.acceptance {
    display: block;
    margin-top: -15px !important;
    padding-bottom: 30px;
}

/* Ocultar el input nativo */
.form-style-1 .wpcf7-list-item input[type="checkbox"] {
    position: absolute;
    opacity: 0;
}

/* Necesitamos que el label sea relativo para poder dibujar el check encima */
.form-style-1 .wpcf7-list-item-label {
    position: relative;
    padding-left: 0; /* ya usamos el margen del ::before */
}

/* Caja del checkbox (fondo blanco) */
.form-style-1 .wpcf7-list-item-label::before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    border-radius: 4px;
    margin-right: 8px;
    vertical-align: middle;
    background: #ffffff;
    border: 2px solid #ffffff;
    box-sizing: border-box;
    transition: all 0.2s ease-in-out;
}

/* Check dibujado con bordes */
.form-style-1 .wpcf7-list-item-label::after {
    content: "";
    position: absolute;
    left: 4px;   /* ajusta si hace falta */
    top: 6px;    /* ajusta si hace falta */
    width: 9px;
    height: 5px;
    border-left: 2px solid transparent;
    border-bottom: 2px solid transparent;
    transform: rotate(45deg);
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
}

/* Estado marcado: caja resaltada + aparece el check en morado */
.form-style-1 .wpcf7-list-item input[type="checkbox"]:checked + .wpcf7-list-item-label::before {
    background: #ffffff;                 /* sigue siendo blanca */
    border-color: #7a4ef4;
    box-shadow: 0 0 8px rgba(122, 78, 244, 0.75);
}

/* Check visible en estado marcado */
.form-style-1 .wpcf7-list-item input[type="checkbox"]:checked + .wpcf7-list-item-label::after {
    border-left-color: #7a4ef4;
    border-bottom-color: #7a4ef4;
    opacity: 1;
}

/* ============================================================
   BOTÓN ENVIAR
   ============================================================ */

.wpcf7 div.wpcf7-response-output {
    color: #ffffff !important;
}

div.wpcf7 .form-style-1 .wpcf7-spinner {
    display: none;
}

body .form-style-1 input.wpcf7-submit {
    margin-left: 35px;
    background-color: #7a4ef4 !important;
    border: none !important;
    color: #ffffff !important;
    padding: 14px 42px !important;
    border-radius: 8px;
    font-size: 15px;
    letter-spacing: 0.5px;
    cursor: pointer;
    margin-top: 26px;
    transition: background-color 0.2s ease-in-out,
                transform 0.12s ease-in-out,
                box-shadow 0.2s ease-in-out;
}

body .form-style-1 input.wpcf7-submit:hover {
    background-color: unset !important;
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.45);
    transform: translateY(-2px);
}

body .form-style-1 input.wpcf7-submit:active {
    transform: translateY(0);
    box-shadow: 0 5px 12px rgba(0, 0, 0, 0.5);
}

/* Mensaje de exito */

.wpcf7 form.sent .wpcf7-response-output.trx_addons_message_box.trx_addons_message_box_success, .trx_addons_message_box_success {
    margin-top:-60px;
    margin-left: 25px;
    color: green !important;
    border: none !important;
}

/* Mensaje de error en el formulario */

.wpcf7 form.invalid .wpcf7-response-output.trx_addons_message_box.trx_addons_message_box_error, .wpcf7 form.unaccepted 
.wpcf7-response-output.trx_addons_message_box.trx_addons_message_box_error, .trx_addons_message_box_error {
    color: red !important;
    border: none !important;
}

/*PÁGINAS LEGALES*/
/*Añadir subrayado a los enlaces*/
.legal-text a{
    text-decoration: underline !important;
}


/* FOOTER */

/* Estilos Footer */

/* Limpiar estilos forzados por la zona de widgets en el footer */
.widget ul > li a:first-child::before {
    display: none;
}

/* Elimina espacios en blanco residuales al final de la página */
body {
    margin-bottom: 0 !important;
}

.footer_default.footer_wrap .sc_layouts_row .widget {
  margin: 0 !important;
}

.footer_copyright_wrap, 
.copyright_wrap {
    display: none !important;
}

.footer_wrap .sc_layouts_row {
    padding: 0 !important;
    margin: 0 !important;
}

.footer_wrap .elementor-section.elementor-section-boxed > .elementor-column-gap-extended {
    display: none;
}

/* KIT DIGITAL */

.row-partners-inner p {
    color: #030243;
}

.row-partners-container {
    background-color: #ffffff;
    padding-bottom: 10px;
}

.row-partners-containers {
    padding-bottom: 10px;
    text-align: center;
    background-color: #ffffff;
}

.row-partners-inner {
    display: inline-block;
    background-color: #ffffff;
    padding: 15px;
    border-radius: 4px;
}

.row-partners-containers img.kit-partner {
    height: 50px;
    margin-right: 10px;
}

@media (min-width: 992px) {
    .br-mobile {
        display: none;
    }
}

@media (max-width: 991px) {
    .row-partners-containers img.kit-partner {
        margin-right: 0;
        margin-bottom: 20px;
    }
}

/* RESPONSIVE */

/* Centrar menú del footer solo en móvil */

@media (max-width: 767px) {

    footer nav ul {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
    }

    footer nav ul li {
        width: 100% !important;
        text-align: center !important;
        margin: 6px 0 !important;
    }

    footer nav ul li a {
        display: inline-block !important;
        text-align: center !important;
        width: auto !important;
    }
    .elementor-widget-container {
        text-align: center;
    }
}