:root{
  /* Paleta del logo VIVE LA COMBI: teal-verde profundo + terracota + pergamino crema */
  --combi:#2E6157;        /* teal-verde profundo (texto y borde del logo) */
  --combi-dark:#234A43;
  --combi-soft:#6FB3AB;   /* turquesa de la combi (rellenos claros) */
  --amber:#DA7B33;        /* terracota del arcoíris/atardecer */
  --amber-dark:#B85F23;
  --cream:#F1E7CE;        /* fondo pergamino */
  --combi-teal:#2E6157;
}
/* Todo más grande para 3ra edad */
html{font-size:18.5px;}
body{font-size:1rem;line-height:1.6;background:var(--cream);padding-bottom:env(safe-area-inset-bottom);}
.page-wrapper,.page-body{background:transparent;}

/* Marca / navegación */
.brandbar{background:var(--combi);color:#fff;}
.brandbar .brand{font-weight:700;font-size:1.5rem;letter-spacing:.5px;}
.bignav{background:#fff;border-bottom:3px solid var(--amber);}
.bignav .navlink{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:4px;min-width:92px;padding:.6rem .5rem;border-radius:14px;
  color:#2c4a52;text-decoration:none;font-size:.95rem;font-weight:600;line-height:1.1;text-align:center;
}
.bignav .navlink i{font-size:1.7rem;}
.bignav .navlink:hover{background:#e9f6f8;color:var(--combi-dark);}
.bignav .navlink.active{background:var(--combi);color:#fff;}

/* Botones grandes con ícono + texto */
.btn{font-size:1rem;border-radius:12px;}
.btn-lg,.btn.btn-combi{padding:.65rem 1.1rem;font-size:1.05rem;}
.bg-combi{background-color:var(--combi)!important;color:#fff;}
.btn-combi{background:var(--combi);border-color:var(--combi);color:#fff;font-weight:600;}
.btn-combi:hover{background:var(--combi-dark);border-color:var(--combi-dark);color:#fff;}
.btn-amber{background:var(--amber);border-color:var(--amber);color:#fff;font-weight:600;}
.btn-amber:hover{background:var(--amber-dark);border-color:var(--amber-dark);color:#fff;}
.btn-big{font-size:1.15rem;padding:.85rem 1.2rem;border-radius:16px;font-weight:600;}
.progress-bar.bg-combi,.card-status-top.bg-combi{background-color:var(--combi)!important;}
.text-amber{color:var(--amber-dark)!important;}
.bg-amber-lt{background:rgba(218,123,51,.16);color:#8c4a1c;}
.bg-teal-lt{background:rgba(46,97,87,.16);color:#234a43;}

/* Tiles grandes del inicio (estilo lanzador de teléfono) */
.tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;}
@media(min-width:768px){.tiles{grid-template-columns:repeat(4,1fr);}}
.tile{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;
  padding:1.8rem 1rem;border-radius:20px;background:#fff;border:2px solid #ece4cf;
  color:#26424a;text-decoration:none;text-align:center;font-size:1.25rem;font-weight:700;
  box-shadow:0 2px 6px rgba(0,0,0,.05);
}
.tile i{font-size:3rem;color:var(--combi);}
.tile:hover{border-color:var(--amber);background:#fff8ee;}

/* Avatares de personas */
.avatar-combi{width:34px;height:34px;border-radius:50%;display:inline-flex;
  align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.85rem;}

/* Kanban — columnas lado a lado (en el cel se deslizan), tarjetas tipo post-it */
.kanban{display:flex;gap:14px;overflow-x:auto;padding-bottom:10px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;}
.kcol{flex:0 0 300px;background:#f3eede;border:2px solid #e6dcc3;border-radius:18px;padding:12px;min-height:200px;scroll-snap-align:start;}
@media(min-width:900px){.kcol{flex:1 1 0;}}
.kcol h3{font-size:1.2rem;font-weight:700;margin:.2rem .3rem .6rem;}
.kcard{background:#fffdf3;border:1px solid #ece4cf;border-radius:10px;padding:12px 14px;margin-bottom:12px;cursor:grab;box-shadow:0 2px 5px rgba(0,0,0,.10);}
.kcard:active{cursor:grabbing;}
.kcard.dragging{opacity:.5;transform:rotate(-1.5deg);}
.kcol.over{outline:3px dashed var(--combi);outline-offset:-3px;}
.kcard .ktitle{font-size:1.08rem;font-weight:600;}
.kcard .grip{cursor:grab;color:#c9b894;}

/* Login */
.login-wrap{max-width:30rem;margin:5vh auto 0;}
.login-logo{font-size:4rem;color:var(--combi);}

/* Tour guiado (coachmarks) — globitos grandes */
.driver-popover{max-width:350px;border-radius:16px;}
.driver-popover-title{font-size:1.25rem;}
.driver-popover-description{font-size:1.05rem;line-height:1.5;}
.driver-popover-progress-text{font-size:.95rem;color:#6b7b80;}
.driver-popover-next-btn{background:var(--combi)!important;color:#fff!important;text-shadow:none!important;border:1px solid var(--combi)!important;border-radius:10px!important;font-size:1rem!important;}
.driver-popover-prev-btn{border-radius:10px!important;font-size:1rem!important;}

/* Notas grandes */
.memo-img{max-width:100%;border-radius:12px;}
.rec-dot{color:#e03131;}
label.form-label{font-size:1rem;font-weight:600;}