@charset "UTF-8";
/* FUENTES ********************************************************* */
@font-face {
  font-family: sora_regular;
  src: url(../fonts/sora/sora-regular.ttf);
}
@font-face {
  font-family: sora_bold;
  src: url(../fonts/sora/sora-bold.ttf);
}
@font-face {
  font-family: sora_extrabold;
  src: url(../fonts/sora/sora-extrabold.ttf);
}
@font-face {
  font-family: sora_semibold;
  src: url(../fonts/sora/sora-semibold.ttf);
}
@font-face {
  font-family: sora_extralight;
  src: url(../fonts/sora/sora-extralight.ttf);
}
/* VARIABLES ********************************************************* */
/* GENERALES ********************************************************* */
* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}

body {
  background-color: #ffffff;
  color: #333333;
}
body h2 {
  font-family: "sora_bold";
  font-size: 32px;
  line-height: 48px;
  text-transform: uppercase;
}
body h3 {
  font-family: "sora_bold";
  font-size: 32px;
  line-height: 40px;
}
body p,
body li {
  font-family: "sora_regular";
  font-size: 16px;
  line-height: 24px;
}
body .text_bold {
  font-family: "sora_bold";
  font-size: 18px;
  line-height: 24px;
}
body .text_xl {
  font-size: 22px;
}
body .text_s {
  font-size: 12px;
}
body a {
  text-decoration: none;
}
body input,
body textarea {
  width: 100%;
  height: 40px;
  margin-bottom: 16px;
  font-size: 16px;
  line-height: 24px;
  font-family: "sora_extralight";
  background-color: #333333;
  color: #EC661B;
  border: none;
  border-bottom: 1px solid #ffffff;
  display: block;
}
body textarea {
  height: 176px;
}
body .btn {
  color: #ffffff;
  font-family: "sora_semibold";
  font-size: 20px;
  line-height: 24px;
  text-transform: uppercase;
  margin: 24px 0px 36px 0px;
  border: 1px solid #ffffff;
  cursor: pointer;
  transition: all ease 0.25s;
}
body .btn:hover {
  color: #EC661B;
  border: 1px solid #EC661B;
}

/* MENÚ DE NAVEGACIÓN ********************************************************* */
header {
  width: 100%;
  padding: 8px 16px;
  background-color: rgba(255, 255, 255, 0.98);
  box-shadow: 0px 2px 8px #ffffff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  z-index: 10;
}
header .logo_arkd a {
  height: 40px;
  display: block;
}
header .logo_arkd a img {
  height: 40px;
}
header .menu_container {
  padding-top: 4px;
}
header .menu_container #menu_on {
  display: inline-block;
  width: 40px;
  height: 32px;
  position: relative;
  cursor: pointer;
  z-index: 2;
}
header .menu_container #menu_on span {
  width: 100%;
  height: 5px;
  border-radius: 8px;
  display: block;
  position: absolute;
  background: #333333;
  transition: all 0.25s ease;
  transform-origin: 0px 100%;
}
header .menu_container #menu_on span:nth-child(2) {
  top: calc(50% - 2px);
}
header .menu_container #menu_on span:nth-child(3) {
  bottom: 0px;
}
header .menu_container .menu_content {
  width: 100%;
  height: 100vh;
  padding: 16px;
  background-color: rgba(255, 255, 255, 0.98);
  display: block;
  position: absolute;
  top: 56px;
  left: 770px;
  right: 0px;
  bottom: 0px;
  transition-duration: 0.5s;
  z-index: 1;
}
header .menu_container .menu_content .menu_content_list {
  flex-direction: column;
  list-style: none;
}
header .menu_container .menu_content .menu_content_list li {
  padding: 16px 0px;
}
header .menu_container .menu_content .menu_content_list li a {
  display: block;
  text-decoration: none;
  color: #333333;
  transition: all ease 0.25s;
}
header .menu_container .menu_content .menu_content_list li a:hover {
  color: #EC661B !important;
}
header .menu_container .menu_visible {
  left: 0 !important;
  overflow: hidden;
  position: fixed;
  transition-duration: 0.5s;
}
header .btn_abrir #menu_on span:nth-child(1) {
  transform: rotate(45deg) translate(4px, -3px);
}
header .btn_abrir #menu_on span:nth-child(2) {
  opacity: 0;
}
header .btn_abrir #menu_on span:nth-child(3) {
  transform: rotate(-45deg) translate(4px, 6px);
}

/* INICIO ********************************************************* */
main section {
  height: calc(100vh - 64px);
  padding: 56px 16px 0px 16px;
}

#inicio {
  display: grid;
  grid-gap: 8px;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: 44% 50% 4%;
  top: 0px;
}
#inicio .dibujo_inicio,
#inicio .texto_inicio,
#inicio .texto_abajo {
  grid-column: 1/5;
}
#inicio .texto_abajo {
  display: flex;
  justify-content: flex-end;
}
#inicio .texto_abajo p {
  color: #777777;
  font-size: 22px;
  text-align: right;
  align-self: center;
}
#inicio .dibujo_inicio {
  display: flex;
  align-items: center;
}
#inicio .dibujo_inicio #dibujo_arki_home {
  width: 100%;
  height: 100%;
  padding: 8px 0px;
  max-width: 632px;
  margin: 0px auto;
  display: block;
}
#inicio .texto_inicio p {
  margin-bottom: 8px;
}
#inicio .texto_inicio p span {
  display: inline-block;
}

/* QUÉ OFREZCO ********************************************************* */
#que_ofrezco {
  height: 392vh;
  /* controla cuánto scroll vertical habrá */
  margin-top: 72px;
  padding: 0px;
  position: relative;
  background-color: #333333;
  color: #ffffff;
}
#que_ofrezco .que_ofrezco_container {
  width: 100%;
  height: 100vh;
  position: sticky;
  top: 0px;
  scroll-snap-type: x mandatory;
  display: flex;
  will-change: transform;
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_title {
  min-width: 75vw;
  height: 100vh;
  padding: 16px 24px 24px 24px;
  background-color: #333333;
  color: #ffffff;
  scroll-snap-align: start;
  position: relative;
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_title h2 {
  display: inline-block;
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card {
  min-width: 100vw;
  height: 100vh;
  padding: 74px 24px 24px 24px;
  color: #333333;
  overflow-x: hidden;
  scroll-snap-align: start;
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: 72px 1fr;
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .title_card,
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card {
  grid-column: 1/5;
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .title_card {
  position: relative;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
  align-items: center;
  grid-row: 1/2;
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .title_card h3 {
  display: block;
  position: absolute;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .title_card h3#title_photoshop {
  right: -180px;
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .title_card h3.animate_title_photoshop {
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-name: titlePhotoshop;
  animation-name: titlePhotoshop;
}
@keyframes titlePhotoshop {
  0% {
    right: -180px;
  }
  50% {
    right: -180px;
  }
  100% {
    right: 62px;
  }
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .title_card h3#title_illustrator {
  right: -160px;
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .title_card h3.animate_title_illustrator {
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-name: titleIlustrator;
  animation-name: titleIlustrator;
}
@keyframes titleIlustrator {
  0% {
    right: -160px;
  }
  50% {
    right: -160px;
  }
  100% {
    right: 64px;
  }
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .title_card h3#title_figma {
  right: -98px;
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .title_card h3.animate_title_figma {
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-name: titleFigma;
  animation-name: titleFigma;
}
@keyframes titleFigma {
  0% {
    right: -98px;
  }
  50% {
    right: -98px;
  }
  100% {
    right: 62px;
  }
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .title_card h3#title_html5 {
  right: -94px;
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .title_card h3.animate_title_html5 {
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-name: titleHtml;
  animation-name: titleHtml;
}
@keyframes titleHtml {
  0% {
    right: -94px;
  }
  50% {
    right: -94px;
  }
  100% {
    right: 64px;
  }
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .title_card h3#title_css3 {
  right: -72px;
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .title_card h3.animate_title_css3 {
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-name: titleCss;
  animation-name: titleCss;
}
@keyframes titleCss {
  0% {
    right: -72px;
  }
  50% {
    right: -72px;
  }
  100% {
    right: 62px;
  }
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .title_card .icon_container {
  width: 280px;
  height: 48px;
  position: relative;
  left: 232px;
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .title_card .icon_container img {
  width: 48px;
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .title_card .icon_container#icon_photoshop_container {
  background-color: #4FCCFE;
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .title_card .icon_container#icon_illustrator_container, #que_ofrezco .que_ofrezco_container .que_ofrezco_card .title_card .icon_container#icon_html5_container {
  background-color: #D98825;
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .title_card .icon_container#icon_figma_container {
  background-color: #0acf83;
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .title_card .icon_container#icon_css3_container {
  background-color: #2965f1;
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card {
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 24px;
  grid-row: 2/3;
  align-self: center;
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .content_card {
  padding: 16px;
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .content_card ul {
  padding: 16px;
  list-style: square;
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .content_card ul li {
  padding: 4px 0px;
  opacity: 0;
  -webkit-clip-path: inset(0 100% 0 0);
  clip-path: inset(0 100% 0 0);
  -webkit-animation: reveal 1.4s ease forwards;
  animation: reveal 1.4s ease forwards;
}
@keyframes reveal {
  to {
    opacity: 1;
    clip-path: inset(0 0 0 0);
  }
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card {
  width: 100%;
  max-width: 800px;
  height: auto;
  margin: 0px auto;
  border-radius: 0px 0px 24px 24px;
  position: relative;
  overflow: hidden;
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card img {
  width: 100%;
  margin-bottom: -4px;
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .photoshop_items img,
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .photoshop_items p,
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .illustrator_items img,
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .illustrator_items p,
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .figma_items img,
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .figma_items p {
  position: absolute;
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .photoshop_items p,
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .illustrator_items p,
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .figma_items p {
  width: 100%;
  padding: 5%;
  color: #ffffff;
  text-align: center;
  opacity: 0;
  bottom: 4%;
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card {
  /* Photoshop */
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .photoshop_items img {
  top: 0%;
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .photoshop_items #drawing_line {
  opacity: 0;
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .photoshop_items .animate_drawing_line {
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-duration: 10s;
  animation-duration: 10s;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: drawinLine;
  animation-name: drawinLine;
}
@keyframes drawinLine {
  0% {
    opacity: 1;
    left: 100%;
  }
  40% {
    left: 100%;
  }
  50% {
    left: 0%;
  }
  90% {
    left: 0%;
  }
  100% {
    opacity: 1;
    left: 100%;
  }
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .photoshop_items #drawing_color {
  opacity: 0;
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .photoshop_items .animate_drawing_color {
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-duration: 10s;
  animation-duration: 10s;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: drawinColor;
  animation-name: drawinColor;
}
@keyframes drawinColor {
  0% {
    opacity: 0;
    left: 100%;
  }
  40% {
    left: 100%;
  }
  50% {
    left: 0%;
  }
  64% {
    opacity: 0;
  }
  69% {
    opacity: 1;
  }
  90% {
    opacity: 1;
    left: 0%;
  }
  100% {
    opacity: 0;
    left: 100%;
  }
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .photoshop_items .animate_drawing_final {
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-duration: 10s;
  animation-duration: 10s;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: drawinFinal;
  animation-name: drawinFinal;
}
@keyframes drawinFinal {
  0% {
    opacity: 0;
    left: 100%;
  }
  40% {
    left: 100%;
  }
  50% {
    left: 0%;
  }
  77% {
    opacity: 0;
  }
  82% {
    opacity: 1;
  }
  90% {
    left: 0%;
  }
  100% {
    opacity: 1;
    left: 100%;
  }
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .photoshop_items .animate_photo_before {
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-duration: 10s;
  animation-duration: 10s;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: photoBefore;
  animation-name: photoBefore;
}
@keyframes photoBefore {
  0% {
    opacity: 1;
    left: 0%;
  }
  20% {
    opacity: 1;
  }
  25% {
    opacity: 0;
  }
  40% {
    left: 0%;
  }
  50% {
    opacity: 0;
    left: -100%;
  }
  89% {
    opacity: 0;
  }
  90% {
    opacity: 1;
    left: -100%;
  }
  100% {
    opacity: 1;
    left: 0%;
  }
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .photoshop_items #photo_after {
  opacity: 0;
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .photoshop_items .animate_photo_after {
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-duration: 10s;
  animation-duration: 10s;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: photoAfter;
  animation-name: photoAfter;
}
@keyframes photoAfter {
  0% {
    opacity: 1;
    left: 0%;
  }
  40% {
    left: 0%;
  }
  50% {
    left: -100%;
  }
  90% {
    left: -100%;
  }
  100% {
    opacity: 1;
    left: 0%;
  }
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card {
  /* Illustrator */
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .illustrator_items #logo_tell_mamma {
  width: 80%;
  opacity: 0;
  top: 2%;
  left: 10%;
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .illustrator_items .animate_logo_tell_mamma,
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .illustrator_items .animate_logo_puerta_madrid,
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .illustrator_items .animate_camiseta_mifflin,
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .illustrator_items .animate_camiseta_pinza {
  -webkit-animation-duration: 24s;
  animation-duration: 24s;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .illustrator_items .animate_logo_tell_mamma {
  -webkit-animation-name: tellMammaLogo;
  animation-name: tellMammaLogo;
}
@keyframes tellMammaLogo {
  0% {
    opacity: 0;
    left: -100%;
  }
  6% {
    opacity: 1;
    left: -10%;
  }
  12% {
    left: 10%;
  }
  18% {
    opacity: 1;
    left: 33%;
  }
  24% {
    opacity: 0;
    left: 100%;
  }
  100% {
    left: 100%;
  }
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .illustrator_items #logo_puerta_madrid {
  width: 80%;
  opacity: 0;
  top: 20%;
  left: 10%;
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .illustrator_items .animate_logo_puerta_madrid {
  -webkit-animation-name: puertaMadridLogo;
  animation-name: puertaMadridLogo;
}
@keyframes puertaMadridLogo {
  0% {
    opacity: 0;
    left: -100%;
  }
  24% {
    opacity: 0;
    left: -100%;
  }
  30% {
    opacity: 1;
    left: 0%;
  }
  36% {
    left: 10%;
  }
  42% {
    opacity: 1;
    left: 20%;
  }
  48% {
    opacity: 0;
    left: 100%;
  }
  100% {
    left: 100%;
  }
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .illustrator_items #camiseta_mifflin,
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .illustrator_items #camiseta_pinza {
  width: 70%;
  opacity: 0;
  top: 6%;
  left: 15%;
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .illustrator_items .animate_camiseta_mifflin {
  -webkit-animation-name: camisetaMifflin;
  animation-name: camisetaMifflin;
}
@keyframes camisetaMifflin {
  0% {
    opacity: 0;
    left: -100%;
  }
  48% {
    opacity: 0;
    left: -100%;
  }
  54% {
    opacity: 1;
    left: -2%;
  }
  60% {
    left: 10%;
  }
  66% {
    opacity: 1;
    left: 31%;
  }
  72% {
    opacity: 0;
    left: 100%;
  }
  100% {
    left: 100%;
  }
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .illustrator_items .animate_camiseta_pinza {
  -webkit-animation-name: camisetaPinza;
  animation-name: camisetaPinza;
}
@keyframes camisetaPinza {
  0% {
    opacity: 0;
    left: -100%;
  }
  72% {
    opacity: 0;
    left: -100%;
  }
  78% {
    opacity: 1;
    left: -2%;
  }
  84% {
    left: 10%;
  }
  90% {
    opacity: 1;
    left: 31%;
  }
  96% {
    opacity: 0;
    left: 100%;
  }
  100% {
    left: 100%;
  }
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .illustrator_items .animate_text_tell_mamma p,
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .illustrator_items .animate_text_puerta_madrid p,
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .illustrator_items .animate_text_mifflin p,
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .illustrator_items .animate_text_pinza p {
  -webkit-animation-duration: 24s;
  animation-duration: 24s;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .illustrator_items .animate_text_tell_mamma p {
  -webkit-animation-name: tellMammaText;
  animation-name: tellMammaText;
}
@keyframes tellMammaText {
  0% {
    opacity: 0;
  }
  2% {
    opacity: 0;
  }
  6% {
    opacity: 1;
  }
  18% {
    opacity: 1;
  }
  22% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .illustrator_items .animate_text_puerta_madrid p {
  -webkit-animation-name: puertaMadridText;
  animation-name: puertaMadridText;
}
@keyframes puertaMadridText {
  0% {
    opacity: 0;
  }
  26% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  42% {
    opacity: 1;
  }
  46% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .illustrator_items .animate_text_mifflin p {
  -webkit-animation-name: mifflinText;
  animation-name: mifflinText;
}
@keyframes mifflinText {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  54% {
    opacity: 1;
  }
  66% {
    opacity: 1;
  }
  70% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .illustrator_items .animate_text_pinza p {
  -webkit-animation-name: pinzaText;
  animation-name: pinzaText;
}
@keyframes pinzaText {
  0% {
    opacity: 0;
  }
  74% {
    opacity: 0;
  }
  78% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  94% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card {
  /* Figma */
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .figma_items .animate_logo_q_o,
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .figma_items .animate_menu_q_o,
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .figma_items .animate_dibujo_q_o,
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .figma_items .animate_texto_q_o,
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .figma_items .animate_texto_abajo_q_o {
  -webkit-animation-duration: 10s;
  animation-duration: 10s;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .figma_items #logo_q_o {
  width: 23%;
  top: 10%;
  left: 21%;
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .figma_items .animate_logo_q_o {
  -webkit-animation-name: figmaLogo;
  animation-name: figmaLogo;
}
@keyframes figmaLogo {
  0% {
    width: 23%;
    top: 10%;
    left: 21%;
  }
  25% {
    top: 10%;
    left: 21%;
  }
  26% {
    border: 1px solid #4FCCFE;
  }
  35% {
    top: 4%;
    left: 48%;
  }
  45% {
    width: 23%;
    top: 4%;
    left: 48%;
  }
  49% {
    border: 1px solid #4FCCFE;
    width: 9%;
  }
  50% {
    border: none;
  }
  100% {
    width: 9%;
    top: 4%;
    left: 48%;
    border: none;
  }
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .figma_items #menu_q_o {
  width: 3%;
  opacity: 0;
  top: 4.5%;
  left: 72.5%;
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .figma_items .animate_menu_q_o {
  -webkit-animation-name: figmaMenu;
  animation-name: figmaMenu;
}
@keyframes figmaMenu {
  0% {
    opacity: 0;
  }
  52% {
    opacity: 0;
  }
  53% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .figma_items #dibujo_q_o {
  width: 24%;
  top: 22%;
  left: 21%;
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .figma_items .animate_dibujo_q_o {
  -webkit-animation-name: figmaDibujo;
  animation-name: figmaDibujo;
}
@keyframes figmaDibujo {
  0% {
    width: 24%;
    top: 22%;
    left: 21%;
  }
  60% {
    border: none;
    top: 22%;
    left: 21%;
  }
  61% {
    border: 1px solid #4FCCFE;
  }
  70% {
    top: 9%;
    left: 51%;
  }
  75% {
    width: 24%;
    top: 9%;
    left: 51%;
  }
  79% {
    width: 22%;
    border: 1px solid #4FCCFE;
  }
  80% {
    border: none;
  }
  100% {
    width: 22%;
    top: 9%;
    left: 51%;
    border: none;
  }
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .figma_items #texto_q_o {
  width: 28%;
  opacity: 0;
  top: 38.5%;
  left: 48.5%;
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .figma_items .animate_texto_q_o {
  -webkit-animation-name: figmaText;
  animation-name: figmaText;
}
@keyframes figmaText {
  0% {
    opacity: 0;
  }
  89% {
    opacity: 0;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .figma_items #texto_abajo_q_o {
  width: 17%;
  opacity: 0;
  top: 69%;
  left: 58.5%;
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .figma_items .animate_texto_abajo_q_o {
  -webkit-animation-name: figmaTextDwon;
  animation-name: figmaTextDwon;
}
@keyframes figmaTextDwon {
  0% {
    opacity: 0;
  }
  99% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card {
  /* html5 */
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .blind {
  height: 15%;
  position: absolute;
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .blind img {
  margin-left: 0%;
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .blind.animate_blind1 img, #que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .blind.animate_blind2 img, #que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .blind.animate_blind3 img, #que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .blind.animate_blind4 img, #que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .blind.animate_blind5 img, #que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .blind.animate_blind6 img, #que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .blind.animate_blind7 img, #que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .blind.animate_blind8 img, #que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .blind.animate_blind9 img, #que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .blind.animate_blind10 img, #que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .blind.animate_blind11 img, #que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .blind.animate_blind12 img, #que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .blind.animate_blind13 img, #que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .blind.animate_blind14 img, #que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .blind.animate_blind15 img, #que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .blind.animate_blind16 img, #que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .blind.animate_blind17 img, #que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .blind.animate_blind18 img, #que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .blind.animate_blind19 img, #que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .blind.animate_blind20 img {
  -webkit-animation-duration: 20s;
  animation-duration: 20s;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .blind#blind1 {
  top: 6%;
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .blind.animate_blind1 img {
  -webkit-animation-name: htmlLine1;
  animation-name: htmlLine1;
}
@keyframes htmlLine1 {
  0% {
    margin-left: 0%;
  }
  1% {
    margin-left: 0%;
  }
  8% {
    margin-left: 68%;
  }
  11% {
    margin-left: 100%;
  }
  100% {
    margin-left: 100%;
  }
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .blind#blind2 {
  top: 11%;
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .blind.animate_blind2 img {
  -webkit-animation-name: htmlLine2;
  animation-name: htmlLine2;
}
@keyframes htmlLine2 {
  0% {
    margin-left: 0%;
  }
  8% {
    margin-left: 0%;
  }
  14% {
    margin-left: 55%;
  }
  17% {
    margin-left: 100%;
  }
  100% {
    margin-left: 100%;
  }
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .blind#blind3 {
  top: 15%;
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .blind.animate_blind3 img {
  -webkit-animation-name: htmlLine3;
  animation-name: htmlLine3;
}
@keyframes htmlLine3 {
  0% {
    margin-left: 0%;
  }
  14% {
    margin-left: 0%;
  }
  19% {
    margin-left: 44%;
  }
  22% {
    margin-left: 100%;
  }
  100% {
    margin-left: 100%;
  }
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .blind#blind4 {
  top: 21%;
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .blind.animate_blind4 img {
  -webkit-animation-name: htmlLine4;
  animation-name: htmlLine4;
}
@keyframes htmlLine4 {
  0% {
    margin-left: 0%;
  }
  19% {
    margin-left: 0%;
  }
  29% {
    margin-left: 100%;
  }
  100% {
    margin-left: 100%;
  }
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .blind#blind5 {
  top: 25%;
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .blind.animate_blind5 img {
  -webkit-animation-name: htmlLine5;
  animation-name: htmlLine5;
}
@keyframes htmlLine5 {
  0% {
    margin-left: 0%;
  }
  28% {
    margin-left: 0%;
  }
  32% {
    margin-left: 35%;
  }
  35% {
    margin-left: 100%;
  }
  100% {
    margin-left: 100%;
  }
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .blind#blind6 {
  top: 31%;
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .blind.animate_blind6 img {
  -webkit-animation-name: htmlLine6;
  animation-name: htmlLine6;
}
@keyframes htmlLine6 {
  0% {
    margin-left: 0%;
  }
  32% {
    margin-left: 0%;
  }
  34% {
    margin-left: 19%;
  }
  37% {
    margin-left: 100%;
  }
  100% {
    margin-left: 100%;
  }
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .blind#blind7 {
  top: 35%;
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .blind.animate_blind7 img {
  -webkit-animation-name: htmlLine7;
  animation-name: htmlLine7;
}
@keyframes htmlLine7 {
  0% {
    margin-left: 0%;
  }
  34% {
    margin-left: 0%;
  }
  41% {
    margin-left: 63%;
  }
  44% {
    margin-left: 100%;
  }
  100% {
    margin-left: 100%;
  }
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .blind#blind8 {
  top: 40%;
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .blind.animate_blind8 img {
  -webkit-animation-name: htmlLine8;
  animation-name: htmlLine8;
}
@keyframes htmlLine8 {
  0% {
    margin-left: 0%;
  }
  41% {
    margin-left: 0%;
  }
  43% {
    margin-left: 20%;
  }
  46% {
    margin-left: 100%;
  }
  100% {
    margin-left: 100%;
  }
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .blind#blind9 {
  top: 45%;
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .blind.animate_blind9 img {
  -webkit-animation-name: htmlLine9;
  animation-name: htmlLine9;
}
@keyframes htmlLine9 {
  0% {
    margin-left: 0%;
  }
  43% {
    margin-left: 0%;
  }
  51% {
    margin-left: 81%;
  }
  54% {
    margin-left: 100%;
  }
  100% {
    margin-left: 100%;
  }
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .blind#blind10 {
  top: 49%;
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .blind.animate_blind10 img {
  -webkit-animation-name: htmlLine10;
  animation-name: htmlLine10;
}
@keyframes htmlLine10 {
  0% {
    margin-left: 0%;
  }
  49% {
    margin-left: 0%;
  }
  59% {
    margin-left: 93%;
  }
  62% {
    margin-left: 100%;
  }
  100% {
    margin-left: 100%;
  }
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .blind#blind11 {
  top: 53%;
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .blind.animate_blind11 img {
  -webkit-animation-name: htmlLine11;
  animation-name: htmlLine11;
}
@keyframes htmlLine11 {
  0% {
    margin-left: 0%;
  }
  57% {
    margin-left: 0%;
  }
  63% {
    margin-left: 62%;
  }
  66% {
    margin-left: 100%;
  }
  100% {
    margin-left: 100%;
  }
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .blind#blind12 {
  top: 58%;
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .blind.animate_blind12 img {
  -webkit-animation-name: htmlLine12;
  animation-name: htmlLine12;
}
@keyframes htmlLine12 {
  0% {
    margin-left: 0%;
  }
  61% {
    margin-left: 0%;
  }
  71% {
    margin-left: 87%;
  }
  74% {
    margin-left: 100%;
  }
  100% {
    margin-left: 100%;
  }
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .blind#blind13 {
  top: 62%;
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .blind.animate_blind13 img {
  -webkit-animation-name: htmlLine13;
  animation-name: htmlLine13;
}
@keyframes htmlLine13 {
  0% {
    margin-left: 0%;
  }
  68% {
    margin-left: 0%;
  }
  76% {
    margin-left: 72%;
  }
  79% {
    margin-left: 100%;
  }
  100% {
    margin-left: 100%;
  }
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .blind#blind14 {
  top: 66%;
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .blind.animate_blind14 img {
  -webkit-animation-name: htmlLine14;
  animation-name: htmlLine14;
}
@keyframes htmlLine14 {
  0% {
    margin-left: 0%;
  }
  76% {
    margin-left: 0%;
  }
  78% {
    margin-left: 21%;
  }
  81% {
    margin-left: 100%;
  }
  100% {
    margin-left: 100%;
  }
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .blind#blind15 {
  top: 71%;
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .blind.animate_blind15 img {
  -webkit-animation-name: htmlLine15;
  animation-name: htmlLine15;
}
@keyframes htmlLine15 {
  0% {
    margin-left: 0%;
  }
  78% {
    margin-left: 0%;
  }
  86% {
    margin-left: 89%;
  }
  89% {
    margin-left: 100%;
  }
  100% {
    margin-left: 100%;
  }
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .blind#blind16 {
  top: 76%;
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .blind.animate_blind16 img {
  -webkit-animation-name: htmlLine16;
  animation-name: htmlLine16;
}
@keyframes htmlLine16 {
  0% {
    margin-left: 0%;
  }
  84% {
    margin-left: 0%;
  }
  93% {
    margin-left: 97%;
  }
  96% {
    margin-left: 100%;
  }
  100% {
    margin-left: 100%;
  }
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .blind#blind17 {
  top: 81%;
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .blind.animate_blind17 img {
  -webkit-animation-name: htmlLine17;
  animation-name: htmlLine17;
}
@keyframes htmlLine17 {
  0% {
    margin-left: 0%;
  }
  92% {
    margin-left: 0%;
  }
  94% {
    margin-left: 33%;
  }
  97% {
    margin-left: 100%;
  }
  100% {
    margin-left: 100%;
  }
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .blind#blind18 {
  top: 86%;
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .blind.animate_blind18 img {
  -webkit-animation-name: htmlLine18;
  animation-name: htmlLine18;
}
@keyframes htmlLine18 {
  0% {
    margin-left: 0%;
  }
  94% {
    margin-left: 0%;
  }
  96% {
    margin-left: 24%;
  }
  99% {
    margin-left: 100%;
  }
  100% {
    margin-left: 100%;
  }
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .blind#blind19 {
  top: 91%;
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .blind.animate_blind19 img {
  -webkit-animation-name: htmlLine19;
  animation-name: htmlLine19;
}
@keyframes htmlLine19 {
  0% {
    margin-left: 0%;
  }
  96% {
    margin-left: 0%;
  }
  98% {
    margin-left: 19%;
  }
  100% {
    margin-left: 100%;
  }
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .blind#blind20 {
  top: 95%;
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .blind.animate_blind20 img {
  -webkit-animation-name: htmlLine20;
  animation-name: htmlLine20;
}
@keyframes htmlLine20 {
  0% {
    margin-left: 0%;
  }
  98% {
    margin-left: 0%;
  }
  100% {
    margin-left: 15%;
  }
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card #img_card_html {
  width: 100%;
  position: absolute;
  bottom: 0%;
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card {
  /* css3 */
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card #img_card_css_left,
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card #img_card_css_right {
  width: 100%;
  border-radius: 0px;
  position: absolute;
  top: 0%;
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .animate_img_card_css_left,
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .animate_img_card_css_right {
  -webkit-animation-duration: 12s;
  animation-duration: 12s;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card #img_card_css_left {
  right: 100%;
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .animate_img_card_css_left {
  -webkit-animation-name: bkgLeft;
  animation-name: bkgLeft;
}
@keyframes bkgLeft {
  0% {
    right: 100%;
  }
  20% {
    right: 100%;
  }
  40% {
    right: 75%;
  }
  70% {
    right: 75%;
  }
  90% {
    right: 100%;
  }
  100% {
    right: 100%;
  }
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card #img_card_css_right {
  left: 100%;
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .animate_img_card_css_right {
  -webkit-animation-name: bkgRight;
  animation-name: bkgRight;
}
@keyframes bkgRight {
  0% {
    left: 100%;
  }
  20% {
    left: 100%;
  }
  40% {
    left: 75%;
  }
  70% {
    left: 75%;
  }
  90% {
    left: 100%;
  }
  100% {
    left: 100%;
  }
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .css_items {
  position: absolute;
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .css_items#css_logo {
  width: 50%;
  top: 1%;
  left: 2%;
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .css_items#css_logo img {
  width: 18%;
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .css_items#css_menu {
  width: 10%;
  top: 1%;
  left: 78%;
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .css_items#css_menu img {
  width: 36%;
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .css_items#css_menu_text {
  width: 60%;
  display: block;
  top: 1%;
  left: 40%;
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .css_items#css_menu_text img {
  width: 24%;
  float: left;
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .css_items#css_img {
  width: 60%;
  top: 20%;
  left: 0%;
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .css_items#css_img img {
  width: 100%;
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .css_items#css_text_inicio {
  width: 34%;
  top: 40%;
  left: 64%;
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .css_items#css_text_inicio img {
  width: 100%;
  display: none;
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .css_items#css_text_inicio img#css_text_1 {
  display: block;
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .css_items#css_text_abajo {
  width: 100%;
  top: 94%;
  left: 76%;
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .css_items#css_text_abajo img {
  width: 20%;
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .css_items.animate_css_logo, #que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .css_items.animate_css_menu, #que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .css_items.animate_css_menu_text, #que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .css_items.animate_css_img, #que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .css_items.animate_css_text_inicio, #que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .css_items.animate_css_text_abajo {
  -webkit-animation-duration: 12s;
  animation-duration: 12s;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .css_items.animate_css_logo {
  -webkit-animation-name: cssLogo;
  animation-name: cssLogo;
}
@keyframes cssLogo {
  0% {
    left: 2%;
  }
  20% {
    left: 2%;
  }
  40% {
    left: 27%;
  }
  70% {
    left: 27%;
  }
  90% {
    left: 2%;
  }
  100% {
    left: 2%;
  }
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .css_items.animate_css_menu {
  -webkit-animation-name: cssHamburguesa;
  animation-name: cssHamburguesa;
}
@keyframes cssHamburguesa {
  0% {
    display: none;
    left: 78%;
  }
  33% {
    display: none;
    left: 78%;
  }
  34% {
    display: block;
    left: 77%;
  }
  40% {
    left: 70%;
  }
  70% {
    left: 70%;
  }
  76% {
    display: block;
    left: 77%;
  }
  77% {
    display: none;
    left: 78%;
  }
  100% {
    display: none;
    left: 78%;
  }
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .css_items.animate_css_menu_text {
  -webkit-animation-name: cssMenuText;
  animation-name: cssMenuText;
}
@keyframes cssMenuText {
  0% {
    display: block;
    left: 40%;
  }
  20% {
    display: block;
    left: 40%;
  }
  31% {
    display: block;
    left: 27%;
  }
  32% {
    display: none;
    left: 27%;
  }
  78% {
    display: none;
    left: 27%;
  }
  79% {
    display: block;
    left: 27%;
  }
  90% {
    display: block;
    left: 40%;
  }
  100% {
    display: block;
    left: 40%;
  }
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .css_items.animate_css_img {
  -webkit-animation-name: cssImg;
  animation-name: cssImg;
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .css_items.animate_css_img img {
  -webkit-animation-duration: 12s;
  animation-duration: 12s;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: cssImgImg;
  animation-name: cssImgImg;
}
@keyframes cssImgImg {
  0% {
    width: 100%;
  }
  20% {
    width: 100%;
  }
  30% {
    width: 100%;
  }
  35% {
    width: 85%;
  }
  40% {
    width: 80%;
  }
  70% {
    width: 80%;
  }
  75% {
    width: 85%;
  }
  80% {
    width: 100%;
  }
  90% {
    width: 100%;
  }
  100% {
    width: 100%;
  }
}
@keyframes cssImg {
  0% {
    width: 60%;
    top: 20%;
    left: 0%;
  }
  20% {
    width: 60%;
    top: 20%;
    left: 0%;
  }
  24% {
    width: 55%;
    top: 20%;
    left: 9%;
  }
  25% {
    width: 55%;
    top: 7%;
    left: 28%;
  }
  40% {
    width: 50%;
    top: 7%;
    left: 30%;
  }
  70% {
    width: 50%;
    top: 7%;
    left: 30%;
  }
  85% {
    width: 55%;
    top: 7%;
    left: 28%;
  }
  86% {
    width: 55%;
    top: 20%;
    left: 9%;
  }
  90% {
    width: 60%;
    top: 20%;
    left: 0%;
  }
  100% {
    width: 60%;
    top: 20%;
    left: 0%;
  }
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .css_items.animate_css_text_inicio {
  -webkit-animation-name: cssTexts;
  animation-name: cssTexts;
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .css_items.animate_css_text_inicio img {
  -webkit-animation-duration: 12s;
  animation-duration: 12s;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .css_items.animate_css_text_inicio img#css_text_1 {
  -webkit-animation-name: cssText1;
  animation-name: cssText1;
}
@keyframes cssText1 {
  0% {
    display: block;
  }
  20% {
    display: block;
  }
  21% {
    display: block;
  }
  22% {
    display: none;
  }
  88% {
    display: none;
  }
  89% {
    display: block;
  }
  100% {
    display: block;
  }
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .css_items.animate_css_text_inicio img#css_text_2 {
  width: 92%;
  display: block;
  opacity: 0;
  -webkit-animation-name: cssText2;
  animation-name: cssText2;
}
@keyframes cssText2 {
  0% {
    opacity: 1;
    display: none;
  }
  22% {
    display: none;
  }
  23% {
    display: block;
  }
  24% {
    display: none;
  }
  86% {
    display: none;
  }
  87% {
    display: block;
  }
  88% {
    display: none;
  }
  100% {
    opacity: 1;
    display: none;
  }
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .css_items.animate_css_text_inicio img#css_text_3 {
  width: 210%;
  display: block;
  opacity: 0;
  -webkit-animation-name: cssText3;
  animation-name: cssText3;
}
@keyframes cssText3 {
  0% {
    opacity: 1;
    display: none;
  }
  25% {
    display: none;
  }
  26% {
    display: block;
  }
  28% {
    display: block;
  }
  29% {
    display: none;
  }
  81% {
    display: none;
  }
  82% {
    display: block;
  }
  84% {
    display: block;
  }
  85% {
    display: none;
  }
  100% {
    opacity: 1;
    display: none;
  }
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .css_items.animate_css_text_inicio img#css_text_4 {
  width: 180%;
  display: block;
  opacity: 0;
  -webkit-animation-name: cssText4;
  animation-name: cssText4;
}
@keyframes cssText4 {
  0% {
    opacity: 1;
    display: none;
  }
  29% {
    display: none;
  }
  30% {
    display: block;
  }
  33% {
    display: block;
  }
  34% {
    display: none;
  }
  76% {
    display: none;
  }
  77% {
    display: block;
  }
  80% {
    display: block;
  }
  81% {
    display: none;
  }
  100% {
    opacity: 1;
    display: none;
  }
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .css_items.animate_css_text_inicio img#css_text_5 {
  width: 120%;
  display: block;
  opacity: 0;
  -webkit-animation-name: cssText5;
  animation-name: cssText5;
}
@keyframes cssText5 {
  0% {
    opacity: 1;
    display: none;
  }
  34% {
    display: none;
  }
  35% {
    display: block;
  }
  75% {
    display: block;
  }
  76% {
    display: none;
  }
  100% {
    opacity: 1;
    display: none;
  }
}
@keyframes cssTexts {
  0% {
    top: 40%;
    left: 64%;
  }
  20% {
    top: 40%;
    left: 64%;
  }
  23% {
    top: 40%;
    left: 63%;
  }
  24% {
    top: 40%;
    left: 62%;
  }
  25% {
    top: 80%;
    left: 10%;
  }
  26% {
    top: 80%;
    left: 10%;
  }
  40% {
    top: 60%;
    left: 30%;
  }
  70% {
    top: 60%;
    left: 30%;
  }
  84% {
    top: 80%;
    left: 10%;
  }
  85% {
    top: 80%;
    left: 10%;
  }
  86% {
    top: 40%;
    left: 62%;
  }
  87% {
    top: 40%;
    left: 63%;
  }
  90% {
    top: 40%;
    left: 64%;
  }
  100% {
    top: 40%;
    left: 64%;
  }
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card .css_items.animate_css_text_abajo {
  -webkit-animation-name: cssTextAbajo;
  animation-name: cssTextAbajo;
}
@keyframes cssTextAbajo {
  0% {
    left: 76%;
  }
  20% {
    left: 76%;
  }
  40% {
    left: 51%;
  }
  70% {
    left: 51%;
  }
  90% {
    left: 76%;
  }
  100% {
    left: 76%;
  }
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card#card_photoshop {
  background-color: #4FCCFE;
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card#card_illustrator {
  background-color: #D98825;
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card#card_figma {
  background-color: #0acf83;
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card#card_html5 {
  background-color: #D98825;
}
#que_ofrezco .que_ofrezco_container .que_ofrezco_card#card_css3 {
  background-color: #2965f1;
  color: #ffffff;
}

/* SOBRE MÍ ********************************************************* */
#sobre_mi {
  height: auto;
}
#sobre_mi h2 {
  padding-bottom: 64px;
}
#sobre_mi .sobre_mi_card {
  height: 100vh;
  padding: 80px 0px;
  background-color: #ffffff;
  border-top: 1px solid #777777;
  position: sticky;
  top: 72px;
}
#sobre_mi .sobre_mi_card .img_card {
  padding-bottom: 64px;
}
#sobre_mi .sobre_mi_card .img_card img {
  width: 100%;
  max-width: 800px;
  margin: 0px auto;
  display: block;
}
#sobre_mi .sobre_mi_card .text_card p {
  width: 100%;
  max-width: 800px;
  margin: 0px auto;
  display: block;
}

/* CONTACTO ********************************************************* */
#contacto {
  background-color: #333333;
  color: #ffffff;
  height: 106vh;
  position: sticky;
}
#contacto h2 {
  color: #ffffff;
  padding-bottom: 64px;
}
#contacto .form .text_xl {
  padding-bottom: 8px;
}
#contacto .form form {
  padding: 16px 0px;
}
#contacto .email a {
  font-family: "sora_bold";
  font-size: 24px;
  line-height: 32px;
  color: #EC661B;
  margin: 56px 0px 24px 0px;
  text-align: right;
  display: block;
  transition: all ease 0.25s;
}
#contacto .email a:hover {
  color: #ffffff;
}

/* MENSAJE POST-FORMULARIO ***************************************************** */
#after_form {
  height: 100vh;
  padding: 84px 16px 0px 16px;
  display: grid;
  grid-gap: 16px;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: 75% 25%;
}
#after_form .img_after_form,
#after_form .text_after_form {
  grid-column: 1/5;
}
#after_form .img_after_form {
  display: flex;
  align-items: center;
}
#after_form .img_after_form #dibujo_arki_home {
  width: 100%;
  height: 100%;
  padding: 8px 0px;
  max-width: 632px;
  margin: 0px auto;
  display: block;
}
#after_form .text_after_form {
  margin: 16px 0px;
}
#after_form .text_after_form p {
  margin-bottom: 8px;
}

/* MEDIA QUERY 600px ********************************************************* */
@media only screen and (min-width: 600px) {
  /* QUÉ OFREZCO ******************** */
  #que_ofrezco {
    height: 364vh;
    /* controla cuánto scroll vertical habrá */
  }
}
/* MEDIA QUERY 740px ********************************************************** */
@media only screen and (min-width: 740px) {
  /* QUÉ OFREZCO ******************** */
  #que_ofrezco {
    height: 436vh;
    /* controla cuánto scroll vertical habrá */
  }
  #que_ofrezco .que_ofrezco_container .que_ofrezco_card {
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: 88px 1fr;
  }
  #que_ofrezco .que_ofrezco_container .que_ofrezco_card .title_card {
    grid-column: 1/13;
  }
  #que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card {
    grid-column: 2/12;
  }
  #que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .content_card ul {
    padding: 0px 16px;
  }
  #que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .content_card ul li {
    padding: 4px 0px 16px 0px;
  }
  #que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card {
    grid-column: 5/13;
    grid-row: 2/4;
    align-self: flex-start;
  }
  #que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card#card_photoshop .img_card {
    width: 75%;
  }
}
/* MEDIA QUERY 768px ********************************************************** */
@media only screen and (min-width: 768px) {
  /* GENERALES ******************** */
  body h2,
  body h3 {
    font-size: 34px;
  }
  body p,
  body li,
  body input,
  body textarea {
    font-size: 18px;
    line-height: 26px;
  }
  body .text_bold {
    font-size: 22px;
    line-height: 26px;
  }
  body .text_xl {
    font-size: 24px;
  }
  body .text_s {
    font-size: 14px;
  }
  /* MENÚ DE NAVEGACIÓN ******************** */
  header .menu_container {
    height: 48px;
  }
  header .menu_container #menu_on {
    display: none;
  }
  header .menu_container #menu_content {
    height: 100%;
    padding: 0px;
    background-color: transparent;
    position: inherit;
    display: block;
    transition: none;
  }
  header .menu_container #menu_content .menu_content_list {
    list-style-type: none;
    display: flex;
    flex-direction: row;
    gap: 4rem;
  }
  header .menu_container #menu_content .menu_content_list li {
    padding: 0px;
  }
  header .menu_container #menu_content .menu_content_list li h2 {
    font-size: 18px;
    letter-spacing: 0;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    text-transform: none;
  }
  /* INICIO ******************** */
  main {
    margin-top: 64px;
  }
  main section {
    height: calc(100vh - 64px);
    padding: 16px;
  }
  #inicio {
    grid-template-rows: 49% 44% 4%;
  }
  #inicio .texto_inicio {
    padding: 64px 0px;
  }
  #inicio .texto_abajo p {
    font-size: 24px;
  }
  /* QUÉ OFREZCO ******************** */
  #que_ofrezco {
    height: 492vh;
    /* controla cuánto scroll vertical habrá */
  }
  #que_ofrezco .que_ofrezco_container .que_ofrezco_title {
    min-width: 40vw;
  }
  /* CONTACTO ******************** */
  #contacto .email a {
    font-size: 26px;
    line-height: 34px;
  }
  /* MENSAJE POST-FORMULARIO *************** */
  #after_form {
    height: calc(100vh - 80px);
  }
  #after_form .text_after_form {
    padding: 64px 0px;
  }
}
/* MEDIA QUERY 960px ********************************************************** */
@media only screen and (min-width: 960px) {
  /* QUÉ OFREZCO */
  #que_ofrezco {
    height: 590vh;
    /* controla cuánto scroll vertical habrá */
  }
  #que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card {
    grid-column: 3/11;
  }
  /* CONTACTO */
  #contacto .form,
  #contacto .email {
    width: 48%;
    float: left;
  }
  #contacto .form {
    margin: 0% 2% 0% 0%;
  }
  #contacto .email {
    margin: 0% 0% 0% 2%;
  }
}
/* MEDIA QUERY 1200px ********************************************************* */
@media only screen and (min-width: 1200px) {
  /* GENERALES ******************** */
  body h2,
  body h3 {
    font-size: 40px;
    line-height: 48px;
  }
  body p,
  body li,
  body input,
  body textarea {
    font-size: 24px;
    line-height: 32px;
  }
  body .text_bold {
    font-size: 32px;
    line-height: 40px;
  }
  body .text_xl {
    font-size: 28px;
  }
  body .text_s {
    font-size: 18px;
  }
  /* INICIO ******************** */
  main section {
    padding-top: 88px;
  }
  #inicio {
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(3, 1fr);
  }
  #inicio .dibujo_inicio {
    grid-column: 1/8;
    grid-row: 1/4;
    align-items: flex-start;
  }
  #inicio .dibujo_inicio #dibujo_arki_home {
    max-width: 800px;
    padding: 0px;
  }
  #inicio .texto_inicio {
    grid-column: 8/13;
    grid-row: 2/3;
  }
  #inicio .texto_abajo {
    padding: 32px;
    grid-column: 1/15;
    grid-row: 3/4;
    align-self: flex-end;
  }
  #inicio .texto_abajo p {
    font-size: 40px;
  }
  /* QUÉ OFREZCO ******************** */
  #que_ofrezco {
    height: 660vh;
    /* controla cuánto scroll vertical habrá */
  }
  #que_ofrezco .que_ofrezco_container .que_ofrezco_title {
    min-width: 30vw;
  }
  #que_ofrezco .que_ofrezco_container .que_ofrezco_card .title_card {
    grid-column: 1/12;
  }
  #que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card {
    max-width: 1400px;
    grid-column: 2/12;
  }
  #que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .content_card,
  #que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card {
    float: left;
  }
  #que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .content_card {
    width: 45%;
  }
  #que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .content_card ul {
    padding: 32px;
  }
  #que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card .img_card {
    width: 55%;
    border-radius: 0px 24px 24px 0px;
    align-self: flex-start;
  }
  /* SOBRE MÍ ******************** */
  #sobre_mi .sobre_mi_card .img_card,
  #sobre_mi .sobre_mi_card .text_card {
    float: left;
  }
  #sobre_mi .sobre_mi_card .img_card {
    width: 74%;
    padding: 16px;
  }
  #sobre_mi .sobre_mi_card .img_card img {
    max-width: 1000px;
  }
  #sobre_mi .sobre_mi_card .text_card {
    width: 25%;
    height: 100%;
    max-height: 1032px;
    padding: 16px;
    position: relative;
  }
  #sobre_mi .sobre_mi_card .text_card p {
    position: absolute;
    top: 50%;
  }
  /* CONTACTO ******************** */
  #contacto .form,
  #contacto .email {
    width: 38%;
  }
  #contacto .form {
    margin: 0% 2% 0% 10%;
  }
  #contacto .email {
    margin: 0% 10% 0% 2%;
  }
  #contacto .email a {
    font-size: 34px;
    line-height: 40px;
  }
  /* MENSAJE POST-FORMULARIO *************** */
  #after_form {
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(2, 1fr);
  }
  #after_form .img_after_form {
    grid-column: 1/8;
    grid-row: 1/3;
    align-items: flex-start;
  }
  #after_form .img_after_form #dibujo_arki_home {
    max-width: 800px;
    padding: 0px;
  }
  #after_form .text_after_form {
    grid-column: 8/13;
    grid-row: 2/3;
  }
}
/* MEDIA QUERY 1400px ********************************************************* */
@media only screen and (min-width: 1400px) {
  /* QUÉ OFREZCO ******************** */
  #que_ofrezco {
    height: 700vh;
    /* controla cuánto scroll vertical habrá */
  }
}
/* MEDIA QUERY 1500px ********************************************************* */
@media only screen and (min-width: 1500px) {
  /* QUÉ OFREZCO ******************** */
  #que_ofrezco {
    height: 740vh;
    /* controla cuánto scroll vertical habrá */
  }
}
/* MEDIA QUERY 1600px ********************************************************* */
@media only screen and (min-width: 1600px) {
  /* QUÉ OFREZCO ******************** */
  #que_ofrezco {
    height: 798vh;
    /* controla cuánto scroll vertical habrá */
  }
}
/* MEDIA QUERY 1740px ********************************************************* */
@media only screen and (min-width: 1740px) {
  /* QUÉ OFREZCO ******************** */
  #que_ofrezco {
    height: 810vh;
    /* controla cuánto scroll vertical habrá */
  }
  #que_ofrezco .que_ofrezco_container .que_ofrezco_title {
    min-width: 20vw;
  }
  #que_ofrezco .que_ofrezco_container .que_ofrezco_card .bkg_card {
    grid-column: 3/11;
  }
}
/* MEDIA QUERY 1800px ********************************************************* */
@media only screen and (min-width: 1800px) {
  /* QUÉ OFREZCO ******************** */
  #que_ofrezco {
    height: 850vh;
    /* controla cuánto scroll vertical habrá */
  }
}
/* MEDIA QUERY 1900px ********************************************************* */
@media only screen and (min-width: 1900px) {
  /* QUÉ OFREZCO ******************** */
  #que_ofrezco {
    height: 886vh;
    /* controla cuánto scroll vertical habrá */
  }
}
/* MEDIA QUERY 2000px ********************************************************* */
@media only screen and (min-width: 2000px) {
  /* QUÉ OFREZCO ******************** */
  #que_ofrezco {
    height: 970vh;
    /* controla cuánto scroll vertical habrá */
  }
}
/* MEDIA QUERY 2200px ********************************************************* */
@media only screen and (min-width: 2200px) {
  /* QUÉ OFREZCO ******************** */
  #que_ofrezco {
    height: 1046vh;
    /* controla cuánto scroll vertical habrá */
  }
}
/* MEDIA QUERY 2400px ********************************************************* */
@media only screen and (min-width: 2400px) {
  /* QUÉ OFREZCO ******************** */
  #que_ofrezco {
    height: 1094vh;
    /* controla cuánto scroll vertical habrá */
  }
}
/* MEDIA QUERY 2600px ********************************************************* */
@media only screen and (min-width: 2600px) {
  /* QUÉ OFREZCO ******************** */
  #que_ofrezco {
    height: 1240vh;
    /* controla cuánto scroll vertical habrá */
  }
}
/* MEDIA QUERY 3000px ********************************************************* */
@media only screen and (min-width: 3000px) {
  /* QUÉ OFREZCO ******************** */
  #que_ofrezco {
    height: 1400vh;
    /* controla cuánto scroll vertical habrá */
  }
}

/*# sourceMappingURL=style.css.map */