.Seleccionar_Imagen_Font {
    color: #105a3b; /* Color activo */
    font-size: calc(16px * 0.7); /* 11.2px */
    font-family: Helvetica;
    font-weight: bold;
}

.fuentetitulocheckbox {
    font-size: calc(16px * 0.75); /* 11.2px */
    font-family: Helvetica;
    font-weight: bold;
    color: #105a3b;
}   


/* VERSION PARA COMPUTADORAS LAPTOP */
@media (min-width: 900px) {

    /*//////////////////////////////////////////////////////////////////////////////////*/
    /*////// /ENTRADA DE TEXTO FLOTANTE //////////////////*/
    /*//////////////////////////////////////////////////////////////////////////////////*/

    .floating-label-group {
        position: relative;
        display: flex;
        align-items: center;
        padding-top: calc(5px * 0.7); /* 3.5px */
        margin-top: calc(5px * 0.7); /* 3.5px */
    }

    .floating-label {
        position: absolute;
        left: calc(40px * 0.7); /* 28px */
        top: calc(10px * 0.7); /* 7px */
        transition: all 0.3s ease;
        pointer-events: none;
        font-size: calc(16px * 0.7); /* 11.2px */
        font-family: Helvetica;
        font-weight: bold;
        color: #9b9b9b;
    }

    .floating-icon {
        position: absolute;
        left: calc(10px * 0.2); /* 7px */
        transition: all 0.3s ease;
        color: #9b9b9b; /* Color inicial del ícono */
        font-size: calc(16px * 0.05);
    }

    .floating-input {
        font-size: calc(16px * 0.7); /* 11.2px */
        width: 100%;
        padding-left: calc(30px * 0.7); /* 21px */
        border: calc(2px * 0.7) solid #11161E; /* 1.4px */
        border-bottom: calc(2px * 0.7) solid #11161E; /* 1.4px */
        outline: none;
        background: transparent;
        transition: border-color 0.3s;
        font-weight: bold;
    }

        .floating-input:placeholder-shown ~ .floating-label {
            font-size: calc(16px * 0.7); /* 11.2px */
            font-family: Helvetica;
            font-weight: bold;
            opacity: 1;
            margin-left: calc(10px * 0.7); /* 7px */
        }

    .required-asterisk {
        color: red;
        font-weight: bold;
        margin-left: calc(5px * 0.7); /* 3.5px */
        font-size: calc(1.2em * 0.7); /* 0.84em */
        vertical-align: middle;
    }

    .floating-input:focus ~ .floating-icon,
    .floating-input:not(:placeholder-shown) ~ .floating-icon,
    .floating-input:focus ~ .floating-label,
    .floating-input:not(:placeholder-shown) ~ .floating-label {
        top: calc(-20px * 0.7); /* -14px */
        color: #105a3b; /* Color activo */
        font-size: calc(16px * 0.7); /* 11.2px */
        font-family: Helvetica;
        font-weight: bold;
        
    }

    .hint-text {
        display: block;
        font-size: calc(12px * 0.7); /* 8.4px */
        color: #6c757d;
        position: absolute;
        left: calc(40px * 0.7); /* 28px */
        bottom: calc(-20px * 0.7); /* -14px */
        width: calc(100% - calc(40px * 0.7)); /* 100% - 28px */
        pointer-events: none;
    }

    .error {
        border-color: red;
        color: red;
    }

    .error-icon {
        color: red;
        width: calc(16px * 0.7); /* 11.2px */
        height: calc(16px * 0.7); /* 11.2px */
    }

    .Seleccionar_Imagen_Font {
        top: calc(-20px * 0.7); /* -14px */
        color: #105a3b; /* Color activo */
        font-size: calc(16px * 0.7); /* 11.2px */
        font-family: Helvetica;
        font-weight: bold;
    }


    .fuentetitulocheckbox {
        font-size: calc(16px * 0.75); /* 11.2px */
        font-family: Helvetica;
        font-weight: bold;
        color: #105a3b;
    }

    /* Personalización del color de CorcasaNet para el focus */
    .focus\:ring-corcasanet:focus {
        --tw-ring-color: #105a3b; /* Color CorcasaNet */
    }

    /* Estilos del título y subtítulo según CorcasaNet */
    .fuente_titulo_corcasanettextarea {
        color: #105a3b;
        font-size: calc(16px * 0.8); /* 12.8px */
        font-family: Helvetica;
        font-weight: bold;
    }

    .fuente_hint_corcasanettextarea {
        font-family: Helvetica;
        font-weight: bold;
        color: #6c757d;
        font-size: calc(12px * 0.7); /* 8.4px */
        width: calc(100% - calc(40px * 0.7));
    }

    .fuente_input_corcasanettextarea {
        font-weight: bold;
        font-size: calc(16px * 0.7);
    }


}