.card-container{perspective:1000px;width:100%;margin:auto;position:relative;transition:height .3s ease;overflow:hidden}.card{width:100%;transform-style:preserve-3d;transition:transform .8s ease;position:relative;border-radius:1rem}.card.flipped{transform:rotateY(180deg)}.card-container,.card{background:transparent;border:0;box-shadow:none}.card-front,.card-back{width:100%;height:auto;backface-visibility:hidden;position:absolute;background-color:var(--Fondo-rgb);color:var(--Texto);transition:opacity .4s ease}.card-front{z-index:2;transform:rotateY(0deg)}.card-back{transform:rotateY(180deg);z-index:1}