/* ==========================================================================
   Archivo: /red-com.css v2.0.6
   Versión Explícita: v2.0.6
   Descripción: Estilos de Red de Comunicación con GAPs a 30px y 1 selector por línea.
   ========================================================================== */

/* /red-com.css v2.0.6 -- Inicio de codigo */
.red-com-wrapper { width: 100%; max-width: 100%; margin: 0; font-family: Verdana, sans-serif; font-size: 15px; letter-spacing: 0.5px; box-sizing: border-box; padding: 0; background-color: transparent; text-align: left; }
.red-com__title { background-color: #E63946; color: #ffffff; padding: 12px; text-align: center; font-weight: bold; border-radius: 6px; margin-bottom: 30px; width: 100%; box-sizing: border-box; }
.red-com__desc { color: #333333; margin-bottom: 0; line-height: 1.4; text-align: center; width: 100%; }
.red-com__columns { display: flex; flex-direction: row; justify-content: space-around; align-items: flex-start; gap: 30px; width: 100%; box-sizing: border-box; margin-top: 30px; }
.red-com__col-item { flex: 1; display: flex; flex-direction: column; align-items: center; text-decoration: none; color: #333333; text-align: center; box-sizing: border-box; }
.red-com__circle { width: 72px; height: 72px; min-width: 72px; min-height: 72px; border: 2px solid #E63946; border-radius: 50%; display: flex; justify-content: center; align-items: center; overflow: hidden; background-color: #ffffff; margin-bottom: 6px; box-sizing: border-box; transition: transform 0.2s ease; }
.red-com__col-item:hover .red-com__circle { transform: scale(1.05); }
.red-com__circle img { width: 100%; height: 100%; object-fit: cover; }
.red-com__text { font-size: 0.9em; color: #0051BB; text-align: center; line-height: 1.2; word-break: break-word; }
@media (max-width: 480px) { .red-com-wrapper { max-width: 100%; } }
@media (max-width: 480px) { .red-com__columns { gap: 15px; } }
/* /red-com.css v2.0.6 -- Fin de codigo */