* {
  margin: 0;
  padding: 0;
}


@media (max-width: 768px) {
.texto-botones{
    font-size: 12px;
  }
}

.text-hove:hover{
    color: rgb(97, 177, 246);
}

.titulo{
  font-family: 'Cormorant Garamond', serif;
}

.letras {
  font-family: 'Poppins', sans-serif;
  transition: transform 0.3s ease-in-out;
}

.letras:hover {
  transform: scale(1.2);
}

.letrasa:hover {

  color: rgb(97, 177, 246);
}
.mano {
  cursor: pointer;
}

.shadow-corner{
  background: linear-gradient(45deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
  box-shadow: 0px 8px 8px -6px rgba(0, 0, 0, 0.8), -8px 8px 8px -6px rgba(0, 0, 0, 0.8);
}

.bg-personalizado{
  background-color: rgb(56, 56, 56);
}

.vertical-text {
  writing-mode: vertical-lr;
  transform: rotate(-180deg);
}
.v-center {
  align-items: center;
  justify-content: center;
  display: flex;
}




.estudio,
.pricing__plan {
  position: relative;
  background: #fff;
  border-radius: 20px;
  overflow: hidden
}

.correccion{
  cursor: default;
  height: 100%;
}



.estudio-1::before,
.pricing__plan--1:before {
  content: ' ';
  background: #22007015;
  z-index: 5;
  height: 180px;
  position: absolute;
  -webkit-transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
  transform: rotate(-5deg);
  width: 1000px;
  top: -120px;
  left: -210px
}

.estudio-1::after,
.pricing__plan--1:after {
  content: ' ';
  right: 0;
  left: 0;
  top: 0;
  z-index: 5;
  height: 180px;
  position: absolute;
  -webkit-transform: rotate(106deg);
  -ms-transform: rotate(106deg);
  transform: rotate(106deg);
  width: 1000px;
  top: -210px;
  left: -470px;
  background: #00377120
}

@keyframes showefecto {
    from {
        opacity: 0;
        scale: 25%;
    }

    to {
        opacity: 1;
        scale: 100%;
    }
}

.imgefecto {
    view-timeline-name: --image;
    view-timeline-axis: block;

    animation-timeline: --image;
    animation-name: showefecto;

    animation-range: entry 25% cover 30%;
    animation-fill-mode: both;
}