/* ESPACO KIDS - LOGIN PADRAO RDIRK */
.kids-login,
.kids-login *{box-sizing:border-box}
.kids-login{
 min-height:100vh;
 display:flex;
 align-items:center;
 justify-content:center;
 padding:25px;
 background:#edf2f8;
 font-family:Arial,Helvetica,sans-serif;
 color:#20364e;
}
.kids-shell{
 display:grid;
 grid-template-columns:1.18fr .82fr;
 width:min(1120px,100%);
 min-height:660px;
 overflow:hidden;
 border-radius:22px;
 background:#fff;
 box-shadow:0 24px 70px rgba(25,47,78,.14);
}
.kids-hero{
 background:
  radial-gradient(circle at 83% 20%,#ffffff55 0 7%,transparent 7.3%),
  radial-gradient(circle at 15% 78%,#ffffff40 0 11%,transparent 11.3%),
  linear-gradient(145deg,#c9ddf1,#e3edf8 55%,#c4d9eb);
 position:relative;
 display:flex;
 flex-direction:column;
 justify-content:space-between;
 padding:32px;
 color:#24446b;
}
.kids-chip{
 display:inline-block;
 background:#ffffffd9;
 padding:10px 15px;
 border-radius:24px;
 font-size:11px;
 font-weight:800;
 letter-spacing:.06em;
}
.kids-hero-center{
 text-align:center;
 margin:auto 0;
}
.kids-symbols{
 display:flex;
 justify-content:center;
 align-items:center;
 gap:24px;
 font-size:60px;
 color:#587cb3;
 margin-bottom:24px;
}
.kids-symbols span:nth-child(2){
 color:#e4a750;
 font-size:42px;
}
.kids-hero-center h1{
 font-size:clamp(38px,5vw,60px);
 margin:0 0 14px;
 color:#213f66;
}
.kids-hero-center p{
 font-size:21px;
 font-weight:700;
 line-height:1.4;
 margin-bottom:20px;
}
.kids-hero-description{
 max-width:370px;
 margin:0 auto;
 line-height:1.7;
 color:#536d88;
 font-size:15px;
}
.kids-hero-bottom{
 font-size:12px;
 color:#59728e;
}
.kids-card{
 display:flex;
 flex-direction:column;
 justify-content:center;
 padding:50px clamp(25px,5vw,62px);
}
.kids-company{margin-bottom:30px}
.kids-company img{
 display:block;
 width:auto;
 max-width:180px;
 max-height:76px;
 object-fit:contain;
}
.kids-eyebrow{
 color:#6476ae;
 font-size:11px;
 font-weight:800;
 letter-spacing:.17em;
}
.kids-heading h2{
 font-size:30px;
 color:#192b4c;
 margin:12px 0;
}
.kids-heading p{
 color:#64748b;
 font-size:14px;
 line-height:1.6;
 margin:0 0 26px;
}
.kids-card form{
 display:flex;
 flex-direction:column;
 gap:9px;
}
.kids-card form label{
 font-size:13px;
 font-weight:700;
 color:#344562;
 margin-top:8px;
}
.kids-card form input:not([type=hidden]){
 width:100%;
 min-height:48px;
 border:1px solid #d5deeb;
 border-radius:10px;
 padding:12px 13px;
 background:#fff;
 color:#263b59;
 font-size:14px;
}
.kids-card form input:focus{
 outline:none;
 border-color:#5169b8;
 box-shadow:0 0 0 3px rgba(81,105,184,.12);
}
.kids-password-box{position:relative}
.kids-password-box input{padding-right:85px!important}
.kids-card .kids-toggle{
 position:absolute;
 right:6px;
 top:6px;
 height:36px;
 min-width:72px;
 padding:6px;
 border:0;
 background:transparent;
 color:#526aa6;
 font-size:12px;
 cursor:pointer;
}
.kids-card .kids-submit{
 margin-top:18px;
 min-height:49px;
 width:100%;
 border:0;
 border-radius:10px;
 background:#344bb3;
 color:#fff;
 font-size:15px;
 font-weight:800;
 cursor:pointer;
}
.kids-card .kids-submit:hover{background:#263c9b}
.kids-footer{
 margin-top:32px;
 padding-top:18px;
 border-top:1px solid #e5eaf0;
 color:#8290a2;
 font-size:12px;
 text-align:center;
}
@media(max-width:900px){
 .kids-shell{
  grid-template-columns:1fr;
  max-width:600px;
  min-height:0;
 }
 .kids-hero{
  min-height:175px;
  padding:20px;
 }
 .kids-hero-center h1{font-size:32px}
 .kids-hero-center p{font-size:15px;margin-bottom:0}
 .kids-symbols,
 .kids-hero-description,
 .kids-hero-bottom{display:none}
 .kids-card{padding:30px 25px}
}
@media(max-width:480px){
 .kids-login{padding:12px;align-items:flex-start}
 .kids-shell{border-radius:15px}
 .kids-hero{min-height:140px}
 .kids-card{padding:25px 20px}
 .kids-company{margin-bottom:20px}
 .kids-heading h2{font-size:27px}
}


/* RDIRK - IDENTIDADE DO LOGIN ESPACO KIDS */

.kids-card{
    align-items:stretch;
    text-align:center;
}

.kids-company{
    width:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    margin-bottom:30px;
}

.kids-company .rdirk-brand{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    width:100%;
    gap:5px;
}

.kids-company .rdirk-brand-icon{
    display:none;
}

.kids-company .rdirk-brand-text{
    display:block;
    font-family:Arial,Helvetica,sans-serif;
    font-size:34px;
    font-weight:800;
    color:#133052;
    line-height:1.2;
    letter-spacing:-1.5px;
    text-align:center;
    white-space:normal;
}

.kids-company .rdirk-brand-text small{
    display:block;
    font-size:10px;
    font-weight:700;
    letter-spacing:1.8px;
    color:#6b7a93;
    margin-top:5px;
    white-space:normal;
}

.kids-heading{
    width:100%;
    text-align:center;
}

.kids-heading h2{
    margin:15px 0 10px;
}

.kids-heading p{
    text-align:center;
}

.kids-card form{
    width:100%;
    text-align:left;
}

.kids-footer{
    width:100%;
    text-align:center;
}


/* RDIRK - MARCA OFICIAL DO SITE INSTITUCIONAL */
.kids-card .kids-company{
    display:flex;
    justify-content:center;
    align-items:center;
    width:100%;
    margin-bottom:30px;
}

.kids-card .kids-site-logo{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    max-width:100%;
    text-align:left;
}

.kids-card .kids-site-logo-icon{
    width:42px;
    height:42px;
    min-width:42px;
    display:grid;
    place-items:center;
    background:linear-gradient(140deg,#1297e2,#2b429f);
    border-radius:13px;
    box-shadow:0 8px 19px #1384cc36;
    color:white;
    font:800 25px Inter,Arial,sans-serif;
}

.kids-card .kids-site-logo-text{
    display:block;
    font-family:"Space Grotesk",Inter,Arial,sans-serif;
    font-size:26px;
    font-weight:800;
    letter-spacing:-.055em;
    color:#133052;
    line-height:1;
    white-space:nowrap;
}

.kids-card .kids-site-logo-text small{
    display:block;
    font-family:Inter,Arial,sans-serif;
    font-size:9px;
    font-weight:700;
    letter-spacing:.19em;
    color:#6b7a93;
    margin-top:4px;
}

.kids-card .kids-heading{
    text-align:center;
}

@media(max-width:480px){
    .kids-card .kids-site-logo-text{
        font-size:23px;
    }
    .kids-card .kids-site-logo-text small{
        font-size:8px;
        letter-spacing:.12em;
    }
}