:root {
            --color-corazon: #ff2d55;
            --tamano: 5vw;
            --color-sombra: rgba(255, 0, 85, 0.6);
        }

        /* EL CONTENEDOR FLEX */
        .mi-contenedor-flex {
            display: flex;
            justify-content: center; /* Centra horizontalmente */
            align-items: center;     /* Centra verticalmente */
            height: 100vh;           /* Altura de toda la pantalla */
            gap: 20px;               /* Espacio si agregas más cosas */
            z-index: 100;
        }

        /* EL ENLACE (A) */
        .link-corazon {
            text-decoration: none;
            /* Le damos un tamaño fijo para que el flex lo respete */
            width: calc(var(--tamano) * 1.5);
            height: calc(var(--tamano) * 1.5);
            display: flex;
            justify-content: center;
            align-items: center;
            transition: transform 0.2s;
            z-index: 100;
        }


        /* EL CUERPO DEL CORAZÓN */
        .corazon {
            position: relative;
            width: var(--tamano);
            height: var(--tamano);
            background-color: var(--color-corazon);
            transform: rotate(-45deg);
            animation: latido 1.2s infinite ease-in-out;
            box-shadow: 0 0 50px var(--color-sombra);
            z-index: 100;
            
        }

        .corazon::before,
        .corazon::after {
            content: "";
            position: absolute;
            width: var(--tamano);
            height: var(--tamano);
            background-color: inherit;
            border-radius: 50%;
        }

        .corazon::before { top: calc(var(--tamano) / -2); left: 0; }
        .corazon::after { top: 0; left: calc(var(--tamano) / 2); }

        @keyframes latido {
            0% { transform: rotate(-45deg) scale(1); }
            15% { transform: rotate(-45deg) scale(1.25); }
            30% { transform: rotate(-45deg) scale(1.1); }
            45% { transform: rotate(-45deg) scale(1.35); }
            100% { transform: rotate(-45deg) scale(1); }
        }