/* REPORTE DE ABUSO */

@font-face {
    font-family: 'Montserrat-ExtraBoldItalic';
    src: url("/templates/nic-2024/assets/fonts/Montserrat-ExtraBoldItalic.ttf") format('truetype');
  }
@font-face {
    font-family: 'Montserrat-Bold';
    src: url("/templates/nic-2024/assets/fonts/Montserrat-Bold.ttf") format('truetype');
}
@font-face {
    font-family: 'Montserrat-Italic';
    src: url("/templates/nic-2024/assets/fonts/Montserrat-Italic.ttf") format('truetype');
}
@font-face {
    font-family: 'Montserrat-MediumItalic';
    src: url("/templates/nic-2024/assets/fonts/Montserrat-MediumItalic.ttf") format('truetype');
}
@font-face {
    font-family: 'Montserrat-Medium';
    src: url("/templates/nic-2024/assets/fonts/Montserrat-Medium.ttf") format('truetype');
}
@font-face {
    font-family: 'Montserrat-SemiBold';
    src: url("/templates/nic-2024/assets/fonts/Montserrat-SemiBold.ttf") format('truetype');
}
@font-face {
    font-family: 'Montserrat-SemiBoldItalic';
    src: url("/templates/nic-2024/assets/fonts/Montserrat-SemiBoldItalic.ttf") format('truetype');
}
@font-face {
    font-family: 'Montserrat-Regular';
    src: url("/templates/nic-2024/assets/fonts/Montserrat-Regular.ttf") format('truetype');
}
.reporte-abuso {
    background-color: #333333;
}

.reporte-abuso-titulo {
    font-weight: bold;
    font-size: 48px;
}

.reporte-abuso-txt {
    padding: 2rem 4rem 2rem 4rem;
    font-size: 29px;
}

.reporte-abuso-text {
    padding: 1rem 2rem 2rem 5rem;
    text-align: center;
    margin-top: 20px;
}

.ta-titulo {
	font-family: 'Montserrat-Bold';
	font-style: italic;
	font-size: 44px;
	color: #333333;
}

.ta-texto {
	font-family: 'Montserrat-Regular';
	font-size: 21px;
	color: #333333;
}

.ra-seccion3 {
	font-family: 'Montserrat-Bold';
	font-style: italic;
	font-size: 37px;
	color: #333333;
}

.ra-signo-int {
	margin-right: 10px;
	width: 120px;
}

.ra-background-2 {
    background-color: #666666;
    color: #fff;
    padding: 20px;
}

.centered-content {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center; /* Opcional: Solo si quieres centrar el texto dentro del div */
}
.ra-sec-3-titulo {
	font-family: 'Montserrat-Bold';
	font-size: 2.35rem;
    margin-top: 40px;
}
.ra-sec-3-texto {
	font-size: 29px;
}

.ra-background-5 {
    background-color: rgba(165, 165, 165, 0.23);
}

/* AGREGANDO RESPONSIVE REPORTE DE ABUSO */
@media only screen and (min-width: 360px) and (max-width: 768px) {
    .reporte-abuso-txt {
        padding: 1rem 1rem 0rem 1rem;
        font-size: 0.80rem;
    }

    .reporte-abuso-titulo {
        font-size: 1.8rem;
    }

    .reporte-abuso-p {
        text-align: center;
        padding: 0.2rem;
        font-size: 0.80rem;
    }

    .reporte-abuso-text h2 {
        font-size: 0.80rem;
    }

    .reporte-abuso-text {
        padding: 1rem 1rem 0rem 1rem;
        text-align: center;
        margin-top: 5px;
    }

    .contenedor-imagen-reporte {
        display: flex;
        justify-content: center;
        padding: 1rem;
        height: 40vh;
        width: 100%;
        /* Establece la altura del contenedor al 100% del viewport */
    }

}