* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    /*touch-action: manipulation;*/
    outline: none;
}

html {
    font-size: 34px;
}

/* ORIENTATION */

/* Tenta forçar o modo paisagem */
@viewport {
  orientation: landscape;
}

.orientation-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #FFFFFF;
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: #4F4A91;
}

.orientation-content {
    text-align: center;
}

.orientation-content img {
    width: 80px;
    margin-bottom: 20px;
    animation: rotateHint 2s infinite ease-in-out;
}

@keyframes rotateHint {
    0% { transform: rotate(0deg); }
    50% { transform: rotate(90deg); }
    100% { transform: rotate(0deg); }
}


/* Adding Poppins Fonts */

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-ExtraLightItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-Medium.ttf') format('truetype');
    font-weight: medium;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-MediumItalic.ttf') format('truetype');
    font-weight: medium;
    font-style: italic;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-ExtraBold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

body {
    font-family: 'Poppins', sans-serif;
    font-weight: normal;
    height: 100vh;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

h1 {
    font-size: 1.8rem;
    font-weight: 600;
    letter-spacing: -0.02rem;
    color: #57529B;
    line-height: 100%;
}

h1 span {
    color:#37C2E2;
}

.subh1 {
    font-size: 1.35rem;
    margin-bottom: 0.7rem;
    color: #57529B;
}

h2 {
    font-size: 0.9rem;
    font-weight: normal;
    letter-spacing: -0.02rem;
    color: #707093;
    line-height: 150%;
}

ul {
    padding-left: 1.8rem;
}

ul li {
    list-style: none;
    color: #707093;
    font-weight: 500;
    line-height: 120%;
    margin-top: 0.2rem;
}
ul li::before {
  content: "✓";
  display: inline-block;
  width: 0.76rem;
  height: 0.79rem;
  color: #37C2E2;
  margin-right: 0.4rem;
}
ol {
    padding: 1rem 0 0.4rem;
}

ol li {
    list-style: number inside;
    font-size: 0.7rem;
    margin-bottom: 1rem;
    color:#707093;
}
ol li::marker {
    font-weight: 600;
    color: #37C2E2;
    font-size: 0.8rem;
    display: inline-block;
    margin-right: 1rem;
}

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

video {
    background: #5F5BA0;
}

video::-webkit-media-controls {
    display: none !important;
}
video::-webkit-media-controls-enclosure {
    display: none !important;
}
video::-webkit-media-controls-panel {
    display: none !important;
}
video::-webkit-media-controls-play-button,
video::-webkit-media-controls-start-playback-button {
    display: none !important;
}

.gray {
    color: #676767;
}

.disclaimer {
    color:#98A4AA;
    font-size: 0.44rem;
    margin-top: 2rem;
    font-weight: normal;
}

.bgpurple {
    background: #5F5BA0;
}

.bgpurple2 {
    background: #57529B;
}

.center {
    text-align: center;
}

.slide-header {
    background: #57529B;
    border-radius: 0 0 60px 0;
    padding:0.8rem 1.4rem 0.5rem;
    display: inline-block;
    position: fixed;
    z-index: 20;
    left: 0;
    top: 0;
    width: fit-content;
    max-width: 15.5rem;
}

.slide-header img {
    max-height: 3rem;
    width: 100%;
}

#slide-container {
    flex: 1;
    position: relative;
    overflow: hidden;
}

.slide {
    position: absolute;
    width: 100%;
    height: 100%;
    display: none;
    padding: 0;
    overflow: hidden;
    background: #F8F9FC;
}

.slide.active {
    display: block;
}

.slide-content {
    padding-top:5.5rem;
    height: 100vh;
}

/* NAVIGATION */

#nav-container {
    background: #57529B;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2rem;
    flex-shrink: 0;
    padding:0.73rem 0.64rem;
    border-radius: 0 1.75rem 0 0;
}

.nav-btn {
    padding: 0.5rem 1.8rem;
    font-size: 0.64rem;
    font-weight: 600;
    line-height: 1rem;
    background: #4F4A91;
    color: white;
    border: none;
    border-radius: 1.8rem;
    min-width: 150px;
    cursor: pointer;
    font-family: 'Poppins', sans-serif;
    transition: all ease 0.4s;
}

.nav-btn:hover {
    background: #A175EF !important;
}

.nav-btn svg {
    margin:0 0.15rem -0.15rem 0.15rem;
    width: 0.8rem;
    height: 0.8rem;
}

#back-btn svg {
    margin-left: 0;
}

#next-btn svg {
    margin-right: 0;
}

.nav-btn.active {
    background: linear-gradient(90deg,rgba(55, 194, 226, 1) 0%, rgba(161, 117, 239, 1) 100%);
}

.nav-secondary {
    padding: 10px 20px;
    font-size: 16px;
    background: #444;
}

#back-btn, #next-btn {
    transition: opacity 0.3s ease;
}

#back-btn.invisible, #next-btn.invisible {
    opacity: 0;
    pointer-events: none; /* Desativa cliques */
}

#back-btn {
    margin-right: auto; /* Empurra para a esquerda */
    margin-left: 20px; /* Opcional: ajuste o espaçamento */
}

#next-btn {
    margin-left: auto; /* Empurra para a direita */
    margin-right: 20px; /* Opcional: ajuste o espaçamento */
}

/* ONE COLUMN LAYOUT */

.one-col {
    width: 100vw;
    height: 100vh;
    display: flex;
    overflow-x: hidden;
    flex-direction: column;
    padding:1.8rem 1.5rem 0 1.5rem;
}

/* TWO COLUMNS LAYOUT - 60/30 */

.two-col {
    width: 100vw;
    height: 100vh;
    display: grid;
    grid-template-columns: 63% 37%;
    overflow-x: hidden;
}

.two-col .left {
    padding:1.8rem 3rem 0 2rem;
}

.two-col .right {
    position: relative;
    height: 100%;
    width: 100%;
}

/* TWO COLUMNS LAYOUT - 50/50 */

.two-col-50 {
    width: 100vw;
    height: 100vh;
    display: grid;
    grid-template-columns: 50% 50%;
    overflow-x: hidden;
}

.two-col-50 .left {
    padding:1.8rem 3rem 0 2rem;
}

.two-col-50 .right {
    text-align: center;
}

/* VIDEO WRAPPER */

.video-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; /* Esconde qualquer parte do vídeo que ultrapasse o wrapper */
    border-radius: 6.5rem 0 0 0;
}

.video-wrapper video {
    margin-left: -60%;
    margin-top:-10%;
    height: 100%;
    object-fit: cover; /* Faz o vídeo cobrir todo o espaço mantendo a proporção */
    object-position: center; /* Centraliza o vídeo */
}


/* WHITE BOXES */

.white-boxes {
    margin-top: 2rem;
}

.white-boxes .box {
    background: #FFFFFF;
    font-size: 0.64rem;
    color:#707093;
    border-radius: 1.8rem 0.9rem 1.8rem 0.9rem;
    padding: 0.9rem 1.4rem;
    text-align: center;
}

.white-boxes .box h3 {
    font-weight: 600;
    font-size: 0.65rem;
    margin-bottom: 0.1rem;
    color:#57529B;
}

.white-boxes .box span {
    color: #57529B;
    font-weight: 600;
}

.white-boxes .box svg {
    width: auto;
    height: auto;
    margin-bottom: 0.5rem;
}

.white-boxes .box .minor {
    font-size: 0.5rem;
    color:#707093;
}

.white-boxes .box sup {
    font-size: 0.32rem;
    color:rgba(152, 164, 170, 0.85);
}

.reference p {
    font-weight: 600;
    font-size: 0.4rem;
    color: #B9B9B9;
    text-align: center;
    margin-top: 1.6rem;
}

/* 3 COL GRID */

.grid-3 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 1rem;
}


/* 2 COL GRID */

.grid-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

/* 2x2 GRID */

.grid-2-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 1.6rem;
    margin-top: 2rem;
}

/* REUSABLE COMPONENTS */

.video-container {
    max-width: 800px;
    margin: 20px auto;
}

.video-container video {
    width: 100%;
    display: block;
}

.pic-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    height: 100vh;
    border-radius: 5rem 0 0 0;
    overflow: hidden;
    max-width: 45%;
}

.pic-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: right;
    border-radius: 5rem 0 0 0;
}

.meds {
    padding:0 5.5rem 0 3.5rem;
}

.med {
    display: flex;
    flex-direction: row;
    margin-top: 0.6rem;
    color: #707093;
}

.med svg {
    margin-right: 0.8rem;
}

.highlight {
    background: #A7ACDD;
    color: #FFFFFF;
    font-size: 0.7rem;
    border-radius: 1.02rem 0.58rem;
    padding: 0.8rem;
    margin-top: 2rem;
    letter-spacing: -0.01rem;
    font-weight: normal;
    text-align: center;
}

footer {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    z-index: 3;
}

.subfooter {
    width: 100vw;
    height: 0.3rem;
    background: linear-gradient(90deg,rgba(55, 194, 226, 1) 0%, rgba(161, 117, 239, 1) 100%);
}


/* SPECIFIC SLIDES CHANGES */

.slide-home {
    background: #5F5BA0;
    text-align: center;
}

.slide-home .slide-header { 
    display:none;
}

.slide-home .logo {
    width: 100%;
    max-width: 14.5rem;
    margin-top: -4rem;
    margin-bottom: -2rem;
    z-index: 2;
    position: relative;
}

.slide-home h2 {
    color: #FFFFFF;
    margin-top: -1rem;
}

.slide-home .video-container {
    text-align: center;
}

.slide-home .video-container img {
    width: 100%;
    height: auto;
}

.slide-home .description {
    color: #A7ACDD;
    font-size: 0.65rem;
    padding: 0.4rem 2rem 0;
}

.slide-home .description a {
    color: #37C2E2;
    text-decoration: underline;
}

.slide-aasm-guidelines h1 {
    margin-bottom: 0.8rem;
    line-height: 120%;;
}

.slide-aasm-guidelines h2 {
    margin-bottom: 0.8rem;
    line-height: 140%;;
}

.slide-powered-by-tomac h2 {
    line-height: 140%;
}

.slide-powered-by-tomac ol {
    padding-left: 0.6rem;
}

.slide-powered-by-tomac ul {
    margin: 1rem 0;
}

.slide-powered-by-tomac ul li {
    font-size: 0.8rem;
}

.slide-powered-by-tomac .h2minor {
    color:#707093;
    font-size: 0.7rem;
}

.slide-powered-by-tomac .disclaimer p {
    font-size: 0.44rem;
}

.slide-powered-by-tomac .two-col .left {
    padding-right: 4rem;
}

.slide-powered-by-tomac .video-wrapper video {
    margin-left: -200%;
    margin-top: -40%;
}

.slide-powered-by-tomac .disclaimer {
    margin-top: 1rem;
    font-weight: normal;
}

.slide-the-problem-with-rls h1 {
    margin-bottom: 0.8rem;
}

.slide-the-problem-with-rls .white-boxes {
    margin-top: 2rem;
    padding-right: 4rem;
}

.slide-the-problem-with-rls .white-boxes .box {
    padding: 0.8rem 1.3rem;
}

.slide-the-problem-with-rls .pic-wrapper {
    max-width: 100%;
    left: 0;
}

.slide-the-problem-with-rls .pic-wrapper img {
    margin-top: -3rem;
    object-position:center;
}

.slide-what-is-nidra .white-boxes {
 margin-top: 0.8rem;
}

.slide-what-is-nidra .white-boxes .box {
    padding:0.9rem 0.3rem;
}

.slide-rls-treatment-options h1 {
    margin-bottom: 0.6rem;
}

.slide-rls-treatment-options h2 {
    line-height: 140%;
}

.slide-rls-treatment-options ul {
    margin-top: 1rem;
}

.slide-rls-treatment-options ul li {
    line-height: 140%;
}

.slide-rls-treatment-options .white-boxes {
    padding-right: 3rem;
}

.slide-what-is-nidra h1 {
    margin-bottom: 1rem;
}

.slide-what-is-nidra .two-col {
    grid-template-columns: 63% 37%;
}

.slide-what-is-nidra .two-col .left {
    padding-right: 1.6rem;
}

.slide-what-is-nidra .white-boxes .box {
    font-size: 0.54rem;
    padding: 0.9rem 0.4rem;
}

.slide-what-is-nidra .video-wrapper video {
    margin-left: -120%;
    margin-top: -30%;
}

.slide-personalized-activation .two-col {
    grid-template-columns: 55% 45%;
}

.slide-personalized-activation .two-col .right {
    position: inherit;
}

.slide-patient-journey-1 h1,
.slide-patient-journey-2 h1,
.slide-patient-journey-3 h1,
.slide-patient-journey-4 h1 {
    margin-bottom: 1rem;
}

.slide-personalized-activation ul {
    margin-top: 2rem;
}

.slide-personalized-activation ul li {
    line-height: 150%;
    letter-spacing: -0.02rem;;
    font-size: 0.787rem;
}

.slide-video-2 {
    background: #555199;
    text-align: center;
}

.slide-video-2 .slide-header {
    display: none;
}

.slide-video-2 .video-container {
    max-width:17.5rem;
    margin-top: -1rem;
}

.slide-important-safety-info .slide-header {
    display: none;
}

.slide-important-safety-info .slide-content {
    background: #57529B;
    padding-top: 2rem;
}

.slide-important-safety-info .text-container {
    padding: 0 2.6rem;
    letter-spacing: -0.02rem;
}

.slide-important-safety-info h2,
.slide-important-safety-info h3,
.slide-important-safety-info ul li,
.slide-important-safety-info p {
    color: #FFFFFF;
    font-size: 0.56rem;
}

.slide-important-safety-info h2 {
    font-weight: bold;
}
.slide-important-safety-info h3 {
    padding: 0.4rem 0 0 0;
}
.slide-important-safety-info ul {
    padding: 0.25rem 0 0.25rem 1rem;
}
.slide-important-safety-info ul li {
    font-weight: 100;
    line-height: 130%;
    list-style: disc inside;
}
.slide-important-safety-info ul li::before {
    display: none;
}
.slide-important-safety-info p {
    font-weight: 100;
}

.slide-clinical-evidence-1 h1,
.slide-clinical-evidence-2 h1,
.slide-clinical-evidence-3 h1 {
    color: #57529B;
    margin-top: 2rem;
}

.slide-clinical-evidence-1 .two-col,
.slide-clinical-evidence-2 .two-col,
.slide-clinical-evidence-3 .two-col {
    grid-template-columns: 55% 45%;
}



.slide-clinical-evidence-1 .two-col {
    grid-template-columns: 55% 45%;
}

.slide-patient-journey h1 {
    margin-bottom: 1rem;
}

.slide-video-1 video {
  background: radial-gradient(circle, #dfe0d6 0%, #dfe0d6 40%, #cbccc2 100%);
}

.slide-video-1 .slide-header {
    display: none;
}
.slide-video-1 .slide-content {
    padding: 0;
}

.slide-video-1 .video-full {
    text-align: center;
}

.slide-video-1 video {
    width: 100vw;
    height: 100vh;
    position: relative;
    z-index: 2;
    object-fit: cover;
}

/* .slide-since-sleep-2024 .slide-header{
    display: none;
} */

.slide-since-sleep-2024 video {
    margin-bottom: 4rem;
    position: relative;
    z-index: 2;
    margin-top: -5rem;
    width: 100vw;
    height: 100vh;
    background: #f7f9fb;
}

.slide-since-sleep-2024 .float {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center; /* Centraliza horizontalmente */
    justify-content: flex-start; /* Alinha no topo */
    padding: 1rem;
    z-index: 3;
    text-align: center; 
}

.slide-since-sleep-2024 ul {
    padding: 1rem 0 0 6rem;
}

.slide-since-sleep-2024 ul li {
    text-align: left;
    font-size: 0.64rem;
}

.slide-the-burden-of-rls h2 {
    margin:0.5rem 0 0 0;
}

.slide-the-burden-of-rls .grid-3 {
    gap: 1.6rem;
}

.slide-the-burden-of-rls .vid-boxes {
    padding: 1rem 2rem 0 2rem;
}

.slide-the-burden-of-rls .box {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%; /* Proporção 16:9 */
    overflow: hidden;
}

.slide-the-burden-of-rls h1 {
    margin-bottom: 0.3rem;
}

.slide-the-burden-of-rls h2 {
    margin-bottom: 0.8rem;
}

.slide-the-burden-of-rls .box video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.slide-the-burden-of-rls .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 1.8rem 0.9rem;
}

.slide-the-burden-of-rls .overlay::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #A175EF 0%, #37C2E2 100%);
    mix-blend-mode: multiply;
    transform:translate3d(0,0,0);
    opacity: 0.7;
    border-radius: 1.8rem 0.9rem;
}

.slide-the-burden-of-rls .overlay-content {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center; 
    color: white;
    box-sizing: border-box;
    padding: 1rem;
    padding:1rem 2rem; 
}

.slide-the-burden-of-rls .disclaimer {
    margin-top: 0.8rem;
}

.slide-prescribing-nidra-is-easy .one-col {
    padding-top:0.2rem;
}

.slide-prescribing-nidra-is-easy h1,
.slide-noctrix-take-care h1 {
    margin-bottom: 0.3rem;
}

.slide-prescribing-nidra-is-easy h2 {
    margin-bottom: 0.6rem;
    margin-top: 0.8rem;
}

.slide-prescribing-nidra-is-easy .white-boxes,
.slide-noctrix-take-care .white-boxes {
    margin: 1.5rem 5rem 0;
}

.slide-prescribing-nidra-is-easy .box h3 {
    color: #57529B;
    font-size: 0.64rem;
    font-weight: 700;
    margin-bottom: 0.3rem;
}

.slide-noctrix-take-care .box h3 {
    color: #57529B;
    font-size: 1rem;
    font-weight: 600;
}

.slide-prescribing-nidra-is-easy .box p,
.slide-noctrix-take-care .box p {
    font-weight: normal;
    letter-spacing: -0.02rem;
    color:#707093;
}

.slide-prescribing-nidra-is-easy h2 span,
.slide-noctrix-take-care h2 span {
    color: #37C2E2;
}

.slide-prescribing-nidra-is-easy .white-boxes .box svg,
.slide-noctrix-take-care .box svg {
    height: 2.7rem;
    width: 2.7rem;
}

.slide-prescribing-nidra-is-easy .white-boxes .box:nth-child(3) svg,
.slide-noctrix-take-care .white-boxes .box:nth-child(3) svg {
    height: 3.1rem;
    width: 3.1rem;
    margin-bottom: 0;
}

.slide-prescribing-nidra-is-easy .questions {
    margin-top: 2rem;
}

.slide-prescribing-nidra-is-easy .questions h3 {
    color: #707093;
    font-size: 0.64rem;
    margin-bottom: 0.1rem;
}

.slide-prescribing-nidra-is-easy .questions p {
    color: #707093;
    font-size: 0.64rem;
}

.slide-clinical-trials h1,
.slide-clinical-trials-2 h1,
.slide-clinical-trials-3 h1 {
    margin: 2rem 0 0 1rem;
}

.slide-clinical-trials .two-col-50 .left,
.slide-clinical-trials-2 .two-col-50 .left,
.slide-clinical-trials-3 .two-col-50 .left {
    padding: 1.8rem 0rem 0 2rem;
}

.slide-clinical-trials ul,
.slide-clinical-trials-2 ul,
.slide-clinical-trials-3 ul {
    padding: 1rem 0 1rem 1rem;
}

.slide-clinical-trials ul li,
.slide-clinical-trials-2 ul li,
.slide-clinical-trials-3 ul li {
    line-height: 200%;
}

.slide-your-nidra-therapy-tracker .two-col {
    grid-template-columns: 60% 40%;
}

.slide-your-nidra-therapy-tracker .box {
    padding: 1rem;
}

.slide-your-nidra-therapy-tracker .right {
    padding-right: 2rem;
}

.slide-clinical-highlights .grid-2-2 {
    margin: 2.6rem 2.6rem 2rem 2.6rem;
}

.slide-clinical-highlights .disclaimer {
    margin-top: 1.6rem;
}

.clinical-highlight h3 svg {
    width: 2.8rem;
    height: 2.8rem;
}

.slide-faces-of-refractory-rls h1 {
    margin-bottom: 1rem;
}

.slide-faces-of-refractory-rls h2 {
    padding-right: 1rem;
    font-weight: normal;
    line-height: 140%;
}

.slide-faces-of-refractory-rls .two-col-50 .left {
    padding:5.8rem 1rem 0 2rem;
}

.slide-nidra-availability .slide-content {
    padding-top: 0;
}

.slide-nidra-availability .two-col .left {
    padding-top: 7rem;
}

.slide-nidra-availability .two-col {
    grid-template-columns: 58% 42%;
}

.slide-nidra-availability ul {
    padding: 0;
}

.slide-nidra-availability ul li {
    margin: 0;
}

.slide-nidra-availability ul li::before {
    display: none;
}

.clinical-highlight {
    display: flex;
    gap: 0.6rem;
}

.clinical-highlight .left {
    border-right: solid 3px #37C2E2;
    padding: 0 0.6rem 0 0;
    display: flex;
    align-items: center;
}

.clinical-highlight .right {
    display: flex;
    text-align: left;
    align-items: center;
    justify-content: flex-start;
}

.clinical-highlight h3 {
    font-size: 1.9rem;
    font-weight: 700;
    color: #37C2E2;
    width:4.2rem;
}

.clinical-highlight p {
    font-size: 1rem;
    color: #57529B;
    line-height: 110%;
}

.patient-journeys {
    margin: 2rem 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 1rem;
}

.journey {
    background: #FBFBFD;
    padding: 1rem;
    border-radius:1.9rem 0.9rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
}

.journey svg path {   
    stroke: #ABE3F2;
}

.journey4 svg path {   
    fill: #ABE3F2;
}

.journey h3 {
    font-size: 1rem;
    font-weight: 600;
    color: #B8B6D5;
    letter-spacing: -0.02rem;
    text-align: center;
    line-height: 110%;
    margin-top: 0.4rem;
}

.journey ul {
    margin-top: 0.5rem;
    padding: 0;
}

.journey ul li {
    color: #D8DAF0;
    font-size:0.65rem;
    line-height: 130%;
    font-weight: normal;
}

.journey.active {
    background:#FFFFFF;
}

.journey.active h3 {
    color: #57529B;
}

.journey.active ul li {
    color: #A7ACDD;
}

.journey.active svg path {
    stroke: #37C2E2;
    
}

.journey4.active svg path {
    fill: #37C2E2;
}


.evidences {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 1rem;
}

.evidences a {
    background: #A7ACDD;
    border-radius: 1rem;
    padding: 0.3rem 1.2rem 0.3rem 0.8rem;
    display: inline-flex;
    color: #FFFFFF;
    text-decoration: none;
    align-items: center;
    white-space: nowrap;
}

.evidences a.active {
    background: #57529B;
}

.evidences a::before {
    content: "";
    width: 1rem;
    height: 1rem;
    display: inline-flex;
    border-radius: 1rem;
    background: #A7ACDD;
    border: solid 0.1rem #FFFFFF;
    margin-right: 0.5rem;
}

.evidences a.active::before {
    background: #37C2E2;
}

.chart-container {
    position: relative;
    width: 80%;
    margin: 0.6rem auto;
    background: #FFFFFF;
    padding: 1rem 2rem;
    border-radius: 2rem 1rem 2rem 1rem;
}

.chart-container canvas {
    max-height: 8rem;
}


.legend {
    display: flex;
    justify-content: center;
    margin-top: -0.5rem;
    flex-wrap: wrap;
}
.legend-item {
    display: flex;
    align-items: center;
    margin: 0 10px;
}
.legend-item span {
    font-size: 0.45rem;
}
.legend-color {
    width: 20px;
    height: 20px;
    margin-right: 5px;
    border-radius: 0.4rem; /* Bordas arredondadas nos quadrados */
    border: 1px solid #FFF;
}
.chart-head {
    display: flex;
    flex-direction: row;
}
.chart-head svg {
    margin-right: 0.4rem;
    width: 2rem;
    height: 2rem;
}
.chart-head h2 {
    font-size: 1.8rem;
    line-height: 135%;
}
.chart-headline h3 {
    font-size: 0.65rem;
    color:#A7A7A7;
    font-weight: normal;
    margin: 0.6rem 0;
}
.chart-container .disclaimer {
    margin-top: 1rem;
}
.chart-container .weeks {
    font-size: 0.6rem;
    font-weight: bold;
    color:#2E345F;
    text-align: center;
    margin-top:0.4rem;
}
.chart-container .additional {
    font-size: 0.6rem;
    margin-left: 0.4rem;
    line-height: 100%;
}


.linktree {
    border: solid 0.02rem #A7ACDD;
    border-radius: 1rem 1rem 1rem 1rem;
    padding: 1rem;
    margin: 0 auto;
    display: inline-flex;
    flex-direction: column;
}

.linktree p {
    color: #FFFFFF;
    font-size: 0.65rem;
    display: inline-block;
    margin-top: 0.2rem;
}

.vid-boxes .box {
    border-radius:1.8rem 0.9rem;
    padding: 1rem;
    height: 100%;
    min-height: 11.5rem;
}

.vid-boxes .box video {
    border-radius: 1.8rem 0.9rem;
}

.vid-boxes h3 {
    color: #FFFFFF;
}

.vid-boxes p {
    color: #FFFFFF;
    font-weight: 200;
    font-size: 0.52rem;
    line-height: 100%;
    min-height: 1.5rem;
}

.people-container {
    position: relative;
    width: 100%;
    padding: 1rem 1.6rem 2rem 2.6rem;
}

.people-background {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 70%;
    background: #57529B;
    border-radius: 5rem 0 0 1.8rem;
    z-index: 0;
}

.people-boxes {
    position: relative;
    display: flex;
    gap: 1.4rem;
    z-index: 1;
}

.people-boxes .vid {
    width: 100%;
    text-align: left;
}

.people-boxes .vid video {
    width: 5.36rem;
    height: 5.94rem;
    border-radius:0.58rem 1.17rem;
    background: #e4e4e4;
    object-fit: cover;

}

.people-boxes .vid h2 {
    color: #FFFFFF;
    font-size: 1.4rem;
    margin:1rem 0 0.8rem 0;
}

.people-boxes .vid p {
    color: #FFFFFF;
    font-size: 0.65rem;
    font-weight: normal;
    letter-spacing: -0.03rem;
}

.map-area {
    background: linear-gradient(#37C2E2, #A175EF);
    padding: 2rem 1.4rem;
    border-radius: 4.6rem 0 0 0;
    height: 100vh;
    position: relative;
}

.map-area h2 {
    color: #FFFFFF;
    text-align: center;
}

.map-area img {
    width: 100%;
    height: auto;
}

.grid-map {
    display: none;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 1rem;
    width: 100%;
}

.grid-map.active {
    display: grid;
}

.grid-map ul {
    height: 1.5rem;
    padding: 0;
}

.grid-map ul li {
    color: #FFFFFF;
    font-size: 0.4rem;
    font-weight: normal;
}

.grid-map ul li.new {
    font-weight: bold;
}

.period-tabs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    position: absolute;
    bottom: 5rem;
    width: 87%;
}

.period {
    color: #FFFFFF;
    background: #7D7ED7;
    border-radius: 1rem;
    display: inline-flex;
    padding: 0.3rem 0.6rem;
    font-size: 0.5rem;
    width: 100%;
    justify-content: center;
    align-items: center;
    margin-top: 1rem;
    text-decoration: none;
}

.period.active {
    background: #57529B;
}

.map {
    margin: 1rem 0;
}

.map svg {
    width: 100%;
    height: auto;
}

/* MAP STATES */

.arizona,
.california,
.connecticut,
.delaware,
.district-of-columbia,
.florida,
.georgia,
.illinois,
.indiana,
.kentucky,
.maine,
.maryland,
.massachusetts,
.michigan,
.minnesota,
.missouri,
.nevada,
.new-hampshire,
.new-jersey,
.north-carolina,
.ohio,
.pennsylvania,
.rhode-island,
.south-carolina,
.tennessee,
.texas,
.virginia,
.west-virginia,
.new-york,
.vermont {
    fill:#F3EBFF;
}

.covered {
    fill:#F3EBFF;  
}



/* ===== LAPTOPS ===== */
/* Small Laptops (until 1366px) - HD */
@media (max-width: 1365px) {
    html {
        font-size: 24px;
    }
}

/* Medium/Large Laptops (1366px–1920px) - Full HD */
@media (min-width: 1366px) and (max-width: 1919px) {
    html {
        font-size: 26px;
    }

    .slide-content {
        padding-top:5rem;
    }
    .video-wrapper video {
        margin-left: -80%;
    }
    .slide-what-is-nidra .video-wrapper video {
        margin-left: -105%;
    }
    .slide-powered-by-tomac .video-wrapper video {
        margin-left: -150%;
    }
    .nav-btn svg {
        width: 0.8rem;
        height: 0.8rem;
    }
    .slide-home .video-container {
        max-width: 24rem;
    }
    .slide-since-sleep-2024 video {
        margin-top: -6.5rem;
    }
    .slide-prescribing-nidra-is-easy .white-boxes {
        margin: 1rem 4rem;
    }
    .slide-prescribing-nidra-is-easy .one-col {
        padding-top: 0.2rem;
    }
    .slide-noctrix-take-care .white-boxes {
        margin: 1rem 4rem;
    }
    .slide-noctrix-take-care .one-col {
        padding-top: 0.2rem;
    }
    .slide-clinical-trials .right img,
    .slide-clinical-trials-2 .right img,
    .slide-clinical-trials-3 .right img {
        max-width: 18rem;
    }
    .slide-header img {
        max-height:3rem;
        height: 3rem;
        width: 100%;
    }
    .slide-aasm-guidelines .video-wrapper video {
        margin-left: -10%;
    }
    .slide-prescribing-nidra-is-easy .questions {
        margin-top: 0.6rem;
    }
}

/* Large Laptops 16" (1920x1200 or 2560x1600) */
@media (min-width: 1920px) and (max-width: 2559px) {
    html {
        font-size: 36px;
    }
    .slide-content {
        padding-top: 6rem;
    }
    .video-wrapper video {
        margin-left: -90%;
    }
    .slide-home .video-container {
        max-width: 28rem;
    }
    .slide-the-problem-with-rls .white-boxes {
        padding-right: 0;
    }
    .two-col {
        grid-template-columns: 60% 40%;
    }
    .video-wrapper video {
        margin-left: -95%;
    }
    .slide-aasm-guidelines .video-wrapper video {
        margin-left: -10%;
    }
    .slide-powered-by-tomac .video-wrapper video {
        margin-left: -170%;
        margin-top: -40%;
    }
    .slide-video-2 .linktree svg {
        width: 7rem;
        height: 7rem;
    }
    .slide-important-safety-info ul li,
    .slide-important-safety-info p,
    .slide-important-safety-info h2,
    .slide-important-safety-info h3 {
        font-size: 0.65rem;
    }
    .slide-what-is-nidra .two-col .left {
        padding-right: 4rem;
    }

    .slide-what-is-nidra .white-boxes .box:nth-child(2) {
        padding-left:0.5rem;
        padding-right:0.5rem;
    }
    .period-tabs {
        bottom: 4.4rem;
    }
}

/* iPad 9th Gen (Landscape: 2160x1620) */
@media only screen 
  and (min-device-width: 2160px) and (max-device-width: 2160px) 
  and (min-device-height: 1620px) and (max-device-height: 1620px)
  and (orientation: landscape) {
    html {
        font-size: 44px;
    }
    .slide-the-problem-with-rls .white-boxes {
        padding-right: 0;
    }
    .two-col {
        grid-template-columns: 60% 40%;
    }
    .video-wrapper video {
        margin-left: -125%;
    }
    .slide-the-burden-of-rls .vid-boxes {
        padding: 1rem 0.8rem 0 0.8rem;
    }
    .slide-rls-treatment-options .white-boxes {
        padding-right: 1rem;
    }
    .slide-aasm-guidelines .video-wrapper video {
        margin-left: -20%;
    }
    .slide-what-is-nidra .white-boxes {
        margin-top: 1.6rem;
    }
    .slide-what-is-nidra .white-boxes .box svg {
        height: 1.6rem;
    }
    .slide-what-is-nidra .video-wrapper video {
        margin-left: -160%;
    }
    .slide-powered-by-tomac .two-col .left {
        padding-right: 5rem;
    }
    .slide-powered-by-tomac .video-wrapper video {
        margin-left: -220%;
        margin-top: -44%;
    }
    .slide-clinical-trials .right img,
    .slide-clinical-trials-2 .right img,
    .slide-clinical-trials-3 .right img {
        width: 20rem;
    }
    .slide-since-sleep-2024 video {
        margin-top: -3.2rem;
    }    
    .slide-video-1 video {
        width: 102vw;
        height: 105vh;
        object-fit: contain;
    }
    .journey h3 {
        font-size: 0.8rem;
    }
    .slide-your-nidra-therapy-tracker h1 {
        font-size: 1.7rem;
    }
    .slide-video-2 .linktree svg {
        width: 7rem;
        height: 7rem;
    }
    .slide-important-safety-info ul li,
    .slide-important-safety-info p,
    .slide-important-safety-info h2,
    .slide-important-safety-info h3 {
        font-size: 0.7rem;
    }
    .map {
        margin: 2rem 0;
    }
    #back-btn svg,
    #next-btn svg {
        width: 0.8rem;
        height: 0.8rem;
    }
    #logo-btn img {
        max-width: 12rem;
    }
}

/* iPad Air 4th Gen (A16) - Landscape: 2360x1640 */
@media only screen 
  and (min-device-width: 2360px) and (max-device-width: 2360px)
  and (orientation: landscape)
  and (-webkit-min-device-pixel-ratio: 2) {
    
    html {
        font-size: 46px;
    }
    .slide-content {
        padding-top: 7rem;
    }
    .slide-what-is-nidra .video-wrapper video {
        margin-left: -145%;
    }

    .slide-powered-by-tomac .video-wrapper video {
        margin-left: -200%;
    }

    .slide-since-sleep-2024 video {
        margin-top: -4rem;
    }
    .slide-powered-by-tomac .video-wrapper video {
        margin-left: -210%;
        margin-top: -40%;
    }
}

/* iPad Pro 11th Gen (Landscape: 2388x1668) */
@media only screen 
  and (min-device-width: 2388px) and (max-device-width: 2388px) 
  and (orientation: landscape) {
    html {
        font-size: 50px;
    }
    .slide-the-problem-with-rls .white-boxes {
        padding-right: 0;
    }
    .two-col {
        grid-template-columns: 60% 40%;
    }
    .video-wrapper video {
        margin-left: -115%;
    }
    .slide-the-burden-of-rls .vid-boxes {
        padding: 1rem 1rem 0 1rem;
    }
    .slide-rls-treatment-options .white-boxes {
        padding-right: 1rem;
    }
    .slide-aasm-guidelines .video-wrapper video {
        margin-left: -20%;
    }
    .slide-what-is-nidra .white-boxes .box svg {
        height: 1.8rem;
    }
    .slide-what-is-nidra .video-wrapper video {
        margin-left: -146%;
    }
    .slide-powered-by-tomac .two-col .left {
        padding-right: 5rem;
    }
    .slide-powered-by-tomac .video-wrapper video {
        margin-left: -205%;
        margin-top: -46%;
    }
    .slide-clinical-trials .right img,
    .slide-clinical-trials-2 .right img,
    .slide-clinical-trials-3 .right img {
        width: 20rem;
    }
    .slide-since-sleep-2024 video {
        margin-top: -4.6rem;
    }
    .slide-video-1 video {
        width: 102vw;
        height: 105vh;
        object-fit: contain;
    }
    .journey h3 {
        font-size: 0.8rem;
    }
    .slide-your-nidra-therapy-tracker h1 {
        font-size: 1.7rem;
    }
    .slide-video-2 .linktree svg {
        width: 7rem;
        height: 7rem;
    }
    #back-btn svg,
    #next-btn svg {
        width: 0.7rem;
        height: 0.7rem;
    }  
}

/* High Resolution Laptops (2560px+) - QHD/4K */
@media (min-width: 2560px) {
    html {
        font-size: 54px;
    }
    .slide-home video {
        width: 24rem;
    }
    .slide-home .video-container {
        max-width: 50vw;
    }
    .slide-the-problem-with-rls .white-boxes {
        padding-right: 0;
    }
    .two-col .left {
        padding: 2.4rem 3rem 0 2rem;
    }
    .two-col {
        grid-template-columns: 60% 40%;
    }
    .video-wrapper video {
        margin-left: -100%;
    }
    .slide-the-burden-of-rls .vid-boxes {
        padding: 1rem 0.3rem 0 0.3rem;
    }
    .slide-rls-treatment-options .white-boxes {
        margin-top: 1.2rem;
        padding-right: 1rem;
    }
    .meds {
        padding: 0 4rem;
    }
    .highlight {
        margin-top: 1.6rem;
        font-size: 0.6rem;
    }
    .slide-aasm-guidelines .video-wrapper video {
        margin-left: -20%;
    }
    .slide-what-is-nidra .white-boxes .box {
        font-size: 0.5rem;
    }
    .slide-what-is-nidra .white-boxes .box svg {
        height: 1.7rem;
    }
    .slide-powered-by-tomac .two-col .left {
        padding-right: 4rem;
    }
    .slide-powered-by-tomac .video-wrapper video {
        margin-left: -160%;
        margin-top: -25%;
    }
    .slide-clinical-trials .right img,
    .slide-clinical-trials-2 .right img,
    .slide-clinical-trials-3 .right img {
        width: 17rem;
    }
    .slide-clinical-trials ul li,
    .slide-clinical-trials-2 ul li,
    .slide-clinical-trials-3 ul li {
        font-size: 0.84rem;
    }
    .slide-since-sleep-2024 video {
        margin-top: -3.5rem;
    }
    .slide-prescribing-nidra-is-easy .white-boxes svg {
        height: 2.4rem;
    }
    .slide-noctrix-take-care .white-boxes svg {
        height: 2.4rem;
    }
    .journey ul li {
        font-size: 0.58rem;
    }
    .slide-your-nidra-therapy-tracker h1 {
        font-size: 1.7rem;
    }
    .slide-your-nidra-therapy-tracker .right img {
        width: 20rem;
        margin-top: 2rem;
    }
    .slide-video-2 .linktree svg {
        width: 7rem;
        height: 7rem;
    }
    .map {
        margin: 0.6rem 0 0;
    }
    .period-tabs {
        bottom: 4.2rem;
    }
    #back-btn svg,
    #next-btn svg {
        width: 0.7rem;
        height: 0.7rem;
    }
    .white-boxes .box svg {
        width: 2.2rem;
        height: 2.2rem;
    }
    .slide-what-is-nidra .white-boxes .box:nth-child(2) {
        padding-left:0.5rem;
        padding-right:0.5rem;
    }
    .slide-prescribing-nidra-is-easy .white-boxes {
        margin: 1.5rem 4rem 0 4rem;
    }
    .slide-noctrix-take-care .white-boxes {
        margin: 1.5rem 4rem 0 4rem;
    }
    .slide-prescribing-nidra-is-easy .questions {
        margin-top: 0.8rem;
    }
}



/* Apenas TVs 4K (todas as condições devem ser verdadeiras) */
@media only screen 
  and (min-width: 3840px) and (max-width: 3840px) 
  and (min-height: 1081px) and (max-height: 2160px) 
  and (orientation: landscape) {
  
    html {
        font-size: 74px;
    }
    .slide-content {
        padding-top: 3.6rem;
    }
    .white-boxes .box svg {
        height: 2rem;
    }
    .nav-btn svg {
        width: 0.7rem;
        height: 0.7rem;
    }
    .slide-what-is-nidra .video-wrapper video {
        margin-left: -105%;
    }
    .slide-powered-by-tomac .video-wrapper video {
        margin-left: -150%;
    }
    .slide-home .video-container {
        width: 50vw;
        text-align: center;
        max-width: 100%;
    }
    .slide-home video {
        width: 50vw;
    }
    .slide-video-2 .video-container {
        max-width:22rem;
        margin-top: -1rem;
    }
    .slide-video-2 .linktree {
        border: solid 0.05rem #A7ACDD;
    }
    .slide-video-2 .linktree svg {
        width: 6rem;
        height: 6rem;
    }
    .journey svg {
        width: 3rem;
        height: 3rem;
    }
    .slide-clinical-trials .right img,
    .slide-clinical-trials-2 .right img,
    .slide-clinical-trials-3 .right img {
        width: 18rem;
    }
    .slide-your-nidra-therapy-tracker img {
        width: 20rem;
    }
}

/* Large TVs (3840px+) - 4K/8K */
@media 
  (width: 3840px) and (height: 2160px) and (orientation: landscape) {
    html {
        font-size: 74px;
    }
    .slide-powered-by-tomac .video-wrapper video {
        margin-left: -150%;
        margin-top: -34%;
    }
    .map {
        margin: 0.6rem 0 0;
    }
    .period-tabs {
        bottom: 4.2rem;
    }
    .map-area {
        padding-top: 1rem;
    }
    .slide-header img {
        max-height:3rem;
        height: 3rem;
        width: 100%;
    }
    .one-col {
        padding-top: 2rem;
    }
    .slide-clinical-trials .right img,
    .slide-clinical-trials-2 .right img,
    .slide-clinical-trials-3 .right img {
        width: 19rem;
    }
    .slide-what-is-nidra .video-wrapper video {
        margin-left: -105%;
    }
    .slide-aasm-guidelines .video-wrapper video {
        margin-left: -20%;
    }
    .slide-important-safety-info h2, .slide-important-safety-info h3, .slide-important-safety-info ul li, .slide-important-safety-info p {
        font-size: 0.53rem;
    }
}

/* iPad Air 11" (2024) - Landscape: 2360x1640 */
@media only screen 
  and (min-width: 1179px) and (max-width: 1181px) 
  and (aspect-ratio: 1180/820) 
  and (-webkit-device-pixel-ratio: 2) {
    html {
        font-size: 22px; 
    }

    .slide-content {
        padding-top: 7rem;
    }

    .nav-btn svg {
        width: 0.8rem;
        height: 0.8rem;
    }

    #logo-btn img {
        max-width: 12rem;
    }

    .white-boxes .box svg {
        width: 3rem;
        height: 3rem; 
    }

    .video-wrapper video {
        margin-left: -100%;
    }

    .slide-aasm-guidelines .video-wrapper video {
        margin-left: -20%;
    }

    .slide-home .video-container {
        max-width: 750px;
    }

    .slide-what-is-nidra .video-wrapper video {
        margin-left: -150%;
    }

    .slide-powered-by-tomac .video-wrapper video {
        margin-left: -200%;
        margin-top: -40%;
    }

    .slide-clinical-trials .right img,
    .slide-clinical-trials-2 .right img,
    .slide-clinical-trials-3 .right img {
        width: 20rem;
    }
    .slide-since-sleep-2024 video {
        margin-top: -4rem;
    }
    .slide-important-safety-info h2, .slide-important-safety-info h3, .slide-important-safety-info ul li, .slide-important-safety-info p {
        font-size: 0.68rem;
    }

}


/* iPad 6th Gen (9.7") - Landscape: 2048x1536 */
@media only screen 
  and (min-device-width: 2048px) and (max-device-width: 2048px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {
    html {
        font-size: 44px;
    }
    
    #logo-btn img {
        max-width: 10rem;
    }

    .slide-what-is-nidra .video-wrapper video {
        margin-left: -165%;
    }

    .slide-clinical-trials ul li,
    .slide-clinical-trials-2 ul li,
    .slide-clinical-trials-3 ul li {
        font-size: 0.83rem;
    }

    .slide-since-sleep-2024 video {
        margin-top: -3.7rem;
    }

    .slide-patient-journey .journey ul li {
        font-size: 0.58rem;
    }

    .slide-important-safety-info ul li, .slide-important-safety-info p, .slide-important-safety-info h2, .slide-important-safety-info h3 {
        font-size: 0.6rem;
    }
    .slide-powered-by-tomac .video-wrapper video {
        margin-left: -210%;
        margin-top: -40%;
    }
}