/* Ajustes propios de 2STG sobre la plantilla */

/* El "2" del logo es blanco: sobre fondos claros se invierte para que siempre se lea 2STG completo */
.logo-oscuro {
    filter: invert(1);
}

/* Logo en lugar del texto de marca sobre los títulos de sección */
.logo-titulo {
    height: 34px;
    width: auto;
}

/* Marca registrada junto al logo */
.marca-registrada {
    color: #bdbdbd;
    font-size: .9rem;
    font-weight: 300;
    vertical-align: top;
    position: relative;
    top: .5rem;
    margin-left: .1rem;
}
@media (max-width: 767px) {
    .marca-registrada {
        font-size: .7rem;
        top: .3rem;
    }
}

/* Combobox del formulario de contacto con el mismo estilo que los campos de texto */
.cont-formulario .form-select {
    color: #fff;
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    border: 0;
    border-bottom: 1px solid #fff;
    border-radius: 0;
}
.cont-formulario .form-select:focus {
    box-shadow: 0 0 0 4px rgb(255 255 255 / 25%);
}
.cont-formulario .form-select option {
    color: #000;
}
.cont-formulario .form-floating > .form-select ~ label {
    color: #fff;
}

/* Versión blanca del ícono de servicio para el hover, cuando no hay un PNG "-on" propio */
.icono-blanco {
    filter: brightness(0) invert(1);
}

/* ® proporcional en los logos de título; oscuro cuando el logo va invertido */
.logo-titulo + .marca-registrada {
    font-size: .8rem;
    top: -.15rem;
}
.logo-oscuro + .marca-registrada {
    color: #424242;
}

/* Texto justificado en los bloques de contenido (no en las tarjetas angostas) */
article .texto p,
article .texto li {
    text-align: justify;
    hyphens: auto;
}

/* Bootstrap 5.3 pone fondo a las etiquetas flotantes; en el formulario negro deben ser transparentes */
.cont-formulario .form-floating > label::after {
    background-color: transparent !important;
}

/* Pie de página con fondo negro de borde a borde (crece si se agregan líneas) */
footer {
    background-color: #000;
    box-shadow: 0 0 0 100vmax #000;
    clip-path: inset(0 -100vmax);
}