@charset "UTF-8";
/* CSS Document */
/* -- //NUEVO BLOG 2025 -- */
/* -- linea divisoria -- */
.divider {
    border: 0;
    border-top: 2px solid #ccc; /* Color gris */
    margin: 20px 0; /* Espaciado superior e inferior */
}
/* -- //Seccion con tres imagenes -- */
.image-section {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 20px;
            padding: 20px;
            background-color: #fff;
        }
.image-section h2{
	width: 100%;
	text-align: center;
	color: #005ca9;
	font-weight: lighter;
	font-style: italic;
}

        .image-card {
            text-align: center;
            width: 100%;
            max-width: 300px; /* Máximo ancho de cada tarjeta */
        }

        .image-card img {
            width: 100%;
            height: auto;
			object-fit: cover;
        }

        .image-card h3 {
            color: #005ca9;
            font-size: 1.2em;
            margin: 10px 0 5px;
			text-align: left;
        }

        .image-card p {
            color: #6c757d;
            font-size: 1em;
        }
.image-card p a {
            color: #6c757d;
            font-size: 1em;
        }
.image-card p a:hover {
            color: #005ca9;
	        text-decoration: none;
	
        }

        /* Estilos responsivos */
        @media (min-width: 768px) {
            .image-card {
                flex: 1 1 calc(33.33% - 20px); /* Tres tarjetas por fila */
            }
        }

        @media (max-width: 767px) {
            .image-card {
                flex: 1 1 calc(50% - 20px); /* Dos tarjetas por fila */
            }
        }

        @media (max-width: 480px) {
            .image-card {
                flex: 1 1 100%; /* Una tarjeta por fila */
            }
        }
	
	 @media (max-width: 320px) {
            .image-card {
                flex: 1 1 100%; /* Una tarjeta por fila */
            }
        }
	
	
/* Seccion de subscripcion */
       .registration-section {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 40px;
            background-color: #ededed;
		   padding-left: 10%;
		   padding-right: 10%;
        }

        .registration-form, .registration-image {
            width: 50%;
            box-sizing: border-box;
        }

        .registration-form {
            padding: 20px;
        }

        .registration-form h2 {
            font-size: 1.8em;
            color: #005ca9;
            margin-bottom: 20px;
			font-weight: lighter;
        }

        .registration-form p {
            font-size: 1em;
            color: #555;
            margin-bottom: 20px;
        }

        .registration-form input[type="email"] {
            width: 100%;
            padding: 10px;
            margin-bottom: 15px;
            border: 1px solid #ccc;
            border-radius: 5px;
            font-size: 1em;
        }

        .registration-form button {
            width: 100%;
            padding: 10px;
            background-color: #005ca9;
            color: #fff;
            border: none;
            border-radius: 5px;
            font-size: 1em;
            cursor: pointer;
            transition: background-color 0.3s ease;
        }

        .registration-form button:hover {
            background-color: #43a27f;
        }

        .registration-image img {
            width: 100%;
            height: auto;
            border-radius: 8px;
			object-fit: cover;
        }

        @media (max-width: 768px) {
            .registration-section {
                flex-direction: column;
                align-items: center;
            }

            .registration-form, .registration-image {
                width: 100%;
            }
        }