@import "../assets/node_modules/tailwindcss/index.css";

@import "../assets/node_modules/flowbite/src/themes/default.css";
@plugin "../assets/node_modules/flowbite/plugin.js";

@source "../assets/node_modules/flowbite";

body {
  font-family: Roboto, Arial;
}

.d-unset {
  display: unset !important;
}

.dti {
  margin: 0 auto;
  width: 5rem !important;
}

@media screen and (max-height: 670px) {
  .text-4xl,
  .text-2xl {
    font-size: 1.5rem;
  }

  .text-6xl {
    font-size: 3rem !important;
  }

  .dti {
    width: 3rem !important;
  }
  #virgen {
    width: 70dvw;
  }
  #vanguardia {
    width: 50%;
  }
  .max-w-55 {
    max-width: calc(var(--spacing) * 50);
  }
  #dti-logo {
    max-width: 13rem;
  }
}

@media screen and (min-width: 700px) {
  #virgen {
    width: 20dvw;
  }
  #vanguardia {
    width: 100%;
  }
  #parrafo {
    padding-inline: 10.5rem;
  }
  #dti-logo {
    padding-top: 10rem;
  }

  #virgen-carousel ul {
    margin-left: 11.5rem;
    margin-right: 11.5rem;
  }
  #parrafo-2 {
    padding-inline: 10.5rem;
  }
  #virgen-carousel {
    background-size: 50% 100%;
  }
  #carousel-item-4 {
    background-size: 50% 100%;
  }
  #video {
    object-fit: contain;
  }
}