/* Contenedor principal */
       .unique-cards-container {
        display: flex;
        gap: 20px;
        padding: 20px;
    }

    /* Estilos de las tarjetas */
    .unique-card {
        border: 2px solid #ddd;
        border-radius: 40px;
        padding: 20px;
        width: 434px; /* Ancho especificado */
        height: 212px; /* Alto especificado */
        text-align: left;
        transition: border-color 0.3s ease;
        cursor: pointer;
        position: relative; /* Necesario para posicionar elementos absolutos dentro */
        text-decoration: none; /* Quitar subrayado */
        color: inherit; /* Mantener color del texto */
    }

    .unique-card:hover {
        border-color: #d9bb94; /* Resaltado del borde */
    }

    .unique-card-icon {
        font-size: 30px;
        color: #d9bb94;
        margin-bottom: 35px;
    }

    .unique-card-title {
        font-size: 27px;
        font-style: normal;
        margin-bottom: 30px;
    }

    .unique-card-text {
        font-size: 14px !important;  /* Sobrescribe cualquier otro tamaño de fuente */
        color: #555 !important;      /* Sobrescribe cualquier otro color */
        margin-bottom: 20px !important; /* Asegura que el margen inferior se aplique */
        line-height: 1.2 !important;   /* Ajuste de interlineado forzado */
        padding: 0 !important;        /* Elimina padding innecesario */
        margin: 0 !important;         /* Elimina márgenes adicionales */
        display: block !important;    /* Asegura que el texto se comporte como bloque */
        white-space: normal !important; /* Asegura que no haya espacios innecesarios */
        font-family: Arial, sans-serif !important; /* Asegura una fuente controlada */
    }
    

    .unique-card-arrow {
        font-size: 18px;
        font-weight: bold;
        color: #d9bb94;
        position: absolute;
        bottom: 20px;
        right: 20px;
    }

    /* Contenedor para posicionar el icono del borde */
    .unique-card-container {
        position: relative;
    }

    @media screen and (max-width: 768px) {
        .unique-cards-container {
            display: flex;
            flex-direction: column;
            align-items: center;
        }
    
        .unique-card {
            width: 100%;
            margin-bottom: 10px;
            
        }
        .columna-derecha {
            display: none;
          }
    }