.elementor-kit-4{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-4 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header{padding-inline-end:0px;padding-inline-start:0px;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */#tabla {
    width: 100%;
    font-family: inherit;
    border: none;
    box-shadow: none;
    display: block;
}

#tabla tbody.pregunta-card {
    display: block;
    margin-bottom: 60px;
    border: 2px solid #0079c8;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 12px rgba(0, 121, 200, 0.1);
}

#tabla tbody.pregunta-card tr {
    display: flex;
}

#tabla td {
    padding: 12px 20px;
    font-size: 14px;
    color: #2c2c2c;
    background: #fff;
    border-bottom: 1px solid rgba(0, 121, 200, 0.15);
    flex: 1;
}

#tabla tr td:first-child {
    width: 140px;
    min-width: 140px;
    max-width: 140px;
    flex: 0 0 140px;
    color: #0079c8;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    background: #f4f8fc;
    border-right: 2px solid rgb(0, 121, 200);
}

#tabla td.pregunta_just {
    font-size: 15px;
    font-weight: 500;
    color: #1a1a2e;
    padding: 16px 20px;
    background: #f9fbfd;
}

#tabla td.img_question {
    width: 140px;
    min-width: 140px;
    max-width: 140px;
    flex: 0 0 140px;
    background: #f4f8fc;
    text-align: center;
    vertical-align: middle;
    border-right: 2px solid rgba(0, 121, 200, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
}

#tabla td.img_question img {
    filter: brightness(0) saturate(100%) invert(29%) sepia(100%) saturate(700%) hue-rotate(180deg) brightness(105%);
}

/* Fila de botones */
#tabla tr:has(.s_n) td {
    background: #fff;
    border-bottom: none;
    border-left: none;
    padding: 12px 20px;
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    text-transform: none;
    letter-spacing: normal;
}

#tabla tr:has(.s_n) td:first-child {
    border-right: none !important;
    background: #fff !important;
    color: inherit !important;
    font-size: 14px !important;
    font-weight: normal !important;
    text-transform: none !important;
    letter-spacing: normal !important;
}

/* Contenedor botón */
.btn-wrap {
    position: relative;
    display: inline-block;
    margin-right: 8px;
}

/* Checkboxes invisibles pero funcionales */
#tabla td .s_n,
#tabla td .delet {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    z-index: 1;
    margin: 0;
}

/* Botón Enviar — sin marcar (amarillo) */
#tabla td .btn-wrap:has(.s_n:not(:checked)) label {
    display: inline-block;
    padding: 6px 20px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    cursor: pointer;
    background: #f5a623;
    color: #fff;
    transition: background 0.2s;
}

#tabla td .btn-wrap:has(.s_n:not(:checked)) label:hover {
    background: #d4891a;
}

/* Botón Enviar — marcado (verde) */
#tabla td .btn-wrap:has(.s_n:checked) label {
    display: inline-block;
    padding: 6px 20px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    cursor: pointer;
    background: #00875a;
    color: #fff;
    transition: background 0.2s;
}

#tabla td .btn-wrap:has(.s_n:checked) label:hover {
    background: #006644;
}

/* Botón Borrar */
#tabla td .btn-wrap:has(.delet) label {
    display: inline-block;
    padding: 6px 20px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    cursor: pointer;
    background: #fff;
    color: #cc2200;
    border: 1.5px solid #cc2200;
    transition: all 0.2s;
}

#tabla td .btn-wrap:has(.delet) label:hover {
    background: #cc2200;
    color: #fff;
}

#tabla td .btn-wrap:has(.delet:disabled) label {
    opacity: 0.35;
    cursor: not-allowed;
}

/* Visor */
.refres {
    margin-bottom: 60px;
}

button.refres,
input.submit {
    background-color: #0079c8;
    border-color: #0079c8;
    color: #fff;
}

button.refres:hover,
input.submit:hover {
    background-color: #005fa0;
    border-color: #005fa0;
    color: #fff;
}

/* Tamaño de Letra */
#tabla td {
    font-size: 17px !important; /* era 14px */
    font-weight: 500;
}

#tabla tr td:first-child {
    font-size: 17px !important; /* era 11px */
    font-weight: 500;
}

#tabla td.pregunta_just {
    font-size: 17px !important; /* era 15px */
}

#tabla {
    max-width: 800px;
    margin: 0 auto;
}/* End custom CSS */