@media screen and (min-width: 320px) {

    .dasa-cuida-foto { width: 100%; background: #C990C9; aspect-ratio: 16/9; font-size: 0; position: relative; background-image: url(../img/dasa-cuida-bg.webp); background-position: 190px 10px; background-repeat: no-repeat; background-size: 120px; }
    .dasa-cuida-foto-img { height: 80%; width: auto; position:absolute; bottom: 0; left: 2.5% }
    .dasa-cuida-foto-titulo { color: white; font-family: DasaBold, sans-serif; position: absolute; top: 120px; left: 190px; width: 150px; font-size: 18px; line-height:1; }

    .dasa-cuida-painel { width: 100%; }
    .dasa-cuida-item { color: white; margin-bottom: 25px; }
    .dasa-cuida-item h3 { font-size: 15px; font-family: DasaBold, sans-serif; color: #000F40 }
    .dasa-cuida-item p { padding-top: 10px; font-size: 14px; }
    .dasa-cuida-texto-02 { padding-top: 0;  }
    .dasa-cuida-texto-03 { padding-top: 250px;  }
    .dasa-cuida-texto-04 { padding-top: 300px;  }
    .dasa-cuida-texto-05 { padding-top: 200px;  }
    .dasa-cuida-icone { aspect-ratio: 1; object-fit: contain; width: 45px; }

    .dasa-cuida-tabs { position: relative; background: #9E76B4; }
    .dasa-cuida-tabs ul { width: 100%; list-style-type: none; }
    .dasa-cuida-tabs label { position: relative; width: 150px; aspect-ratio: 1; user-select: none; color: white; background: transparent; display: flex; flex-wrap: wrap; align-items: center; align-content: center; justify-content: center; cursor: pointer; transition: .1s; text-align: center; }
    .dasa-cuida-tabs label:hover { background: rgba(255, 255, 255, .07); }
    .dasa-cuida-tabs label::before { content: ""; width: 10px; height: 10px; display: block; aspect-ratio: 1; background-image: url(../img/seta-dasa-cuida.png); background-size: contain; background-position: center; background-repeat: no-repeat; position: absolute; top: 20px; right: 0; opacity: 0; } 
    .dasa-cuida-tabs label h2, p { width: 100%; }
    .dasa-cuida-tabs label h2 { font-size: 16px; padding: 15px 0 5px; color: #000F40;}
    .dasa-cuida-tabs label p { font-size: 13px; }
    .dasa-cuida-tabs .dasa-cuida-textos { visibility: hidden; opacity: 0; position: absolute; top: 0; width: calc(100% - 150px); height: 100%; transform: translateX(150px); transition: .1s; padding: 20px; }
    .dasa-cuida-rd-tabs { display: none; }
    .dasa-cuida-rd-tabs:checked ~ label { color: white; background: #81559A; }
    .dasa-cuida-rd-tabs:checked ~ label::before { opacity: 1; }
    .dasa-cuida-rd-tabs:checked ~ .dasa-cuida-textos { visibility: visible; opacity: 1; transition: .1s; background: #81559A; }

    .dasa-cuida-obs { width: 100%; padding: 30px; background: #81559A; }
    .dasa-cuida-obs p { color: white; font-size: 11px; font-style: italic; }


  }


  @media screen and (min-width: 580px) {

    .dasa-cuida-foto { aspect-ratio: 16/6; background-position: 300px 10px; }
    .dasa-cuida-foto-img { height: 90%; left: 5% }
    .dasa-cuida-texto-05 { padding-top: 300px;  }

    .dasa-cuida-foto-titulo { left: 300px; width: 250px; font-size: 18px; line-height:1; }

  }


  @media screen and (min-width: 980px) {


    .dasa-cuida-foto { background-position: 450px 0; background-size: 250px; }
    .dasa-cuida-foto-titulo { left: 450px; width: 360px; font-size: 30px; top: 220px; }

    .dasa-cuida-texto-01, .dasa-cuida-texto-02, .dasa-cuida-texto-03, .dasa-cuida-texto-04, .dasa-cuida-texto-05 { padding-top: 50px;  }
    .dasa-cuida-texto-01 { padding-left: 30px; }
    .dasa-cuida-texto-02 { padding-left: 30px; }
    .dasa-cuida-texto-03 { padding-left: 30px; }
    .dasa-cuida-texto-04 { padding-left: 30px; }
    .dasa-cuida-texto-05 { padding-left: 30px; } 
    .dasa-cuida-texto { display: flex; align-items: flex-start; column-gap: 35px; }
 
    .dasa-cuida-tabs { position: relative; background: #9E76B4; height: 550px; }
    .dasa-cuida-tabs ul { display: flex; align-items: flex-start; justify-content: flex-start; width: 100% }
    .dasa-cuida-tabs ul li { width: 100% }
    .dasa-cuida-tabs label { aspect-ratio: initial; height: 250px; width: 100%; }
    .dasa-cuida-tabs label::before { rotate: 90deg; top: initial; bottom:20px; right: initial; font-size: 24px; }
    .dasa-cuida-tabs .dasa-cuida-textos { visibility: hidden; opacity: 0; position: absolute; width: 100%; height: 300px; top: 250px; left: 50%; transform: translateX(-50%); transition: .0s; }
    .dasa-cuida-rd-tabs { display: none; }
    .dasa-cuida-rd-tabs:checked ~ .dasa-cuida-textos { transition: .0s; }

  }


  @media screen and (min-width: 1100px) {

    .dasa-cuida-item h3 { white-space: nowrap; font-size: 16px }


    .dasa-cuida-foto { aspect-ratio: 16/4; background-size: auto 200px; background-position: 60% 10px; }
    .dasa-cuida-foto-img { left: 25% }
    .dasa-cuida-foto-titulo { left: 50%; top: 190px; }

    .dasa-cuida-icone { width: 85px; }
    .dasa-cuida-texto { column-gap: 40px; }
    .dasa-cuida-texto-03 { padding-left: 0; justify-content: center }
    .dasa-cuida-texto-04, .dasa-cuida-texto-05 { justify-content: flex-end; padding-right: 50px; }

  }

  @media screen and (min-width: 1600px) {

    .dasa-cuida-foto { background-size: auto 200px; background-position: 57.5% 10px; }
    .dasa-cuida-foto-img { left: 25% }
    .dasa-cuida-foto-titulo { left: 50%; top: 190px; }


  }


  @media screen and (min-width: 1800px) {

    .dasa-cuida-foto { background-size: auto 300px; background-position: 60% 10px; }
    .dasa-cuida-foto-img { left: 25% }
    .dasa-cuida-foto-titulo { left: 50%; top: 290px; }


  }