.card-responsive {
    width: 100%;                                /* Ancho dinámico en móviles */
    max-width: 600px;                           /* Ancho fijo para pantallas más grandes */
    height: 339px;                              /* Altura consistente */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Sombra ligera para mejorar la apariencia */
    border-radius: 8px;                         /* Bordes redondeados */
}

.card-responsive-rip {
    width: 100%; /* Ancho dinámico en móviles */
    max-width: 600px; /* Ancho fijo para pantallas más grandes */
    height: 339px; /* Altura consistente */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Sombra ligera para mejorar la apariencia */
    border-radius: 8px; /* Bordes redondeados */
}

.card-body img {
    max-height: 100px; /* Tamaño máximo para las imágenes */
    object-fit: contain; /* Mantiene proporciones */
}

.icono-tarjeta {
    max-width: 80px;
    height: 80px;
}

.titulo-tarjeta {
    font-family: 'Arimo', 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 20pt;
}

.texto-tarjeta {
    font-family: 'Arimo', 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14pt;
}        

@media (max-width: 260px) {
    .card-responsive {
        max-width: 100%; /* En móviles, ocupa todo el ancho */
        height: 339px;
        padding: 15px 0px 0px 0px;
    }
    .card-responsive-rip {
        max-width: 100%; /* En móviles, ocupa todo el ancho */
        height: 379px;
        padding: 15px 0px 0px 0px;
    }
    .titulo-foto { 
        overflow-wrap: break-word; /* Rompe las palabras largas y ajusta el texto */
        word-wrap: break-word; /* Compatibilidad con navegadores antiguos */
        width: 95%;
     }
}
 
@media (min-width: 261px) and (max-width: 350px) {
    .card-responsive {
        max-width: 95%; /* En móviles, ocupa todo el ancho */
        height: 301px;
        padding: 15px 0px 0px 0px;
    }
    .card-responsive-rip {
        max-width: 95%; /* En móviles, ocupa todo el ancho */
        height: 369px; 
        padding: 15px 0px 0px 0px;
    }
    .titulo-foto { 
        overflow-wrap: break-word; /* Rompe las palabras largas y ajusta el texto */
        word-wrap: break-word; /* Compatibilidad con navegadores antiguos */
        width: 95%;
     }
}

@media (min-width: 351px) and (max-width: 450px) {
    .card-responsive {
        max-width: 95%; /* En móviles, ocupa todo el ancho */
        height: 304px;
        padding: 15px 0px 1px 0px;
    }
    .card-responsive-rip {
        max-width: 95%; /* En móviles, ocupa todo el ancho */
        height: 303px; 
        padding: 15px 0px 0px 0px;
    }
    .titulo-foto { 
        overflow-wrap: break-word; /* Rompe las palabras largas y ajusta el texto */
        word-wrap: break-word; /* Compatibilidad con navegadores antiguos */
        width: 95%;
     }
}

@media (min-width: 451px) and (max-width: 575px) {
    .card-responsive {
        max-width: 95%; /* En móviles, ocupa todo el ancho */
        height: 329px;
    }
    .card-responsive-rip {
        max-width: 95%; /* En móviles, ocupa todo el ancho */
        height: 303px; 
    }
    .titulo-foto { 
        overflow-wrap: break-word; /* Rompe las palabras largas y ajusta el texto */
        word-wrap: break-word; /* Compatibilidad con navegadores antiguos */ 
        width: 95%;
    }
}

@media (min-width: 576px) and (max-width: 672px) {
    .card-responsive {
        max-width: 514px; /* Define el ancho máximo en este rango de pantalla */
        height: 349px;
    }
    .card-responsive-rip {
        max-width: 95%; /* Define el ancho máximo en este rango de pantalla */
        height: 427px; 
    }
    .titulo-foto { 
        overflow-wrap: break-word; /* Rompe las palabras largas y ajusta el texto */
        word-wrap: break-word; /* Compatibilidad con navegadores antiguos */
        width: 95%;
     }
}

@media (min-width: 673px) and (max-width: 768px) {
    .card-responsive {
        max-width: 534px; /* Define el ancho máximo en este rango de pantalla */
        height: 349px;
    }
    .card-responsive-rip {
        max-width: 100%; /* Define el ancho máximo en este rango de pantalla */
        height: 427px;
    }
}

@media (min-width: 769px) and (max-width: 992px) {
    /* .card-politica-industrial {
         margin-left: calc(var(--bs-gutter-x) * 1.5);
    } */
    .card-responsive-rip {
        max-width: 100%; /* Define el ancho máximo en este rango de pantalla */
        height: 427px;
    }
    .card-responsive {
        max-width: 100%; /* Define el ancho máximo en este rango de pantalla */
        height: 349px;
    }
}

@media (min-width: 993px) and (max-width: 1200px) {
    .card-responsive {
        max-width: 550px; /* Define el ancho máximo en este rango de pantalla */
        height: 339px;
    }
}

@media (min-width: 1201px) and (max-width: 1400px) {
    .card-responsive {
        max-width: 650px; /* Define el ancho máximo en este rango de pantalla */
        height: 339px;
    }
}