:root{
--cream:#f7f3e9;
--forest:#33401d;
--brown:#b15c34;
--border:#e6dece;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{
margin:0;background:var(--cream);
color:#293024;font-family:Arial,sans-serif;
}
a{color:var(--forest)}
body > header{
display:flex;justify-content:space-between;
gap:16px;padding:24px;
}
main{max-width:720px;margin:32px auto}
.card{
background:#fffdf8;border:1px solid var(--border);
border-radius:24px;padding:36px;
}
h1,h2,h3{font-family:Georgia,serif}
h1{color:var(--brown);font-size:36px}
.eyebrow{
color:var(--brown);font-weight:bold;
letter-spacing:2px;font-size:12px;
}
.tabs,.columns{display:flex;gap:12px}
.tabs{margin:28px 0}
.tabs button{flex:1}
.tabs button[aria-pressed="false"]{
background:#ece5d6;color:var(--forest);
}
label{display:block;margin:16px 0;flex:1}
input,select,textarea{
display:block;width:100%;padding:13px;
margin-top:7px;border:1px solid #cfc8b9;
border-radius:10px;font:inherit;
}
button{
background:var(--forest);color:white;
border:0;border-radius:10px;
padding:14px 20px;font-size:16px;
cursor:pointer;min-height:44px;
}
button:disabled{opacity:.6;cursor:wait}
button:focus-visible,a:focus-visible{
outline:3px solid #c89b2c;outline-offset:3px;
}
small,.hint{color:#626a5d;font-size:13px}
#message{white-space:pre-line}

body.signed-in > header{display:none}
body.signed-in main{
width:100%;max-width:none;margin:0;padding:0;
}
body.signed-in #dashboard{
display:grid;
grid-template-columns:260px minmax(0,1fr);
min-height:100vh;min-height:100dvh;
padding:0;border:0;border-radius:0;
background:var(--cream);
}
.sidebar{
position:sticky;top:0;
height:100vh;height:100dvh;
overflow-y:auto;padding:30px 24px;
display:flex;flex-direction:column;gap:14px;
background:linear-gradient(160deg,#33401d,
#46542d);color:#fffdf8;
}
.portal-logo{
width:72px;height:72px;object-fit:contain;
background:var(--cream);padding:6px;
border-radius:18px;
}
.sidebar h2{
font-size:28px;letter-spacing:3px;margin:0;
}
.sidebar p{margin:0;font-size:12px}
.sidebar strong{margin-top:24px}
.role-badge{
background:#c89b2c;color:white;
padding:6px 10px;border-radius:20px;
font-size:12px;align-self:flex-start;
}
.sidebar button{
width:100%;text-align:left;
background:#ffffff14;font-size:14px;
padding:14px 12px;
}
.sidebar .nav-active{background:#ffffff26}
.sidebar-motto{
margin-top:auto!important;line-height:1.7;
font-style:italic;color:#e1e7d4;
}
.workspace{
min-width:0;padding:clamp(24px,3vw,48px);
}
.workspace h1{margin:12px 0}
.workspace h2{
color:var(--brown);margin-top:28px;
}
#account-role{color:#69715f}
#portal-content{
margin-top:28px;padding:28px;
border:1px solid var(--border);
border-radius:20px;background:#fffdf8;
box-shadow:0 8px 30px #33401d08;
}
#portal-content > form{
padding:24px;background:#f5f0e5;
border:1px solid var(--border);
border-radius:16px;
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:0 20px;
}
#portal-content > form > button,
#portal-content > form > p{
grid-column:1 / -1;
}
#portal-content > h3{
margin-top:28px;padding-top:24px;
border-top:1px solid var(--border);
color:var(--forest);
}
@media(max-width:760px){
body.signed-in #dashboard{
grid-template-columns:minmax(0,1fr);
}
.sidebar{
position:static;height:auto;
padding:18px 20px;gap:10px;
}
.portal-logo{width:52px;height:52px}
.sidebar strong{margin-top:8px}
.sidebar-motto{display:none}
.workspace{padding:24px 16px}
#portal-content{padding:20px}
#portal-content > form{
grid-template-columns:minmax(0,1fr);
padding:16px;
}
}
@media(max-width:600px){
main{margin:12px}
.card{padding:24px}
.columns{display:block}
body > header span{display:none}
}

.portal-panels{
display:grid;
gap:24px;
margin-top:30px;
}
.panel{
min-width:0;
padding:28px;
background:#fffdf8;
border:1px solid #dedfce;
border-radius:24px;
box-shadow:0 12px 35px #33401d08;
}
.workspace .panel h2{
margin:0 0 20px;
font-size:26px;
}
.student-card{
position:relative;
padding:24px 24px 24px 100px;
margin-top:18px;
min-height:110px;
border:1px solid #dedfce;
border-radius:18px;
background:#eef0e7;
}
.student-card h3{
margin:0 0 10px;
color:#33401d;
font-size:23px;
}
.student-card p{
margin:6px 0;
color:#6d756a;
font-size:14px;
}
.initials{
position:absolute;
left:22px;
top:24px;
width:58px;
height:58px;
display:grid;

place-items:center;
border-radius:50%;
background:#dfe5d3;
color:#33401d;
font-weight:bold;
font-size:20px;
}
.student-form{
display:grid;
grid-template-columns:repeat(2,1fr);
column-gap:20px;
}
.student-form>button,
.student-form>p{
grid-column:1/-1;
}
.record-form{
margin:24px 0;
padding:22px;
border-radius:18px;
background:#f1eee5;
}
.check-label{
display:flex;
align-items:center;
gap:10px;
}
.check-label input{
width:20px;
height:20px;
margin:0;
}
.record-card{
padding:24px;
margin-top:18px;
border:1px solid #dedfce;
border-left:4px solid #b15c34;
border-radius:16px;
background:#fff;
}
.record-card h3{
color:#33401d;
font-size:22px;
margin:12px 0;
}
.record-card p{
white-space:pre-wrap;
overflow-wrap:anywhere;
line-height:1.7;
}
.empty-state{
padding:26px 0;
color:#6d756a;
}
@media(max-width:760px){
.student-form{
grid-template-columns:1fr;
}
.panel{padding:20px}
.student-card{
padding:20px 16px 20px 84px;
}
.initials{
left:16px;
width:50px;
height:50px;
}
}
body.signed-in #dashboard{
grid-template-columns:240px minmax(0,1fr);
}
.sidebar{padding:24px 20px;gap:10px}
.sidebar .portal-logo{width:60px;height:60px}
.sidebar strong{margin-top:14px}
.sidebar button{
background:transparent;
border-radius:12px;
padding:12px 16px;
}
.sidebar button:hover{
background:#ffffff18;
}
.sidebar button.nav-active{
background:#ffffff26;
box-shadow:inset 3px 0 #c89b2c;
}
.workspace>h1{font-size:38px}
.workspace>p{color:#6d756a}
.profile-actions{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:16px;
margin-top:24px;
}
.profile-actions button{
min-height:100px;
background:#f7f3e9;
color:#33401d;
border:1px solid #dedfce;
text-align:left;
font-weight:600;
}
.profile-actions button:hover{
background:#dfe5d3;
}
@media(max-width:760px){
body.signed-in #dashboard{
grid-template-columns:1fr;
}
.profile-actions{
grid-template-columns:repeat(2,1fr);
}
}
.sidebar button{
display:flex;
align-items:center;
gap:14px;
}
.menu-icon{
width:22px;
height:22px;
flex:0 0 22px;
fill:none;
stroke:#dfe5d3;
stroke-width:1.8;
stroke-linecap:round;
stroke-linejoin:round;
}
.nav-active .menu-icon{
stroke:#fffdf8;
}
.student-photo{
position:absolute;
left:22px;
top:24px;
width:58px;
height:58px;
object-fit:cover;
border-radius:50%;
border:3px solid #fffdf8;
}
.sidebar-photo{
width:64px;
height:64px;
object-fit:cover;
border-radius:50%;
border:3px solid #c89b2c;
margin-top:12px;
}
.photo-control{
font-size:13px;
color:#33401d;
margin:14px 0 8px;
}
.photo-control input{
max-width:280px;
font-size:12px;
padding:8px;
}
@media(max-width:760px){
.student-photo{
left:16px;
width:50px;
height:50px;
}
}
.student-card .photo-trigger{
position:absolute;
left:22px;
top:24px;
width:58px;
height:58px;
min-height:0;
padding:0;
display:grid;
place-items:center;
border:0;
border-radius:50%;
background:transparent;
cursor:pointer;
}
.photo-trigger .menu-icon{
width:20px;
height:20px;
padding:3px;
box-sizing:content-box;
position:absolute;
right:-3px;
bottom:-3px;
border-radius:50%;
background:#33401d;
stroke:#fffdf8;
opacity:0;
transition:opacity .2s;
}
.photo-trigger:hover .menu-icon,
.photo-trigger:focus-visible .menu-icon{
opacity:1;
}
.photo-status{
display:block;
font-size:12px;
color:#6d756a;
}
.photo-status:empty{display:none}
@media(hover:none){
.photo-trigger .menu-icon{opacity:1}
}
@media(max-width:760px){
.student-card .photo-trigger{
left:16px;
width:50px;
height:50px;
}
}
.student-topbar{
display:flex;
align-items:center;
gap:18px;
padding:0 0 20px;
margin-bottom:26px;
border-bottom:1px solid #dedfce;
font-size:14px;
}
.student-topbar a{
text-decoration:none;
font-weight:600;
}
.student-topbar>span{
margin-left:auto;
color:#6d756a;
}
.topbar-notice{
padding:8px;
background:transparent;
}
.topbar-notice .menu-icon{
stroke:#b15c34;
}
.mobile-toggle{display:none}
.family-profile>p{
display:flex;
align-items:center;
gap:9px;
}
.family-profile>p .menu-icon{
width:16px;
height:16px;
flex-basis:16px;
stroke:#a17e31;
}
.family-profile{
background:linear-gradient(
120deg,#eef0e7,#faf4e7);
}
.student-overview{margin-top:24px}
.overview-group{
display:grid;
grid-template-columns:1fr 1fr;
gap:18px;
}
.overview-name{grid-column:1/-1}
.overview-card{
min-width:0;
padding:24px;
border:1px solid #e5dfd0;
border-radius:18px;
background:#fffdf8;
}
.overview-card[data-kind="avance"]{
grid-column:1;
grid-row:1/span 2;
}
.overview-card[data-kind="record"]{
grid-column:1/-1;
}
.overview-card h3{
display:flex;
align-items:center;
gap:12px;
margin:0 0 18px;
font-size:23px;
color:#33401d;
}
.overview-card .menu-icon{stroke:#a17e31}
.overview-card>button{
padding:8px 0;
min-height:44px;
background:transparent;
color:#b15c34;
font-size:14px;
font-weight:600;
}
.overview-entry{
padding:16px;
margin:12px 0;
border-radius:12px;
background:#f7f3e9;
}
.overview-entry strong{
font-size:15px;
color:#33401d;
}
.overview-entry p{
font-size:14px;
line-height:1.65;
white-space:pre-wrap;
overflow-wrap:anywhere;
display:-webkit-box;
-webkit-line-clamp:3;
-webkit-box-orient:vertical;
overflow:hidden;
}
.overview-entry small{
display:block;
text-align:right;
color:#8c806b;
}
.overview-empty{
font-size:14px;
color:#6d756a;
line-height:1.7;
}
@media(max-width:760px){
.mobile-toggle{
display:block;
padding:8px 12px;
}
.student-world .sidebar{
display:none;
}
.sidebar-open .student-world .sidebar{
display:flex;
}
.student-topbar>span{display:none}
.topbar-notice{margin-left:auto}
.overview-group{
grid-template-columns:1fr;
}
.overview-card[data-kind="avance"]{
grid-column:auto;
grid-row:auto;
}
.overview-card{padding:20px}
}
.sidebar-brand{
display:flex;
align-items:center;
gap:12px;
padding-bottom:20px;
}
.sidebar-brand .portal-logo{
width:48px;
height:48px;
padding:4px;
border-radius:14px;
flex:0 0 48px;
}
.sidebar-brand-copy{min-width:0}
.sidebar-brand-copy h2{
font-size:25px;
letter-spacing:2px;
line-height:1;
}
.sidebar-brand-copy p{
font-size:9px;
letter-spacing:2px;
margin-top:6px;
}
.sidebar-person{
display:flex;
align-items:center;
gap:12px;
padding:12px 0 22px;
}
.sidebar-person .sidebar-photo{
width:52px;
height:52px;
flex:0 0 52px;
margin:0;
border-width:2px;
}
.sidebar-identity{min-width:0}
.sidebar-identity strong{
display:block;
margin:0 0 8px;
font-size:14px;
overflow-wrap:anywhere;
}
.sidebar-identity .role-badge{
display:inline-block;
padding:5px 8px;
font-size:10px;
}
.student-world .workspace{
padding:24px 36px;
}
.student-world .workspace>h1{
font-size:34px;
margin:18px 0 10px;
}
.student-topbar{
padding-bottom:16px;
margin-bottom:18px;
}
.student-world .portal-panels{
margin-top:24px;
}
.student-world .panel{padding:24px}
@media(max-width:760px){
.student-world .workspace{
padding:18px 16px;
}
.student-world .panel{padding:18px}
}
.family-profile,
.overview-card[data-kind="record"]{
position:relative;
isolation:isolate;
overflow:hidden;
}
.botanical-branch{
position:absolute;
right:14px;
bottom:-10px;
width:160px;
height:145px;
opacity:.45;
pointer-events:none;
z-index:-1;
}
.family-profile{
padding-right:180px;
}
.family-profile::after{
content:"Cada niño florece a su ritmo.";
position:absolute;
right:24px;
bottom:20px;
max-width:130px;
font-family:Georgia,serif;
font-size:13px;
font-style:italic;
line-height:1.5;
color:#716844;
text-align:center;
}
.overview-card[data-kind="record"]
.botanical-branch{
opacity:.18;
}
@media(max-width:760px){
.family-profile{
padding-right:16px;
padding-bottom:52px;
}
.family-profile::after{
left:20px;
right:20px;
bottom:16px;
max-width:none;
text-align:left;
font-size:12px;
}
.botanical-branch{
width:105px;
height:100px;
opacity:.2;
}
}
.family-profile .botanical-branch{
right:24px;
bottom:30px;
width:140px;
height:125px;
opacity:.4;
}
.family-profile::after{
right:18px;
bottom:12px;
max-width:170px;
font-size:12px;
}
@media(max-width:760px){
.family-profile .botanical-branch{
right:10px;
bottom:35px;
width:85px;
height:80px;
opacity:.15;
}
.family-profile::after{
left:20px;
right:20px;
max-width:none;
}
}
.edit-student{
margin-top:14px;
padding:10px 16px;
font-size:14px;
}
.student-card>.student-form{
margin-top:20px;
padding-top:16px;
border-top:1px solid #dedfce;
}
.student-card>.student-form>button{
margin-top:10px;
}
.school-world .workspace{
padding:24px 36px;
}
.school-world .workspace>h1{
font-size:34px;
margin:18px 0 10px;
}
.school-world .panel{padding:24px}
.school-world .sidebar-person{
padding:8px 0 18px;
}
@media(max-width:760px){
.school-world .workspace{
padding:18px 16px;
}
.school-world .sidebar{display:none}
.sidebar-open .school-world .sidebar{
display:flex;
}
.school-world .panel{padding:18px}
}
.open-dossier{
margin:14px 10px 0 0;
padding:10px 16px;
font-size:14px;
}
.edit-student{
background:transparent;
color:#33401d;
border:1px solid #a8b58b;
}

.progress-panel{
margin:20px 0;
padding:22px;
border:1px solid #dfe5d3;
border-radius:20px;
background:#f7f8f1;
}
.progress-panel h3{
margin:0 0 8px;
color:#33401d;
}
.progress-hint{
color:#6d756a;font-size:13px;
}
.progress-area{margin:20px 0}
.progress-heading{
display:flex;justify-content:space-between;
gap:12px;margin-bottom:9px;
}
.progress-heading span{
color:#b15c34;font-size:13px;
}
.progress-area progress{
display:block;width:100%;height:12px;
border:0;border-radius:20px;overflow:hidden;
background:#e2e6d7;
accent-color:#718346;
}
.progress-area progress::-webkit-progress-bar{
background:#e2e6d7;border-radius:20px;
}
.progress-area progress::-webkit-progress-value{
background:#718346;border-radius:20px;
}
.progress-area progress::-moz-progress-bar{
background:#718346;border-radius:20px;
}
.progress-area p{
font-size:13px;line-height:1.6;
white-space:pre-wrap;overflow-wrap:anywhere;
}
.progress-form{
border-top:1px solid #dfe5d3;
margin-top:24px;padding-top:12px;
}
.progress-form textarea{
width:100%;padding:12px;border-radius:10px;
border:1px solid #cfc8b9;font:inherit;
margin-top:7px;resize:vertical;
}
.progress-form small{display:block;margin:12px 0}
@media(max-width:600px){
.progress-panel{padding:16px}
}

.school-stats{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:16px;
}
.school-stat{
display:flex;flex-direction:column;
gap:8px;padding:20px;border-radius:18px;
background:#eef0e7;
}
.school-stat strong{
font-size:32px;color:#33401d;
}
.school-stat span{color:#6d756a;font-size:14px}
.school-tools{
display:flex;gap:14px;margin:22px 0 8px;
}
.school-tools input,.school-tools select{
flex:1;min-width:0;margin:0;
}
.school-count{color:#6d756a;font-size:13px}
.school-table-wrap{overflow-x:auto}
.school-table{
width:100%;border-collapse:collapse;
margin-top:12px;text-align:left;
}
.school-table th{
background:#f3efe5;color:#6d756a;
font-size:13px;font-weight:600;
}
.school-table th,.school-table td{
padding:16px;border-bottom:1px solid #e5e3d7;
}
.school-person{
display:flex;align-items:center;gap:12px;
}
.school-avatar{
flex-shrink:0;width:42px;height:42px;
display:grid;place-items:center;
border-radius:50%;overflow:hidden;
background:#dfe5d3;color:#33401d;
}
.school-avatar img{
width:100%;height:100%;object-fit:cover;
}
.school-state{
display:inline-block;white-space:nowrap;
padding:6px 10px;border-radius:20px;
background:#e7eddc;color:#435b2a;
font-size:12px;
}
.school-table button{
white-space:nowrap;padding:10px 14px;
font-size:13px;
}
.school-shortcuts{
display:flex;flex-wrap:wrap;gap:16px;
position:relative;z-index:1;
}
.school-shortcuts button{
display:flex;align-items:center;gap:12px;
}
.school-shortcuts svg{width:22px;height:22px}
.school-actions{position:relative;overflow:hidden}
.school-actions>.botanical-branch{
position:absolute;right:15px;bottom:0;
width:100px;opacity:.18;pointer-events:none;
}
@media(max-width:600px){
.school-stats{grid-template-columns:1fr}
.school-stat{padding:16px}
.school-tools{flex-direction:column}
.school-table th,.school-table td{padding:12px}
}

.school-registration{
margin-top:20px;padding:22px;
border:1px solid #dfe5d3;
border-radius:18px;background:#f7f8f1;
}
.school-registration h3{
margin-top:0;color:#33401d;
}
@media(max-width:600px){
.school-registration{padding:16px}
}

.dossier-actions{
display:flex;flex-wrap:wrap;gap:12px;
margin:22px 0;
}
.dossier-actions button{
display:flex;align-items:center;gap:10px;
}
.dossier-actions svg{width:22px;height:22px}
.dossier-history{margin-top:26px}
.dossier-history h3{color:#33401d}
.dossier-history .record-card p{
white-space:pre-wrap;overflow-wrap:anywhere;
}
@media(max-width:600px){
.dossier-actions button{width:100%}
}

.application-card{
margin:18px 0;padding:24px;
border:1px solid #dfe5d3;border-radius:18px;
background:#fffdf8;
}
.application-card h3{color:#33401d}
.application-card summary{
cursor:pointer;color:#b15c34;
font-weight:700;margin-top:18px;
}
.application-card dt{
font-weight:700;color:#33401d;margin-top:16px;
}
.application-card dd{
margin:6px 0;white-space:pre-wrap;
overflow-wrap:anywhere;line-height:1.6;
}

.application-actions{
display:flex;flex-wrap:wrap;gap:12px;
margin-top:20px;
}
.application-actions button:last-child{
background:#ece5d6;color:#75432f;
}
.application-card .student-form{
margin-top:20px;padding-top:20px;
border-top:1px solid #dfe5d3;
}
.application-card .student-form>p,
.application-card .student-form>small{
grid-column:1 / -1;
}

.application-card .application-form-footer{
grid-column:1 / -1;
display:flex;flex-wrap:wrap;
align-items:center;gap:12px;
margin-top:20px;
}
.application-card .application-form-footer button{
width:auto;min-height:46px;
padding:12px 22px;
}
.application-form-footer button[type="button"]{
background:#f3efe5;color:#75432f;
border:1px solid #d8cebd;
}
@media(max-width:600px){
.application-card .application-form-footer button{
width:100%;
}
}

.school-state.is-inactive{
background:#eee8de;color:#786957;
}
.student-status-toggle{
margin:12px 0 0 12px;
background:#f3efe5;color:#75432f;
border:1px solid #d8cebd;
}

.school-stats{
grid-template-columns:
repeat(auto-fit,minmax(150px,1fr));
}
.school-tools{
display:grid;
grid-template-columns:2fr 1fr 1fr;
}
.pending-applications{
position:relative;overflow:hidden;
}
.pending-applications h2{
display:flex;align-items:center;gap:14px;
}
.pending-count{
display:grid;place-items:center;
min-width:40px;height:40px;padding:0 10px;
border-radius:50%;background:#eed7ad;
color:#75432f;font:700 18px Arial,sans-serif;
}
.pending-applications>.botanical-branch{
position:absolute;right:20px;bottom:10px;
width:100px;opacity:.2;pointer-events:none;
}
.pending-applications button{
position:relative;z-index:1;
}
@media(max-width:600px){
.school-tools{grid-template-columns:1fr}
.school-stats{grid-template-columns:1fr 1fr}
.pending-applications h2{font-size:22px}
}

.access-panel{
margin-top:28px;padding:24px;
border:1px solid #dedfce;
border-radius:20px;background:#f7f3e9;
}
.access-panel h3{margin:0 0 20px}
.access-group+ .access-group{
margin-top:24px;padding-top:24px;
border-top:1px solid #dedfce;
}
.access-group h4{
margin:0 0 14px;color:#33401d;
}
.access-account{
display:flex;align-items:center;
justify-content:space-between;
gap:16px;padding:14px 0;
}
.access-account small{
display:block;margin-top:5px;color:#6d756a;
}
.access-account button{
background:#fffdf8;color:#b15c34;
border:1px solid #dccbbc;
font-size:13px;min-height:44px;
}
.access-link-form{
display:flex;align-items:end;gap:12px;
}
.access-link-form label{
flex:1;min-width:0;margin:12px 0 0;
}
.access-link-form button{min-height:46px}
.access-hint{
margin-top:22px;font-size:13px;
line-height:1.6;color:#6d756a;
}
.access-message{color:#33401d}
@media(max-width:600px){
.access-panel{padding:18px}
.access-account{align-items:start}
.access-link-form{display:block}
.access-link-form button{
width:100%;margin-top:12px;
}
}

.teachers-list{margin-top:24px}
.teacher-account{
display:flex;align-items:center;
justify-content:space-between;
gap:20px;margin-top:14px;padding:22px;
border:1px solid #dedfce;
border-radius:18px;background:#fffdf8;
}
.teacher-account h3{
margin:0;color:#33401d;font-size:22px;
}
.teacher-account p{
margin:8px 0;color:#6d756a;
}
.teacher-state{
display:inline-block;padding:7px 12px;
border-radius:20px;font-size:12px;
background:#ece5d6;color:#6d756a;
}
.teacher-state.pending{
background:#f5e6d4;color:#8a542e;
}
.teacher-state.active{
background:#dfe5d3;color:#33401d;
}
.teacher-actions button{min-height:46px}
.teacher-actions p{font-size:13px}
@media(max-width:600px){
.teacher-account{
align-items:start;flex-direction:column;
}
.teacher-actions{width:100%}
.teacher-actions button{width:100%}
}

.teacher-dossier{margin-top:26px}
.teacher-assigned,
.teacher-evaluation,
.teacher-history{
margin-top:26px;padding-top:22px;
border-top:1px solid #dedfce;
}
.teacher-dossier h3,
.teacher-dossier h4{color:#33401d}
.teacher-history .record-card p{
white-space:pre-wrap;
}
.teacher-evaluation textarea{
width:100%;padding:13px;
border:1px solid #cfc8b9;
border-radius:10px;font:inherit;
resize:vertical;
}

.staff-avatar{
position:relative;flex:0 0 52px;
width:52px;height:52px;overflow:hidden;
display:grid;place-items:center;
border-radius:50%;background:#dfe5d3;
color:#33401d;font-weight:bold;
}
.staff-avatar img{
position:absolute;inset:0;
width:100%;height:100%;object-fit:cover;
}
.staff-profile-card{
display:flex;align-items:center;
gap:28px;padding:24px;
border-radius:22px;background:#eef0e7;
}
.staff-profile-photo{
position:relative;flex:0 0 140px;
width:140px;height:140px;padding:0;
overflow:hidden;border-radius:50%;
background:#dfe5d3;color:#33401d;
font-size:36px;display:grid;place-items:center;
border:3px solid #fffdf8;
}
.staff-profile-photo img{
position:absolute;inset:0;
width:100%;height:100%;object-fit:cover;
}
.staff-photo-overlay{
position:absolute;bottom:0;left:0;right:0;
padding:10px 4px;background:#33401dcc;
color:#fffdf8;font-size:12px;
opacity:0;transition:opacity .2s;
}
.staff-profile-photo:hover .staff-photo-overlay,
.staff-profile-photo:focus-visible
.staff-photo-overlay{opacity:1}
.staff-profile-details{min-width:0}
.staff-profile-details h3{
margin:0 0 14px;color:#33401d;font-size:26px;
}
.staff-profile-details p{
margin:8px 0;overflow-wrap:anywhere;
}
@media(max-width:600px){
.staff-profile-card{
flex-direction:column;align-items:start;
padding:20px;
}
.staff-photo-overlay{opacity:1}
}

.teacher-account{flex-wrap:wrap}
.teacher-actions .remove-teacher{
background:#fff4ef;color:#9b3e28;
border:1px solid #dfb9aa;
}
.teacher-actions .remove-teacher:hover{
background:#f5ddd3;
}
.teacher-state.disabled{
background:#eee7e3;color:#805a4c;
}
.vantor-credit{padding:24px 16px;text-align:center;font-size:12px;line-height:1.8;color:#6d756a;background:#f7f3e9;}
.vantor-credit a{color:#33401d;text-decoration:underline;text-underline-offset:3px;}
/* SAVIA BILLING */
.billing-body{min-width:0}
.billing-summary,.billing-card{
padding:22px;margin:20px 0;
border:1px solid #dedfce;
border-radius:20px;background:#fffdf8;
overflow-wrap:anywhere;}
.billing-summary{background:#eef0e7}
.billing-body h3{color:#33401d}
.billing-card h3{margin:0 0 14px}
.billing-card p{margin:10px 0;line-height:1.6}
.billing-alert{color:#a54028;font-weight:700}
.billing-state{display:inline-block;
padding:7px 12px;border-radius:20px;
background:#ece5d6;color:#33401d;}
.billing-download{display:inline-block;
margin:12px 12px 12px 0;padding:14px 18px;
border-radius:12px;background:#33401d;
color:white;font-weight:700;text-decoration:none;}
.billing-void{background:#f7f3e9;color:#98452d;
border:1px solid #dcc5b7;margin:12px 0;}
.billing-form-wrap{margin:18px 0;
padding:16px;border:1px solid #dedfce;
border-radius:14px;}
.billing-form-wrap summary{cursor:pointer;
font-weight:700;color:#b15c34;min-height:32px;}
.billing-form-wrap input,
.billing-form-wrap select{max-width:100%;}
.billing-body a:focus-visible,
.billing-body summary:focus-visible{
outline:3px solid #c89b2c;outline-offset:4px;}
@media(max-width:600px){
.billing-card,.billing-summary{padding:18px;}
.billing-download{display:block;text-align:center;}
}
.billing-quick{margin:20px 0;}
.billing-quick-buttons{display:grid;
grid-template-columns:1fr 1fr;gap:12px;}
.billing-quick-buttons button{min-width:0;
padding:16px 10px;min-height:54px;}
.billing-quick-buttons button[aria-pressed="true"]{
background:#b15c34;}
.billing-receipt-view{
position:fixed;inset:0;margin:0;
width:100%;height:100vh;height:100dvh;
max-width:none;max-height:none;
padding:0;border:0;border-radius:0;
box-sizing:border-box;background:#f5f3e9;}
.billing-receipt-view[open]{
display:flex;flex-direction:column;}
.billing-receipt-view::backdrop{
background:rgba(0,0,0,.65);}
.billing-receipt-bar{display:flex;
gap:12px;padding:16px;
padding-top:max(16px,env(safe-area-inset-top));
flex-shrink:0;background:#f5f3e9;}
.billing-receipt-bar button{
flex:1;min-width:0;min-height:48px;
padding:12px 8px;white-space:normal;}
.billing-receipt-message{
margin:0;padding:0 16px 12px;font-size:14px;}
.billing-receipt-view iframe{
flex:1;min-height:0;width:100%;
border:0;background:#fff;}
.billing-receipt-view{overflow:hidden;
overscroll-behavior:none;}
.billing-receipt-page{flex:1;min-height:0;
min-width:0;display:flex;overflow:hidden;
padding:8px;box-sizing:border-box;
background:#fff;touch-action:none;}
.billing-receipt-page img{
display:block;width:100%;height:100%;
min-width:0;min-height:0;object-fit:contain;
object-position:center;user-select:none;}
.billing-receipt-bar{padding-top:16px;
padding-bottom:max(16px,env(safe-area-inset-bottom));
border-top:1px solid #dedfce;}
.billing-receipt-message{flex-shrink:0;
padding:8px 16px;margin:0;}
.billing-receipt-bar{
padding-bottom:calc(max(16px,env(safe-area-inset-bottom)) + 20px);}

.billing-receipt-bar{
padding-bottom:calc(max(16px,env(safe-area-inset-bottom)) + 40px);
}

/* Savia: administración contable */
.ac-root{min-width:0}.ac-root .ac-title p{font-family:Georgia,serif;font-size:22px;color:#3f4f29;line-height:1.4;margin:10px 0 24px}.ac-eyebrow{font-size:10px;font-weight:bold;letter-spacing:2px;color:#a07825}.ac-tools{display:flex;align-items:end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:24px}.ac-period{display:flex;align-items:end;gap:10px;margin:0}.ac-period label{margin:0;font-size:12px}.ac-period input{padding:10px;min-width:145px}.ac-root .ac-actions{display:flex;gap:9px;flex-wrap:wrap}.ac-root button{font-size:12px;padding:11px 15px;min-height:42px}.ac-gold{background:#bc943e!important;color:#fff!important}.ac-secondary{background:#f1eddf!important;border:1px solid #dcd3bf!important;color:#41532b!important}.ac-danger{background:#faf0ed!important;color:#983d2e!important;border:1px solid #e6ccc4!important}.ac-tabs{display:flex;gap:6px;overflow-x:auto;border-bottom:1px solid #ded7c7;padding:0 0 12px;margin-bottom:22px}.ac-tabs button{flex:none;border:1px solid #ddd6c6;background:transparent;color:#566443;border-radius:9px}.ac-tabs button[aria-pressed=true]{background:#3c4c27;color:#fff;border-color:#3c4c27}.ac-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:24px}.ac-kpis button{background:linear-gradient(125deg,#fefcf6,#f2eddf);border:1px solid #ded5bd;color:#3c4c27;text-align:left;border-radius:18px;padding:23px 18px;min-width:0;box-shadow:0 6px 15px #34401e07}.ac-kpis span{display:block;font-size:12px;color:#697354}.ac-kpis strong{display:block;font-size:25px;letter-spacing:-.7px;margin:17px 0;font-weight:700;overflow-wrap:anywhere}.ac-kpis small{font-size:10px;color:#977427}.ac-panel{border:1px solid #e1dacb;background:#fffefa;border-radius:17px;padding:24px;margin:18px 0;min-width:0}.ac-panel h3{font-size:22px;color:#394827;margin:0 0 19px}.ac-help{color:#717660;font-size:12px;line-height:1.8;margin:14px 0}.ac-notice:empty{display:none}.ac-notice{padding:14px;border:1px solid #d9c99d;background:#faf4df;border-radius:10px;color:#64552d;font-size:13px}.ac-table-wrap{overflow:auto;max-width:100%;margin-top:18px}.ac-table{border-collapse:collapse;width:100%;font-size:12px;text-align:left}.ac-table th{background:#eee9da;font-size:11px;letter-spacing:.2px;color:#566040;padding:13px;white-space:nowrap}.ac-table td{padding:15px 13px;border-bottom:1px solid #ece6d9;line-height:1.6;min-width:85px;color:#49503d;max-width:330px;overflow-wrap:anywhere}.ac-table tbody tr:hover{background:#f9f6ec}.ac-row-actions{display:flex;gap:7px;flex-wrap:wrap;min-width:160px}.ac-row-actions button{min-height:34px;padding:7px 10px;font-size:11px}.ac-row-actions a{font-size:11px;overflow-wrap:anywhere}.ac-empty{padding:40px 15px;text-align:center;font-size:13px;color:#858775}.ac-dialog{width:min(760px,94vw);max-height:90dvh;overflow:auto;border:1px solid #d6cbae;border-radius:20px;padding:28px;background:#fffdf8;color:#374329;box-shadow:0 30px 80px #0004}.ac-dialog::backdrop{background:#1a2318aa}.ac-dialog-head{display:flex;align-items:start;justify-content:space-between;gap:20px}.ac-dialog h2{margin:0 0 24px;font-size:27px}.ac-dialog button{font-size:13px}.ac-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px 22px}.ac-form-grid label{font-size:12px;margin:0;color:#62684c}.ac-form-grid .ac-help{grid-column:1/-1}.ac-dialog input,.ac-dialog select{background:white;color:#34401e;font-size:14px;border-color:#d5ccba}.ac-form-actions{display:flex;gap:12px;margin-top:24px}.ac-error{color:#9b3c2c;font-size:13px;line-height:1.7}.ac-report-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:25px 0}.ac-report-options label{display:flex;gap:12px;align-items:center;border:1px solid #ded7c5;border-radius:12px;padding:18px;margin:0;background:#f8f5eb;font-size:13px}.ac-report-options input{width:19px;height:19px;margin:0;accent-color:#3b4b27}.ac-cash-card{padding:18px;border:1px solid #ded5c1;border-radius:12px;margin-top:18px}.ac-cash-card summary{cursor:pointer;font-size:14px;font-weight:bold;color:#43522d}.ac-cash-card>p{font-size:12px;line-height:1.7}.ac-panel>button+button{margin-left:8px}.ac-root input[type=search]{max-width:550px;margin:16px 0;background:white}
@media(max-width:1200px){.ac-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.ac-tools{align-items:start}.ac-table td{min-width:110px}}
@media(max-width:650px){.ac-kpis{gap:9px}.ac-kpis button{padding:18px 12px}.ac-kpis strong{font-size:21px}.ac-root .ac-title p{font-size:20px}.ac-period{flex-wrap:wrap;width:100%}.ac-period label{flex:1;min-width:110px}.ac-period input{min-width:0;font-size:16px}.ac-panel{padding:18px 12px}.ac-panel h3{font-size:20px}.ac-tabs button{font-size:11px}.ac-root input,.ac-root select,.ac-dialog input,.ac-dialog select{font-size:16px}.ac-form-grid,.ac-report-options{grid-template-columns:1fr}.ac-dialog{padding:22px 16px}.ac-dialog h2{font-size:23px}.ac-table td,.ac-table th{padding:12px 10px}.ac-form-grid .ac-help{grid-column:auto}.ac-root .ac-actions{width:100%}.ac-root .ac-actions button{flex:1}.ac-dialog-head{gap:10px}.ac-dialog-head button{padding:9px;min-height:40px}}