* {
  margin: 0;
}


body {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  font-family: "Open Sans", sans-serif;
  overflow-x: hidden;
}

body img {
  max-width: 100%;
  width: 100%;
  height: auto;
  display: block;
}

.caixa {
  background: var(--background, #F9FAFF);
}

@keyframes down {
  from {
    transform: translateY(-200px);
  }

  to {
    transform: translateY(0);
  }
}

@keyframes right {
  from {
    transform: translateX(-200px);
  }

  to {
    transform: translateX(0);
  }
}

@keyframes zoom {
  from {
    scale: 5;
    opacity: 0;
    transform: translateY(1000px);
  }

  to {
    opacity: 1;
    scale: 1;
    transform: translateY(0);

  }
}

@keyframes leftO {
  from {
    transform: translateX(200px);
    opacity: 0;
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes opacity {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.caixa-resume-p {
  overflow: hidden;
  -webkit-box-orient: vertical;
  color: var(--Negro-textos, #1A1A1A);
  text-overflow: ellipsis;
  font-family: "fields", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 26px;
  letter-spacing: -0.54px;
}

.caixa-resume-p b {
  font-weight: 500;
  font-family: "fields-display", sans-serif;
}

.caixa-intro {
  background: var(--Azul, #007EAE);
  position: relative;
  padding-bottom: 28px;
}

.caixa-text {
  padding: 0 20px;
}

.caixa-image-intro {
  animation: down 1.5s both ease;
}

.caixa-text {
  animation: right 1.5s both ease;
}

.caixa-resume,
.caixa-projects .caixa-project:nth-child(odd),
.caixa-h5 {
  animation-name: zoom;
  animation-timeline: --block;
  animation-duration: auto;
  view-timeline-name: --block;
  animation-range: entry 0% cover 30%;
}

.caixa-h3,
.caixa-projects .caixa-project:nth-child(even) {
  animation-name: zoom;
  animation-timeline: --block-1;
  animation-duration: auto;
  view-timeline-name: --block-1;
  animation-range: entry 0% cover 30%;
}

.caixa-blue-p,
.caixa-blue-numbers,
.caixa-numbers-link {
  animation-name: zoom;
  animation-timeline: --block-2;
  view-timeline-name: --block-2;
  animation-fill-mode: both;
  animation-range: entry 0% cover 30%;
}


.caixa-h1 {
  color: var(--Blanco, #FFF);
  text-align: center;
  font-family: "fields-display", sans-serif;
  font-size: 38px;
  font-style: normal;
  font-weight: 800;
  line-height: 38px;
  color: #fff;
  text-align: center;
  margin: 0 0 5px;
}

.caixa-text svg {
  max-width: 109px;
  margin: 0 auto 15px;
  display: block;
  max-height: 16px;
}

.caixa-h2 {
  color: var(--Blanco, #FFF);
  text-align: center;
  font-family: "Open Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: -0.36px;
}

.caixa-resume {
  margin: 40px 0 50px;
  padding: 0 30px;
  text-align: center;
}

.caixa-h3 {
  color: var(--Negro-textos, #1A1A1A);
  text-align: center;
  font-family: "fields-display", sans-serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 42px;
  position: relative;
  max-width: fit-content;
  margin: 0 auto 40px;
}

.caixa-h3 svg {
  max-width: 115px;
  position: absolute;
  bottom: -14px;
  right: 0;
}

.caixa-projects {
  padding: 0 30px;
}

.caixa-project {
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 6px 64px 0 rgba(112, 144, 176, 0.10);
  margin-bottom: 40px;
}

.caixa-project-img {
  aspect-ratio: 16 / 13;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.caixa-project-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.caixa-project-text {
  padding: 24px 30px 47px;
}

.caixa-h4 {
  color: var(--font-high-emphasis, #25282B);
  font-family: "fields-display", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  margin: 0 0 12px;
}

.caixa-project-resume {
  color: var(--font-medium-emphasis, #828282);
  font-family: "Open Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  margin-bottom: 30px;

}

.caixa-project-text a {
  color: #000;
  text-decoration: none;
  border-radius: 24px;
  background: #F4C00F;
  padding: 12px 24px;
  color: var(--font-high-emphasis, #25282B);
  font-family: "Open Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: -0.16px;
  border: 1px solid transparent;
  transition: all .2s;
}

.caixa-project-text a:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.caixa-project-text a:hover {
  background: #fff;
  border-color: #F4C00F;
}


.caixa-h5 {
  color: var(--Negro-textos, #1A1A1A);
  text-align: center;
  font-family: "fields-display", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  position: relative;
  display: block;
  margin-bottom: 40px;
  padding: 0 30px;
}

.caixa-h5 svg {
  max-width: 126px;
  height: auto;
  display: block;
  margin: 5px auto 0;
}

.caixa-blue {
  background: var(--Azul, #007EAE);
  padding: 40px 30px;
}

.caixa-blue .caixa-h3 {
  color: var(--Blanco, #FFF);
  text-align: center;
  font-family: "fields-display", sans-serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 42px;
  margin: 0 auto 16px;
}

.caixa-blue-p {
  overflow: hidden;
  color: var(--Blanco, #FFF);
  text-align: center;
  text-overflow: ellipsis;
  font-family: "fields-display", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: -0.36px;
  margin-bottom: 24px;
}

.caixa-number {
  color: var(--Acento, #F4C00F);
  text-align: center;
  font-family: "fields-display", sans-serif;
  font-size: 48px;
  font-style: normal;
  font-weight: 500;
  line-height: 48px;
  margin-bottom: 24px;
  padding-bottom: 24px;
  position: relative;
}

.caixa-number span {
  color: var(--Blanco, #FFF);
  text-align: center;
  font-family: "Open Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: -0.18px;
  display: block;
}

.caixa-number:after {
  content: "";
  height: 1px;
  width: 100%;
  background: #fff;
  position: relative;
  top: 24px;
  display: block;
}

.caixa-number:last-child:after {
  display: none;
}

a.caixa-numbers-link {
  border-radius: 24px;
  background: var(--Blanco, #FFF);
  padding: 12px 24px;
  color: var(--Negro-textos, #1A1A1A);
  font-family: "Open Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: -0.16px;
  text-decoration: none;
  margin: 0 auto;
  display: block;
  max-width: fit-content;
}

a.caixa-numbers-link:hover span {
  text-decoration-color: #007EAE;
}

a.caixa-numbers-link span {
  color: var(--Azul, #007EAE);
  text-decoration: underline;
  text-decoration-color: transparent;
  text-decoration-thickness: 2px;
  transition: all .3s;
}

.caixa-alayans {
  padding: 64px 30px;
  text-align: center;
  max-width: 1210px;
  margin: 0 auto;
}

.caixa-alayans .caixa-h6 {
  color: var(--Negro-textos, #1A1A1A);
  text-align: center;
  font-family: "fields-display", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 800;
  line-height: 20px;
  /* 100% */
  letter-spacing: 0.1px;
  margin-bottom: 12px;
}

.caixa-alayans svg {
  margin: 40px auto;
  max-width: 180px;
}

.caixa-alayans p {
  color: var(--Negro-textos, #333);
  text-align: center;
  font-family: "Open Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
  /* 157.143% */
  word-wrap: break-word;
}

@media (min-width: 620px) {

  .caixa-alayans p {
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0.08px;
  }


  .caixa-alayans .caixa-h6 {
    font-size: 20px;
    line-height: 26px;
    /* 130% */
    letter-spacing: 0.1px;
  }

  .caixa-project {
    display: grid;
    max-width: 1150px;
    grid-template-columns: 45% 55%;
    margin: 0 auto 80px;
    align-items: center;
  }

  .caixa-project:nth-child(odd) .caixa-project-img {
    grid-column: 2;
  }

  .caixa-project:nth-child(odd) .caixa-project-text {
    grid-column: 1;
    grid-row: 1;
  }

  .caixa-project:nth-child(even) {
    grid-template-columns: 55% 45%;
  }

  .caixa-h3 {
    font-size: 44px;
    line-height: 42px;
    margin-bottom: 80px;
  }

  .caixa-h3 svg {
    max-width: 156px;
    bottom: -27px;
  }

  .caixa-resume {
    max-width: 1080px;
    margin: 72px auto 96px;
  }

  .caixa-resume-p {
    font-size: 24px;
    line-height: 36px;
    letter-spacing: -0.72px;
  }

  .caixa-h5 {
    font-size: 32px;
    line-height: 42px;
    margin: 0 auto 88px;
    width: fit-content;
    display: block;
  }

  .caixa-h5 svg {
    position: absolute;
    bottom: -26px;
    right: 20px;
    max-width: 208px;
  }

  .caixa-blue .caixa-h3 {
    font-size: 44px;
    line-height: 42px;
    margin: 0 auto 32px;
  }

  .caixa-blue-p {
    font-size: 24px;
    line-height: 32px;
    letter-spacing: -0.48px;
    max-width: 1140px;
    margin: 0 auto 40px;
  }


}



@media (min-width: 960px) {
  .caixa-intro {
    display: grid;
    grid-template-columns: 36% auto;
    align-items: center;
  }

  .caixa-image-intro {
    grid-column: 2;
  }

  .caixa-text {
    grid-row: 1;
  }

  .caixa-h4 {
    font-size: 40px;
    line-height: 40px;
    margin-bottom: 16px;
  }

  .caixa-project-resume {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 48px;
  }

  .caixa-project-text a {
    font-size: 18px;
  }

  .caixa-blue-numbers {
    display: grid;
    grid-template-columns: auto auto auto;
    gap: 60px;
    max-width: 1050px;
    margin: 0 auto 64px;
  }

  .caixa-number:after {
    height: 100%;
    width: 1px;
    position: absolute;
    top: 0;
    right: -30px;
  }

  .caixa-number {
    margin: 0;
    padding: 0;
  }

  a.caixa-numbers-link {
    font-size: 18px;
    line-height: 18px;
    letter-spacing: -0.18px;
    padding: 16px 32px;
  }

  .caixa-blue {
    padding: 56px 30px;
  }

  .caixa-image-intro {
    animation: leftO 1.5s both ease;
  }

  .caixa-intro {
    padding: 0;
  }
}

@media (min-width: 1120px) {
  .caixa-intro {
    padding: 0 30px;
  }

  .caixa-h1 {
    font-size: 50px;
    line-height: 48px;
  }

  .caixa-h2 {
    font-size: 20px;
    line-height: 26px;
    letter-spacing: -0.4px;
  }

  .caixa-number span {
    font-size: 23px;
    line-height: 24px;
    letter-spacing: -0.23px;
  }

  .caixa-number {
    font-size: 72px;
    line-height: 72px;
  }
}

@media (min-width: 1280px) {
  .caixa-text {
    max-width: 358px;
    position: relative;
    left: 7dvw;
  }
}

.o-site-20minutos .c-header__nav-btn .hamburger-inner,
.o-site-20minutos .c-header__nav-btn .hamburger-inner:after,
.o-site-20minutos .c-header__nav-btn .hamburger-inner:before {
  background: #000;
}

.o-site-20minutos header .c-header__brand__logo * {
  fill: #000;
}

.c-detail__body .c-detail__embed {
  width: 100%;
  max-width: 100% !important;
  padding: 0 !important;
  overflow: unset !important;
}

.c-detail__body .c-detail__embed:last-of-type {
  margin-bottom: 0 !important;
}

.c-detail--special .c-detail__content .c-detail__body .c-detail__embed .c-detail__embed__code {
  display: flex;
  justify-content: center;
  width: 100%;
  max-width: 100% !important;
  padding: 0;
}

.c-detail--special .c-detail__content .c-detail__body .c-detail__embed .c-detail__embed__code>div {
  width: 100%;
}

.c-detail--special .c-detail__content .c-detail__body {
  max-width: inherit;
  margin-top: -9px;
}

.c-detail--special .c-detail__content .c-detail__data {
  display: none;
}

.o-site-20minutos .c-header__custom {
  align-items: center;
  bottom: .7rem;
  display: flex;
  justify-content: center;
  position: absolute;
  width: 100%;
  grid-gap: 0;
  gap: 0;
  gap: 6px;
  flex-direction: row;
}

.o-site-20minutos .c-detail__body>:not(:last-child):not(h2):not(h3):not(h4):not(h5):not(h6):not(.c-detail__media):not(.c-cars-slider):not(.c-valoration):not(.c-review-module) {
  margin-top: 0;
  margin-bottom: 0;
}

.o-site-20minutos .c-header__custom a span {
  color: #000;
  font-size: 12px;
}

.o-site-20minutos .c-header__main__custom {
  height: auto;
  padding-bottom: 30px;
}

@media (min-width: 768px) {
  .o-site-20minutos .c-header__custom {
    position: relative;
    bottom: 0;
    justify-content: right;
  }
  
  .o-site-20minutos .c-header__main__custom{
    padding-bottom: 0;
  }
}