body {
  min-height: 100vh;
  background: radial-gradient(1200px 600px at 50% 30%, rgba(120, 90, 255, 0.25), transparent 70%), linear-gradient(180deg, #000000 0%, #000000 35%, #0d0a1f 55%, #0d1230 75%, #0f1538 100%);
  background-repeat: no-repeat;
  background-attachment: fixed;
}
body header {
  display: grid;
  grid-template-columns: 0.5fr 2fr 0.5fr;
}
body header .panel-izquierda {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 5%;
  gap: 10px;
}
body header .panel-izquierda .box1 {
  display: flex;
  align-items: center;
}
body header .panel-izquierda .box1 h3 {
  color: aliceblue;
  font-size: 15px;
}
body header .panel-izquierda .box1 img {
  width: 50px;
  height: auto;
}
body header .panel-izquierda .Menu {
  padding: 3%;
}
body header .panel-izquierda .Menu p {
  cursor: pointer;
  padding: 3%;
  color: gray;
  font-size: 15px;
}
body header .panel-izquierda .panel-izquierda-foto img {
  width: 100%;
  height: auto;
  border-top-right-radius: 10%;
  border-bottom-right-radius: 10%;
}
body header .panel-izquierda .transaction {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 5px;
}
body header .panel-izquierda .transaction .transaction-top {
  display: flex;
  align-items: center;
  gap: 5px;
}
body header .panel-izquierda .transaction h2 {
  color: white;
  font-size: 50px;
  margin: 0;
  transform: skew(-10deg);
}
body header .panel-izquierda .transaction p {
  color: gray;
  font-size: 15px;
  margin: 0;
  text-align: center;
}
body header .panel-izquierda .Support {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 5px;
  padding-top: 2%;
}
body header .panel-izquierda .Support img {
  width: 20%;
  height: auto;
}
body header .panel-izquierda .Support p {
  color: gray;
  font-size: 15px;
  margin: 0;
  text-align: left;
}
body header .panel-centro {
  display: flex;
  flex-direction: column;
  align-items: center;
}
body header .panel-centro h1 {
  font-family: "Playfair Display", serif;
  font-size: 75px;
  font-style: italic;
  font-weight: 500;
  color: white;
  line-height: 1.05;
  margin: 0;
  text-align: center;
  position: relative;
  z-index: 0;
  clip-path: inset(0 100% 0 0);
  transition: clip-path 1.2s ease;
}
body header .panel-centro h1 span {
  display: block;
  opacity: 0.95;
}
body header .panel-centro .portada {
  position: relative;
  width: 80%;
  height: 90%;
  margin-top: -1.5%;
  z-index: 1;
  object-fit: cover;
  border-radius: 20px;
  overflow: hidden;
}
body header .panel-centro .portada img {
  width: 100%;
  border-radius: 10px;
  height: auto;
  filter: contrast(1.05) saturate(1.1);
}
body header .panel-centro .portada .card-content {
  position: absolute;
  width: 100%;
  text-align: center;
  color: white;
  bottom: 20px;
}
body header .panel-centro .portada .card-content .actions {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-bottom: 15px;
}
body header .panel-centro .portada .card-content .actions .ask {
  display: flex;
  align-items: center;
  background: rgba(255, 255, 255, 0.15);
  border: 1px solid rgba(255, 255, 255, 0.35);
  color: white;
  padding: 8px 18px;
  border-radius: 999px;
  cursor: pointer;
  font-size: 14px;
}
body header .panel-centro .portada .card-content .actions .primary img {
  width: 22px;
  height: 22px;
  margin: 2px;
  border-radius: 50%;
  object-fit: cover;
}
body header .panel-centro .portada .card-content .actions .ask.icon {
  width: 42px;
  height: 42px;
  padding: 0;
  justify-content: center;
}
body header .panel-centro .portada .card-content .actions .ask.icon img {
  width: 16px;
  height: 16px;
}
body header .panel-centro .portada .card-content p {
  font-size: 25px;
  text-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
}
body header .panel-derecho {
  display: flex;
  flex-direction: column;
  align-items: center;
}
body header .panel-derecho .login {
  margin-top: 5%;
  height: 30%;
}
body header .panel-derecho .login .login-button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  color: white;
}
body header .panel-derecho .login .login2-button {
  background-color: transparent;
  border: white 1px solid;
  padding: 5px;
  border-radius: 10px;
  cursor: pointer;
  color: white;
}
body header .panel-derecho .contenedor-medio {
  height: 40%;
  display: flex;
  flex-direction: column;
  gap: 25px;
}
body header .panel-derecho .contenedor-medio img {
  width: 80%;
  height: auto;
  object-fit: cover;
  border-radius: 10px;
}
body header .panel-derecho .contenedor-medio h4 {
  font-size: 14px;
  font-weight: 400;
  color: white;
  line-height: 1.4;
  margin: 0;
  opacity: 0.9;
}
body header .panel-derecho .contenedor-medio p {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.6);
  margin: 0;
}
body header .panel-derecho .btn-images {
  display: flex;
  width: 100px;
  height: 50px;
  align-self: flex-start;
}
body header .panel-derecho .btn-images button {
  display: flex;
  align-items: center;
  background: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.35);
  color: white;
  padding: 10px 20px;
  border-radius: 1000px;
  cursor: pointer;
  font-size: 15px;
}
body header .panel-derecho .btn-images button img {
  width: 40px;
  border-radius: 10%;
  margin-left: -15px;
}
body header .panel-derecho .btn-images button img:first-child {
  margin-left: 0;
}
body .datos {
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding-top: 5%;
}
body .datos .col-izq {
  display: flex;
  flex-direction: column;
  align-items: center;
}
body .datos .col-izq h2 {
  color: white;
  font-size: 42px;
  text-align: center;
}
body .datos .col-izq h2 span {
  font-family: "Playfair Display", serif;
  font-style: italic;
  opacity: 0.9;
}
body .datos .col-izq .cartas {
  display: grid;
  grid-template-areas: "A B" "C D";
  grid-template-columns: repeat(2, 1fr);
  max-width: 100%;
  margin: 0 auto;
  padding: 40px;
  border-radius: 20px;
}
body .datos .col-izq .cartas img {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 10px;
}
body .datos .col-izq .cartas .card-1 {
  grid-area: A;
  transform: rotate(6deg) translateY(-10px);
  z-index: 1;
}
body .datos .col-izq .cartas .card-2 {
  grid-area: B;
  transform: rotate(-8deg) translateY(20px);
  z-index: 2;
}
body .datos .col-izq .cartas .card-3 {
  grid-area: C;
  transform: rotate(6deg) translateY(-10px);
  z-index: 3;
}
body .datos .col-izq .cartas .card-4 {
  grid-area: D;
  transform: rotate(-8deg) translateY(20px);
  z-index: 4;
}
body .datos .col-derecha {
  display: flex;
  flex-direction: column;
  margin-right: 10%;
}
body .datos .col-derecha .about {
  text-align: right;
  padding: 2%;
}
body .datos .col-derecha .about p {
  color: grey;
  font-size: 15px;
}
body .datos .col-derecha .about p a {
  color: white;
  font-size: 15px;
}
body .datos .col-derecha .cajita-1-derecha {
  display: flex;
  align-items: center;
  gap: 15%;
  padding-top: 5%;
}
body .datos .col-derecha .cajita-1-derecha .cajita-imagen {
  background: radial-gradient(500px circle at 50% 50%, rgba(255, 255, 255, 0.8), transparent 60%), linear-gradient(90deg, rgba(110, 80, 255), rgba(180, 120, 255), rgba(255, 140, 200));
  border-radius: 10px;
  width: 15%;
  height: auto;
}
body .datos .col-derecha .cajita-1-derecha .cajita-imagen img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
body .datos .col-derecha .cajita-1-derecha .btn-power {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 20px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.15);
  border: 1px solid rgba(255, 255, 255, 0.35);
  color: white;
  font-size: 15px;
  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
body .datos .col-derecha .cajita-1-derecha .btn-power img {
  width: 30px;
  height: auto;
  object-fit: contain;
  flex-shrink: 0;
  display: block;
}
body .datos .col-derecha .cajita-1-derecha .btn-power {
  opacity: 0;
  transform: translateX(-60px) scale(0.3);
  transition: transform 0.8s ease, opacity 0.6s ease;
}
body .datos .col-derecha .cajita-1-derecha .btn-power span {
  clip-path: inset(0 0 0 100%);
  transition: clip-path 0.6s ease;
}
body .datos .col-derecha .cajita-1-derecha .btn-power.show {
  opacity: 1;
  transform: translateX(0) scale(1);
}
body .datos .col-derecha .cajita-1-derecha .btn-power.show span {
  clip-path: inset(0 0 0 0);
  transition-delay: 0.5s;
}
body .datos .col-derecha .cajita-1-derecha img {
  width: 10%;
}
body .datos .col-derecha .cajita-2-derecha {
  display: flex;
  padding-top: 5% ;
}
body .datos .col-derecha .cajita-2-derecha p {
  font-size: 15px;
  font-family: 'Inter', sans-serif;
  color: white;
}
body .datos .col-derecha .frase {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 5px;
  padding: 10px;
  padding-top: 3%;
  cursor: pointer;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
body .datos .col-derecha .frase p {
  margin: 0;
  color: #ffffff;
  font-size: 15px;
  font-family: 'Inter', sans-serif;
  line-height: 1.4;
}
body .datos .col-derecha .frase span {
  color: #ffffff;
  font-size: 20px;
  opacity: 0.8;
}
body .datos .col-derecha .cajita-3-derecha {
  padding-top: 5%;
}
body .datos .col-derecha .cajita-3-derecha .btn-anuncio {
  display: flex;
  align-items: center;
  background: rgba(255, 255, 255, 0.15);
  border: 1px solid rgba(255, 255, 255, 0.25);
  cursor: pointer;
  border-radius: 1000px;
  gap: 10px;
}
body .datos .col-derecha .cajita-3-derecha .avatares {
  display: flex;
  align-items: center;
}
body .datos .col-derecha .cajita-3-derecha .avatares img {
  width: 35px;
  object-fit: cover;
  border-radius: 50%;
  margin-left: -15px;
}
body .datos .col-derecha .cajita-3-derecha .avatares img:first-child {
  margin-left: 0;
}
body .datos .col-derecha .cajita-4-derecha {
  display: flex;
  justify-content: right;
}
body .datos .col-derecha .cajita-4-derecha .btn-learn {
  display: flex;
  align-items: center;
  gap: 12px;
  background-color: white;
  border: 1px solid rgba(255, 255, 255, 0.35);
  border-radius: 999px;
  padding: 8px 8px 8px 16px;
  font-family: 'Inter', sans-serif;
  font-size: 15px;
  font-weight: 550;
  cursor: pointer;
}
body .datos .col-derecha .cajita-4-derecha .btn-learn .flecha {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background-color: #e6a3a0;
  /* rosa de la referencia */
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 25px;
}
body main {
  padding: 20px;
}
body main .box-1-main {
  display: flex;
  justify-content: center;
}
body main .box-1-main p {
  font-size: 15px;
  color: grey;
}
body main .box-1-main p a {
  color: white;
  font-size: 15px;
}
body main .box-2-main {
  display: flex;
  justify-content: center;
  padding-top: 20px;
  flex-direction: column;
  text-align: center;
}
body main .box-2-main h2 {
  color: grey;
  font-family: "Playfair Display", serif;
  font-size: 60px;
}
body main .box-2-main h3 {
  color: white;
  font-family: "Playfair Display", serif;
  font-size: 60px;
  font-style: italic;
  font-weight: 500;
}
body main .box-3-main {
  max-width: 90%;
  margin: 0 auto;
  padding: 60px 20px;
  /* ===== GRID PRINCIPAL ===== */
  /* ===== TEXTO ===== */
}
body main .box-3-main .box-3-item {
  position: relative;
  cursor: pointer;
  overflow: hidden;
}
body main .box-3-main .box-3-main-elements {
  display: grid;
  grid-template-columns: 120px 1fr 120px;
  align-items: center;
  gap: 50px;
  margin-top: 20px;
  position: relative;
  color: white;
  z-index: 1;
}
body main .box-3-main .box-3-item::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(500px circle at 50% 50%, rgba(255, 255, 255, 0.8), transparent 60%), linear-gradient(90deg, rgba(110, 80, 255), rgba(180, 120, 255), rgba(255, 140, 200));
  opacity: 0;
  transition: opacity 0.6s ease;
  z-index: 0;
}
body main .box-3-main .box-3-item:hover::before {
  opacity: 1;
}
body main .box-3-main .box-3-text {
  text-align: center;
}
body main .box-3-main .box-3-text h2 {
  margin: 0;
  font-family: "Playfair Display", serif;
  font-size: 25px;
  font-weight: 500;
  color: white;
}
body main .box-3-main .box-3-text p {
  font-family: 'Inter', sans-serif;
  margin: 6px;
  font-size: 15px;
  color: rgba(255, 255, 255, 0.7);
  line-height: 1.4;
}
body main .box-3-main .btn-box-3 {
  justify-self: start;
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.5);
  padding: 6px 16px;
  border-radius: 999px;
  color: white;
  font-size: 13px;
  cursor: pointer;
}
body main .box-3-main .box-3-line {
  margin-top: 24px;
  height: 1px;
  background: rgba(255, 255, 255, 0.25);
  transform-origin: center;
  transform: scaleX(1);
  transition: transform 0.8s ease;
}
body main .box-3-main .reveal-box {
  opacity: 0;
  transform: translateY(80px) scale(1.05);
  filter: blur(5);
  transition: opacity 0.8s ease, transform 1s ease, filter 2s ease;
}
body main .box-3-main .reveal-box.show-box {
  opacity: 1;
  transform: translateY(0) scale(1);
  filter: blur(0);
}
body .Estadisticas {
  display: grid;
  background-color: black;
  grid-template-columns: 1fr 1fr;
  justify-items: center;
  height: auto;
}
body .Estadisticas .col-der-estadisticas {
  position: relative;
}
body .Estadisticas .col-der-estadisticas .Our-stats p {
  font-family: 'Inter', sans-serif;
  font-size: 15px;
  color: grey;
}
body .Estadisticas .col-der-estadisticas .Our-stats a {
  font-size: 15px;
  color: white;
}
body .Estadisticas .col-der-estadisticas .dades-business {
  display: grid;
  grid-template-areas: "A B" "C D";
  gap: 50px;
  padding-top: 15px;
}
body .Estadisticas .col-der-estadisticas .dades-business h2 {
  color: white;
  font-family: "Playfair Display", serif;
  font-size: 60px;
  display: inline-block;
  transform: skewX(-6deg);
}
body .Estadisticas .col-der-estadisticas .dades-business a {
  background: linear-gradient(90deg, #5a6bff, #d9a1c8);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 0.6em;
  vertical-align: top;
  margin-left: 2px;
  opacity: 0.8;
}
body .Estadisticas .col-der-estadisticas .dades-business p {
  color: grey;
  font-size: 15px;
  font-family: 'Inter', sans-serif;
}
body .Estadisticas .col-der-estadisticas .dades-business .dato1 {
  grid-area: "A";
}
body .Estadisticas .col-der-estadisticas .dades-business .dato2 {
  grid-area: "B";
}
body .Estadisticas .col-der-estadisticas .dades-business .dato3 {
  grid-area: "C";
}
body .Estadisticas .col-der-estadisticas .dades-business .dato4 {
  grid-area: "D";
}
body .Estadisticas .col-der-estadisticas .Learn {
  margin-top: 20px;
  cursor: pointer;
}
body .Estadisticas .col-der-estadisticas .Learn p {
  color: white;
  display: inline-block;
  border-bottom: 0.5px solid white;
}
body .Estadisticas .col-der-estadisticas .titulo-estadisticas {
  padding-top: 5%;
  width: 150%;
  position: absolute;
  z-index: 2;
  /* Pintado automático del h2 */
  /* Delays */
}
body .Estadisticas .col-der-estadisticas .titulo-estadisticas h2,
body .Estadisticas .col-der-estadisticas .titulo-estadisticas p {
  font-family: "Playfair Display", serif;
  font-size: 30px;
  font-style: italic;
  font-weight: 500;
  line-height: 1.35;
  margin: 0;
}
body .Estadisticas .col-der-estadisticas .titulo-estadisticas p {
  color: white;
}
body .Estadisticas .col-der-estadisticas .titulo-estadisticas h2 {
  color: grey;
}
body .Estadisticas .col-der-estadisticas .titulo-estadisticas .line {
  display: block;
  opacity: 0;
  transform: translateY(20px);
}
body .Estadisticas .col-der-estadisticas .titulo-estadisticas h2 .line {
  background: linear-gradient(90deg, #8e8e8e 0%, #c4c4c4 45%, #ffffff 100%);
  background-size: 200% 100%;
  background-position: 100% 0;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  will-change: background-position;
}
body .Estadisticas .col-der-estadisticas .titulo-estadisticas.show .line {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.6s ease, transform 0.6s ease;
}
body .Estadisticas .col-der-estadisticas .titulo-estadisticas.show h2 .line {
  transition: background-position 1.8s cubic-bezier(0.22, 0.61, 0.36, 1);
  transition-delay: 0.4s;
  background-position: 0% 0;
}
body .Estadisticas .col-der-estadisticas .titulo-estadisticas.show .line-1 {
  transition-delay: 0s;
}
body .Estadisticas .col-der-estadisticas .titulo-estadisticas.show .line-2 {
  transition-delay: 0.3s;
}
body .Estadisticas .col-der-estadisticas .titulo-estadisticas.show .line-3 {
  transition-delay: 0.6s;
}
body .Estadisticas .col-der-estadisticas .fundador {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
body .Estadisticas .col-der-estadisticas .fundador .frase-fundador a {
  color: grey;
  font-size: 15px;
  font-family: 'Inter', sans-serif;
}
body .Estadisticas .col-der-estadisticas .fundador .boton-flecha {
  width: 55px;
  height: 55px;
  border-radius: 50%;
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.7);
  font-size: 22px;
  font-weight: 400;
  color: white;
  cursor: pointer;
  transition: background-color 0.3s ease, transform 0.2s ease;
}
body .Estadisticas .col-izq-estadisticas .caja1-izq-estadisticas {
  display: flex;
  align-items: center;
  gap: 25px;
}
body .Estadisticas .col-izq-estadisticas .caja1-izq-estadisticas .card-info {
  display: flex;
  align-items: center;
  gap: 25px;
  padding: 14px 18px;
  border-radius: 14px;
}
body .Estadisticas .col-izq-estadisticas .caja1-izq-estadisticas .card-info .caja-niño {
  width: 100px;
  height: 100px;
  border-radius: 12px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #6a7cff, #e3a1c7);
}
body .Estadisticas .col-izq-estadisticas .caja1-izq-estadisticas .card-info .caja-niño img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
body .Estadisticas .col-izq-estadisticas .caja1-izq-estadisticas .card-info .caja-stats {
  margin: 10px;
}
body .Estadisticas .col-izq-estadisticas .caja1-izq-estadisticas .card-info .caja-stats p {
  margin-bottom: 15px;
  color: rgba(255, 255, 255, 0.85);
  font-size: 13px;
  line-height: 1.4;
  font-family: 'Inter', sans-serif;
}
body .Estadisticas .col-izq-estadisticas .caja1-izq-estadisticas .card-info .caja-stats .enlace {
  color: white;
  font-size: 15px;
  font-family: 'Times New Roman', Times, serif;
  border-bottom: 1px solid white;
}
body .Estadisticas .col-izq-estadisticas .caja1-izq-estadisticas .img-spin {
  width: 50px;
  opacity: 0.8;
}
body .Estadisticas .col-izq-estadisticas .caja-img-izq {
  border-radius: 10px;
  overflow: hidden;
  width: 70%;
}
body .Estadisticas .col-izq-estadisticas .caja-img-izq .img-reveal {
  width: 100%;
  height: auto;
  display: block;
  -webkit-clip-path: inset(95% 0 0 0);
  clip-path: inset(95% 0 0 0);
  transition: clip-path 1.6s cubic-bezier(0.22, 0.61, 0.36, 1);
}
body .Estadisticas .col-izq-estadisticas .caja-img-izq .img-reveal.show {
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
}
body .Informacion {
  background: linear-gradient(to bottom, black 0%, #fff 12%, white 100%);
  display: grid;
  grid-template-columns: 0.25fr 1fr;
  padding-top: 25px;
}
body .Informacion .caja-izq-info {
  display: flex;
  flex-direction: column;
  padding: 20px 0;
  align-items: center;
}
body .Informacion .caja-izq-info p,
body .Informacion .caja-izq-info a {
  font-size: 15px;
  font-family: 'Inter', sans-serif;
}
body .Informacion .caja-izq-info a {
  color: grey;
}
body .Informacion .caja-izq-info img {
  margin: auto 0;
  width: 100%;
}
body .Informacion .caja-medio-info .titulo-info {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  width: 93%;
}
body .Informacion .caja-medio-info .titulo-info h2 {
  margin: 0;
  line-height: 1.1;
}
body .Informacion .caja-medio-info .titulo-info .linea-gris {
  display: inline-block;
  font-family: 'Inter', sans-serif;
  font-size: 30px;
  font-weight: 400;
  color: black;
}
body .Informacion .caja-medio-info .titulo-info .linea-principal {
  display: inline-block;
  font-family: "Playfair Display", serif;
  font-size: 30px;
  font-style: italic;
  font-weight: 500;
  color: black;
}
body .Informacion .caja-medio-info .titulo-info img {
  width: 55px;
}
body .Informacion .caja-medio-info .lista-faqs .item-faq {
  display: grid;
  grid-template-columns: 1fr 0.25fr;
  cursor: pointer;
  padding-top: 25px;
  padding: 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  width: 90%;
}
body .Informacion .caja-medio-info .lista-faqs .item-faq .pregunta-faq {
  display: flex;
  background-color: transparent;
  border-color: transparent;
  cursor: pointer;
}
body .Informacion .caja-medio-info .lista-faqs .item-faq .pregunta-faq p {
  font-family: 'Inter', sans-serif;
  font-size: 21px;
}
body .Informacion .caja-medio-info .lista-faqs .item-faq .respuesta-faq {
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  transform: -10px;
  font-size: 15px;
  font-family: 'Inter', sans-serif;
  color: grey;
  padding-top: 10px;
  padding-bottom: 10px ;
  transition: max-height 0.4s ease, opacity 0.3s ease, transform 0.3s ease;
}
body .Informacion .caja-medio-info .lista-faqs .item-faq:hover .respuesta-faq {
  max-height: 200px;
  opacity: 1;
  transform: translateY(0);
}
body .Informacion .caja-medio-info .lista-faqs .icono-faq {
  display: flex;
  cursor: pointer;
  justify-content: right;
  font-family: "Playfair Display", serif;
  font-size: 33px;
}
body .Novedades {
  background: linear-gradient(to bottom, #fff 0%, #fff 92%, #000 100%);
  padding-top: 50px;
  padding-bottom: 20px;
}
body .Novedades .Novedades-box1 {
  display: grid;
  grid-template-columns: 0.25fr 0.5fr 1fr;
}
body .Novedades .Novedades-box1 .Novedades-box1-c1 {
  display: flex;
  justify-content: center;
}
body .Novedades .Novedades-box1 .Novedades-box1-c1 a {
  color: grey;
}
body .Novedades .Novedades-box1 .Novedades-box1-c2 {
  display: flex;
  justify-content: center;
  gap: 20px;
}
body .Novedades .Novedades-box1 .Novedades-box1-c2 .flecha {
  font-size: 37.5px;
  color: salmon;
}
body .Novedades .Novedades-box1 .Novedades-box1-c3 {
  display: flex;
  justify-content: center;
}
body .Novedades .Novedades-box1 .Novedades-box1-c3 .caja-niño {
  width: 100px;
  height: 100px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #6a7cff, #e3a1c7);
}
body .Novedades .Novedades-box1 .Novedades-box1-c3 .caja-niño img {
  width: 100%;
  height: 100%;
  padding-bottom: 50%;
}
body .Novedades .Novedades-box2 {
  padding-top: 20px ;
  display: grid;
  grid-template-columns: 0.25fr 1fr;
  padding-left: 50px;
}
body .Novedades .Novedades-box2 .Novedades-box2-c1 {
  display: flex;
  justify-content: flex-end;
}
body .Novedades .Novedades-box2 .Novedades-box2-c1 img {
  opacity: 0;
  transform: translateX(80px);
  transition: opacity 0.8s ease, transform 1s cubic-bezier(0.22, 0.61, 0.36, 1);
  border-radius: 10%;
  width: 100%;
}
body .Novedades .Novedades-box2 .Novedades-box2-c1 img.show-img-right {
  opacity: 1;
  transform: translateX(0);
}
body .Novedades .Novedades-box2 .Novedades-box2-c2 {
  display: flex;
  align-items: center;
  margin: 25px;
}
body .Novedades .Novedades-box2 .Novedades-box2-c2 span {
  margin: 0;
  font-family: 'Inter', sans-serif;
  font-size: 37.5px;
  line-height: 1.4;
  max-width: 750px;
}
body .Novedades .Novedades-box2 .Novedades-box2-c2 .texto-destacado {
  display: inline;
  font-family: "Playfair Display", serif;
  font-style: italic;
  font-weight: 500;
}
body .Novedades .Novedades-box3 {
  display: grid;
  grid-template-columns: 0.25fr 0.25fr 0.25fr 0.25fr;
  padding-top: 20px;
}
body .Novedades .Novedades-box3 .Novedades-box3-c1 {
  display: flex;
}
body .Novedades .Novedades-box3 .Novedades-box3-c1 img {
  width: 55px;
}
body .Novedades .Novedades-box3 .Novedades-box3-c2 {
  display: flex;
  align-items: center;
  gap: 15px;
  padding-left: 30px;
}
body .Novedades .Novedades-box3 .Novedades-box3-c2 button {
  justify-self: start;
  background-color: transparent;
  border: 1px solid rgba(0, 0, 0, 0.2);
  padding: 6px 16px;
  border-radius: 999px;
  color: black;
  font-size: 13px;
  cursor: pointer;
}
body .Novedades .Novedades-box3 .Novedades-box3-c3 {
  display: flex;
  align-items: center;
  justify-content: center;
}
body .Novedades .Novedades-box3 .Novedades-box3-c3 .btn-learn {
  background: linear-gradient(135deg, #6a7cff, #e3a1c7);
}
body .Novedades .Novedades-box3 .Novedades-box3-c3 .btn-learn .flecha {
  background-color: white;
  color: salmon;
  font-size: 30px;
}
body .Novedades .Novedades-box3 .Novedades-box3-c4 {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
}
body .Novedades .Novedades-box3 .Novedades-box3-c4 .img-reveal {
  width: 100%;
  height: 90%;
  border-radius: 10px;
  display: block;
  clip-path: inset(95% 0 0 0);
  transition: clip-path 1.6s cubic-bezier(0.22, 0.61, 0.36, 1);
}
body .Novedades .Novedades-box3 .Novedades-box3-c4 .img-reveal.show {
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
}
body .Novedades .Novedades-box3 .Novedades-box3-c4 .concentracion {
  width: 80%;
  padding-top: 10px;
  align-items: center;
  justify-content: center;
  justify-items: center;
}
body .Novedades .Novedades-box3 .Novedades-box3-c4 .concentracion p {
  font-size: 15px;
  color: grey;
  font-family: 'Inter', sans-serif;
}
body .Novedades .Novedades-box3 .Novedades-box3-c5 {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 20px;
}
body .Novedades .Novedades-box3 .Novedades-box3-c5 img {
  width: 55px;
}
body .Novedades .Novedades-box3 .Novedades-box3-c5 .btn-images {
  display: flex;
  width: 100px;
  justify-content: center;
}
body .Novedades .Novedades-box3 .Novedades-box3-c5 .btn-images button {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: rgba(0, 0, 0, 0.15);
  border: 1px solid rgba(109, 109, 109, 0.718);
  color: #000000;
  border-radius: 1000px;
  cursor: pointer;
  font-size: 15px;
}
body .Novedades .Novedades-box3 .Novedades-box3-c5 .btn-images button img {
  width: 40px;
}
body .parrafo-ultimo {
  background-color: black;
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding-top: 30px;
  gap: 25px;
}
body .parrafo-ultimo .caja-izq-parrafo {
  width: 100%;
}
body .parrafo-ultimo .caja-izq-parrafo .box1-parrafo {
  display: flex;
  justify-content: center;
  padding-left: 20px;
  gap: 130px;
}
body .parrafo-ultimo .caja-izq-parrafo .box1-parrafo .Company {
  display: flex;
  flex-direction: column;
}
body .parrafo-ultimo .caja-izq-parrafo .box1-parrafo p {
  font-family: "Playfair Display", serif;
  font-style: italic;
  font-size: 30px;
  color: white;
  margin: 0 0 20px 0;
}
body .parrafo-ultimo .caja-izq-parrafo .box1-parrafo ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
body .parrafo-ultimo .caja-izq-parrafo .box1-parrafo ul li {
  font-family: "Playfair Display", serif;
  font-size: 15px;
  margin-bottom: 10px;
  color: rgba(255, 255, 255, 0.75);
  cursor: pointer;
  transition: color 0.2s ease;
}
body .parrafo-ultimo .caja-izq-parrafo .box1-parrafo ul li:hover {
  color: white;
}
body .parrafo-ultimo .caja-izq-parrafo .box2-parrafo {
  display: flex;
  padding-top: 20px;
  padding-left: 60px;
}
body .parrafo-ultimo .caja-izq-parrafo .box2-parrafo img {
  width: 55px;
}
body .parrafo-ultimo .caja-izq-parrafo .box3-parrafo {
  display: flex;
  justify-content: flex-end;
}
body .parrafo-ultimo .caja-izq-parrafo .box3-parrafo h2 {
  line-height: 1;
  margin: 0;
}
body .parrafo-ultimo .caja-izq-parrafo .box3-parrafo .titulo-normal {
  display: block;
  font-family: "Playfair Display", serif;
  font-size: 30px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.85);
}
body .parrafo-ultimo .caja-izq-parrafo .box3-parrafo .titulo-italica {
  display: block;
  font-family: "Playfair Display", serif;
  font-size: 45px;
  font-style: italic;
  font-weight: 500;
  color: white;
}
body .parrafo-ultimo .caja-izq-parrafo .box4-parrafo {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 40px;
  gap: 50px;
}
body .parrafo-ultimo .caja-izq-parrafo .box4-parrafo .parrafada {
  max-width: 15%;
}
body .parrafo-ultimo .caja-izq-parrafo .box4-parrafo .parrafada p {
  margin: 0;
  color: grey;
  font-size: 15px;
  font-family: 'Inter', sans-serif;
}
body .parrafo-ultimo .caja-izq-parrafo .box4-parrafo .newsletter-box {
  display: flex;
  align-items: center;
  background: rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(12px);
  border-radius: 1000px;
  padding: 10px 14px;
  min-width: 400px;
}
body .parrafo-ultimo .caja-izq-parrafo .box4-parrafo .newsletter-box input {
  background: transparent;
  border: none;
  outline: none;
  font-family: 'Inter', sans-serif;
  font-size: 15px;
  color: white;
  width: 100%;
}
body .parrafo-ultimo .caja-izq-parrafo .box4-parrafo button {
  background: white;
  color: black;
  border: none;
  border-radius: 999px;
  padding: 10px 22px;
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}
body .parrafo-ultimo .caja-izq-parrafo .box5-parrafo {
  display: flex;
  justify-content: center;
  padding-top: 50px;
  gap: 20px;
}
body .parrafo-ultimo .caja-izq-parrafo .box5-parrafo img {
  width: 55px;
  height: 55px;
}
body .parrafo-ultimo .caja-izq-parrafo .box5-parrafo p {
  color: white;
  font-family: "Playfair Display", serif;
  font-style: italic;
  font-size: 30px;
  color: rgba(255, 255, 255, 0.75);
  line-height: 1.4;
  margin: 0;
}
body .parrafo-ultimo .caja-der-parrafo {
  position: relative;
  width: 80%;
  height: auto;
  margin-top: -1.5%;
  z-index: 1;
  object-fit: cover;
  border-radius: 20px;
  overflow: hidden;
  padding-left: 10%;
}
body .parrafo-ultimo .caja-der-parrafo img {
  width: 100%;
  border-radius: 10px;
  height: auto;
  filter: contrast(1.05) saturate(1.1);
}
body .parrafo-ultimo .caja-der-parrafo .card-content {
  position: absolute;
  width: 100%;
  text-align: center;
  color: white;
  bottom: 20px;
}
body .parrafo-ultimo .caja-der-parrafo .card-content .actions {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-bottom: 15px;
}
body .parrafo-ultimo .caja-der-parrafo .card-content .actions .ask {
  display: flex;
  align-items: center;
  background: rgba(255, 255, 255, 0.15);
  border: 1px solid rgba(255, 255, 255, 0.35);
  color: white;
  padding: 8px 18px;
  border-radius: 999px;
  cursor: pointer;
  font-size: 14px;
}
body .parrafo-ultimo .caja-der-parrafo .card-content .actions .primary img {
  width: 22px;
  height: 22px;
  margin: 2px;
  border-radius: 50%;
  object-fit: cover;
}
body .parrafo-ultimo .caja-der-parrafo .card-content .actions .ask.icon {
  width: 42px;
  height: 42px;
  padding: 0;
  justify-content: center;
}
body .parrafo-ultimo .caja-der-parrafo .card-content .actions .ask.icon img {
  width: 16px;
  height: 16px;
}
body .parrafo-ultimo .caja-der-parrafo .card-content p {
  font-size: 25px;
  text-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
}
body footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: black;
}
body footer h1 {
  font-family: "Playfair Display", serif;
  font-size: 90px;
  font-style: italic;
  font-weight: 500;
  color: white;
  line-height: 1.05;
  margin: 0;
  text-align: center;
  position: relative;
}
[data-anim] {
  opacity: 0;
  transition: opacity 1.2s ease, transform 1.2s ease;
}
.from-left {
  transform: translateX(-60px);
}
.from-right {
  transform: translateX(60px);
}
.from-top {
  transform: translateY(-30px);
}
.from-bottom {
  transform: translateY(60px);
}
.show-box1,
.show-menu,
.show-login,
.show-foto,
.show-btn,
.show-cai,
.show-card-content {
  opacity: 1;
  transform: translate(0, 0);
}
.portada {
  transform: scale(1.5);
  transition: transform 2s ease;
}
.portada.zoom-final {
  transform: scale(1);
}
.panel-centro h1 {
  display: inline-block;
  clip-path: inset(0 100% 0 0);
  transition: clip-path 1.2s ease;
}
.panel-centro h1.show-title {
  clip-path: inset(0 0 0 0);
  opacity: 1;
}
.p-normal {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}
.p-normal.show-p {
  opacity: 1;
  transform: translateY(0);
}
.img-spin {
  opacity: 0;
  transform: scale(0.3) rotate(-180deg);
  transition: transform 1.2s ease, opacity 0.8s ease;
}
.img-spin.show-img {
  opacity: 1;
  transform: scale(1) rotate(0deg);
}
.reveal {
  opacity: 0;
  transform: translateY(40px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}
.reveal.show {
  opacity: 1;
  transform: translateY(0);
}
.reveal-lines span {
  display: block;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}
.reveal-lines span.show-line {
  opacity: 1;
  transform: translateY(0);
}
.frase {
  position: relative;
  opacity: 1;
  /* IMPORTANTE: no usamos opacity */
}
.frase p {
  position: relative;
  display: inline-block;
  /* estado inicial */
  clip-path: inset(0 100% 0 0);
  transition: clip-path 0.8s ease-out;
}
.frase span {
  opacity: 0;
  transform: translateX(-10px);
  transition: opacity 0.4s ease, transform 0.4s ease;
}
/* ESTADO FINAL */
.frase.show p {
  clip-path: inset(0 0 0 0);
}
.frase.show span {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 0.5s;
}
.btn-learn {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 6px;
  border-radius: 999px;
  background-color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.35);
  transform: scale(0.3);
  opacity: 0;
  transition: transform 0.8s ease, opacity 0.6s ease;
}
.btn-learn .flecha {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background-color: #e6a3a0;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  opacity: 0;
  transform: scale(0.5);
  transition: opacity 0.2s ease, transform 0.4s ease;
}
.btn-learn .texto {
  font-family: 'Inter', sans-serif;
  font-size: 15px;
  font-weight: 550;
  white-space: nowrap;
  clip-path: inset(0 100% 0 0);
  transition: clip-path 2s ease;
}
.btn-learn.show {
  transform: scale(1);
  opacity: 1;
}
.btn-learn.show .flecha {
  opacity: 1;
  transform: scale(1);
  transition-delay: 0.5s;
}
.btn-learn.show .texto {
  clip-path: inset(0 0 0 0);
  transition-delay: 1s;
}
.reveal-box {
  opacity: 0;
  transform: translateX(-80px) scale(1.05);
  filter: blur(5);
  transition: opacity 0.6s ease, transform 0.9s cubic-bezier(0.22, 0.61, 0.36, 1), filter 1.2s ease;
}
.reveal-box.show-box {
  opacity: 1;
  transform: translateX(0) scale(1);
  filter: blur(0);
}
@media (max-width: 768px) {
  body header {
    display: grid;
    grid-template-columns: 1fr;
  }
  body header .panel-derecho,
  body header .panel-izquierda {
    display: none;
  }
  body header .panel-centro {
    grid-column: 1;
    width: 100%;
    padding: 20px;
  }
  body header .panel-centro .card-content {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    justify-content: center;
    padding: 15px;
    transform: translateY(80px);
  }
  body header .panel-centro .card-content .actions {
    gap: 5px;
    margin-bottom: 10px;
  }
  body header .panel-centro .card-content .actions .ask {
    font-size: 10px;
    padding: 5px 10px;
  }
  body header .panel-centro .card-content .actions .ask .icon {
    width: 35px;
    height: 35px;
  }
  body header .panel-centro .card-content p {
    font-size: 10px;
    line-height: 1.4;
    margin: 0 auto;
  }
  body .datos {
    grid-template-columns: 1fr;
    gap: 40px;
  }
  body .datos .col-izq h2 {
    font-size: 25px;
    line-height: 1.2;
    margin-bottom: 20px;
  }
  body .datos .cartas {
    padding: 30px;
    gap: 15px;
  }
  body .datos .col-derecha {
    margin-right: 0;
    align-items: center;
    text-align: center;
    gap: 30px;
  }
  body .datos .about {
    text-align: center;
  }
  body .datos .cajita-1-derecha {
    align-items: center;
    flex-direction: column;
    gap: 20px;
    padding-top: 20px;
  }
  body .datos .cajita-1-derecha .cajita-imagen {
    width: 60px;
  }
  body .datos .cajita-1-derecha .img-spin {
    display: none;
  }
  body .datos .cajita-2-derecha p {
    font-size: 14px;
    line-height: 1.5;
    max-width: 320px;
  }
  body .datos .cajita-4-derecha {
    justify-content: center;
  }
  body main {
    padding: 12px 0;
  }
  body main .box-3-main {
    padding: 35px 0;
  }
  body main .box-3-main-elements {
    grid-template-columns: 1fr;
    gap: 8px;
    max-width: 320px;
    margin: 0 auto;
  }
  body main .btn-box-3 {
    justify-self: center;
    font-size: 12px;
    padding: 5px 12px;
  }
  body main .box-3-text h2 {
    font-size: 17px;
    line-height: 1.2;
    margin: 0;
  }
  body main .box-3-text p {
    font-size: 13px;
    line-height: 1.45;
    margin-top: 4px;
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
  }
  body main .box-3-item {
    padding: 14px 0;
  }
  body main .box-3-line {
    margin-top: 10px;
  }
  body .Estadisticas {
    grid-template-columns: 1fr;
    padding: 40px 20px;
    gap: 40px;
  }
  body .Estadisticas .col-der-estadisticas {
    position: static;
    width: 100%;
  }
  body .Estadisticas .col-der-estadisticas .dades-business {
    grid-template-areas: "A" "B" "C" "D";
    gap: 24px;
    text-align: center;
  }
  body .Estadisticas .col-der-estadisticas .dades-business h2 {
    font-size: 35px;
  }
  body .Estadisticas .col-der-estadisticas .titulo-estadisticas {
    position: static;
    width: 100%;
    padding-top: 30px;
    text-align: center;
  }
  body .Estadisticas .col-der-estadisticas .titulo-estadisticas h2,
  body .Estadisticas .col-der-estadisticas .titulo-estadisticas p {
    font-size: 15px;
    line-height: 1.4;
  }
  body .Estadisticas .col-der-estadisticas .titulo-estadisticas .fundador {
    grid-template-columns: 1fr;
    gap: 15px;
    justify-items: center;
    text-align: center;
    margin-top: 20px;
  }
  body .Estadisticas .col-der-estadisticas .titulo-estadisticas .boton-flecha {
    width: 45px;
    height: 45px;
    font-size: 15px;
  }
  body .Estadisticas .col-izq-estadisticas {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    text-align: center;
  }
  body .Estadisticas .col-izq-estadisticas .caja1-izq-estadisticas {
    flex-direction: column;
    gap: 20px;
    text-align: center;
  }
  body .Estadisticas .col-izq-estadisticas .caja1-izq-estadisticas .card-info {
    flex-direction: column;
    gap: 15px;
  }
  body .Estadisticas .col-izq-estadisticas .caja1-izq-estadisticas .caja-img-izq {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    justify-items: center;
  }
  body .Informacion {
    grid-template-columns: 1fr;
    padding: 30px 20px;
    text-align: center;
  }
  body .Informacion .caja-izq-info {
    align-items: center;
  }
  body .Informacion .caja-izq-info img {
    display: none;
  }
  body .Informacion .caja-medio-info .titulo-info {
    grid-template-columns: 1fr;
    gap: 15px;
    justify-items: center;
    width: 100%;
  }
  body .Informacion .caja-medio-info .titulo-info img {
    display: none;
  }
  body .Informacion .caja-medio-info .titulo-info h2 {
    text-align: center;
  }
  body .Informacion .caja-medio-info .titulo-info .linea-gris,
  body .Informacion .caja-medio-info .titulo-info .linea-principal {
    font-size: 24px;
  }
  body .Informacion .caja-medio-info .lista-faqs {
    margin-top: 20px;
  }
  body .Informacion .caja-medio-info .lista-faqs .item-faq {
    grid-template-columns: 1fr;
    text-align: left;
    padding: 15px 0;
    width: 100%;
  }
  body .Informacion .caja-medio-info .lista-faqs .item-faq .pregunta-faq p {
    font-size: 18px;
  }
  body .Informacion .caja-medio-info .lista-faqs .item-faq .icono-faq {
    justify-content: center;
    font-size: 24px;
    padding-top: 10px;
  }
  body .Novedades {
    padding: 30px 20px;
    text-align: center;
  }
  body .Novedades .Novedades-box1 {
    grid-template-columns: 1fr;
    gap: 15px;
  }
  body .Novedades .Novedades-box1 .Novedades-box1-c2,
  body .Novedades .Novedades-box1 .Novedades-box1-c3 {
    display: none;
  }
  body .Novedades .Novedades-box2 {
    grid-template-columns: 1fr;
    padding-left: 0;
  }
  body .Novedades .Novedades-box2 .Novedades-box2-c1 {
    justify-content: center;
  }
  body .Novedades .Novedades-box2 .Novedades-box2-c1 img {
    width: 100%;
    max-width: 320px;
  }
  body .Novedades .Novedades-box2 .Novedades-box2-c2 {
    margin: 20px 0;
  }
  body .Novedades .Novedades-box2 .Novedades-box2-c2 span {
    font-size: 22.5px;
  }
  body .Novedades .Novedades-box3 {
    grid-template-columns: 1fr;
    gap: 25px;
    /* pelotas fuera */
    /* botpn logos fuera */
  }
  body .Novedades .Novedades-box3 .img-spin {
    display: none;
  }
  body .Novedades .Novedades-box3 .Novedades-box3-c2 {
    flex-direction: column;
    padding-left: 0;
    gap: 10px;
    justify-content: center;
  }
  body .Novedades .Novedades-box3 .Novedades-box3-c3 {
    justify-content: center;
  }
  body .Novedades .Novedades-box3 .Novedades-box3-c4 .img-reveal {
    max-width: 320px;
  }
  body .Novedades .Novedades-box3 .Novedades-box3-c4 .concentracion {
    width: 100%;
  }
  body .Novedades .Novedades-box3 .Novedades-box3-c4 .concentracion p {
    font-size: 15px;
  }
  body .Novedades .Novedades-box3 .Novedades-box3-c5 {
    display: none;
  }
  body .parrafo-ultimo {
    grid-template-columns: 1fr;
    padding: 40px 20px;
    gap: 40px;
    text-align: center;
  }
  body .parrafo-ultimo .caja-izq-parrafo .img-spin {
    display: none;
  }
  body .parrafo-ultimo .caja-izq-parrafo .box1-parrafo {
    flex-direction: column;
    gap: 40px;
    padding-left: 0;
  }
  body .parrafo-ultimo .caja-izq-parrafo .box3-parrafo {
    justify-content: center;
  }
  body .parrafo-ultimo .caja-izq-parrafo .box3-parrafo .titulo-normal {
    font-size: 24px;
  }
  body .parrafo-ultimo .caja-izq-parrafo .box3-parrafo .titulo-italica {
    font-size: 33px;
  }
  body .parrafo-ultimo .caja-izq-parrafo .box4-parrafo {
    flex-direction: column;
    gap: 20px;
    /* end-to-end fuera */
  }
  body .parrafo-ultimo .caja-izq-parrafo .box4-parrafo .parrafada {
    display: none;
  }
  body .parrafo-ultimo .caja-izq-parrafo .box4-parrafo .newsletter-box {
    min-width: auto;
    width: 100%;
  }
  body .parrafo-ultimo .caja-izq-parrafo .box5-parrafo {
    padding-top: 30px;
  }
  body .parrafo-ultimo .caja-izq-parrafo .box5-parrafo p {
    font-size: 21px;
  }
  body .parrafo-ultimo .caja-der-parrafo {
    width: 100%;
    padding-left: 0;
    margin-top: 0;
  }
  body .parrafo-ultimo .caja-der-parrafo img {
    width: 100%;
  }
  body .parrafo-ultimo .caja-der-parrafo .card-content p {
    font-size: 16px;
  }
  body footer {
    padding: 30px 20px;
  }
  body footer h1 {
    font-size: 60px;
    line-height: 1.2;
    text-align: center;
  }
}