/* Protocolo de Desbloqueo: lo propio del módulo, sobre la base de oral.css.
   Cada página carga ../../oral-education/oral.css y después este archivo. */

/* Tono del módulo: dorado y verde (calma), distinto del rosa de Oral Education */
body.db .hero{background:radial-gradient(120% 80% at 15% 0%, rgba(52,208,127,.16), transparent 60%),
                          radial-gradient(90% 60% at 100% 0%, rgba(212,175,55,.14), transparent 60%)}
body.db .firma img{border-color:var(--verde)}
body.db .mision{background:linear-gradient(150deg, rgba(52,208,127,.14), var(--soft) 55%); border-color:rgba(52,208,127,.45)}
body.db .mision .tag{color:var(--verde)}
body.db .voz{background:linear-gradient(150deg, rgba(52,208,127,.12), var(--soft) 60%); border-color:rgba(52,208,127,.38)}
body.db .cierre{background:radial-gradient(120% 100% at 50% 0%, rgba(52,208,127,.18), var(--soft) 65%); border-color:rgba(52,208,127,.38)}

/* Plazos honestos */
.plazos{display:flex; flex-direction:column; gap:10px; margin-top:6px}
.plazo{display:grid; grid-template-columns:96px 1fr; gap:14px; align-items:center;
       background:var(--card); border:1px solid var(--line); border-radius:14px; padding:16px}
.plazo b{font-family:"Bricolage Grotesque",sans-serif; font-size:17px; font-weight:800; color:var(--c); line-height:1.2}
.plazo span{font-size:17px; color:var(--txt); line-height:1.4}

/* Práctica diaria */
.items{display:flex; flex-direction:column; gap:10px; margin-top:6px}
.item{display:grid; grid-template-columns:44px 1fr; gap:14px; align-items:center; width:100%; text-align:left;
      min-height:72px; padding:14px 16px; border-radius:16px; border:1px solid var(--line);
      background:var(--card); color:var(--txt); font-family:inherit; cursor:pointer}
.item .caja2{width:44px; height:44px; border-radius:12px; border:2px solid var(--txt-3);
             display:flex; align-items:center; justify-content:center; font-size:24px; color:transparent}
.item b{display:block; font-size:18.5px; font-weight:700; line-height:1.3}
.item small{display:block; margin-top:2px; font-size:15px; color:var(--txt-2); line-height:1.35}
.item.hecho{border-color:rgba(52,208,127,.6); background:rgba(52,208,127,.10)}
.item.hecho .caja2{border-color:var(--verde); background:var(--verde); color:#0b0b0e}
.semana{display:flex; justify-content:space-between; gap:6px; margin-top:16px}
.dia{flex:1; display:flex; flex-direction:column; align-items:center; gap:6px; font-size:14px; font-weight:700; color:var(--txt-3)}
.dia i{width:100%; max-width:40px; height:40px; border-radius:12px; background:var(--card); border:1px solid var(--line)}
.dia.lleno i{background:var(--verde); border-color:var(--verde)}
.dia.hoy{color:var(--txt)}
.semana-txt{margin-top:10px; text-align:center; font-size:16px; color:var(--txt-2)}

/* Modo 3 minutos */
.modo{margin:26px 22px 0; background:var(--soft); border:1px solid rgba(52,208,127,.4); border-radius:20px; padding:24px 20px; min-height:460px}
.fase-modo{display:flex; flex-direction:column; gap:16px; align-items:stretch}
.fase-modo .etq{font-size:13px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--verde); text-align:center}
.fase-modo h2{font-size:28px; font-weight:800; text-align:center; line-height:1.15}
.fase-modo p{font-size:18.5px; color:var(--txt); text-align:center; line-height:1.5}
.pasos3{display:flex; flex-direction:column; gap:10px}
.paso3{display:grid; grid-template-columns:40px 1fr; gap:12px; align-items:center; background:var(--card);
       border:1px solid var(--line); border-radius:14px; padding:14px}
.paso3 b{width:40px; height:40px; border-radius:99px; background:var(--verde); color:#0b0b0e; display:flex;
         align-items:center; justify-content:center; font-family:"Bricolage Grotesque",sans-serif; font-weight:800}
.paso3 span{font-size:17.5px; color:var(--txt); line-height:1.4}
.paso3 span strong{display:block; font-size:18.5px}
.circulo-wrap{height:230px; display:flex; align-items:center; justify-content:center}
.circulo{width:210px; height:210px; border-radius:50%; display:flex; align-items:center; justify-content:center;
         background:radial-gradient(circle at 50% 40%, rgba(52,208,127,.55), rgba(52,208,127,.12) 70%);
         border:2px solid rgba(52,208,127,.7); transform:scale(.55); transition-property:transform; transition-timing-function:ease-in-out}
.circulo.lleno{transform:scale(1)}
.circulo span{font-family:"Bricolage Grotesque",sans-serif; font-size:26px; font-weight:800; color:var(--txt)}
.reloj{font-family:"Bricolage Grotesque",sans-serif; font-size:17px; font-weight:800; color:var(--verde); text-align:center}
.frases-modo{display:flex; flex-direction:column; gap:10px}
.frases-modo div{background:var(--card); border:1px solid var(--line); border-left:4px solid var(--verde); border-radius:12px;
                 padding:14px 16px; font-family:"Bricolage Grotesque",sans-serif; font-size:20px; font-weight:700; color:var(--txt); line-height:1.3}
.btn.verde{background:linear-gradient(180deg,#5fe39c,#1f9d5c); color:#06210f; box-shadow:0 10px 30px -10px rgba(52,208,127,.6)}
.usos{display:grid; grid-template-columns:1fr 1fr; gap:10px}
.uso{min-height:64px; border-radius:14px; border:1px solid var(--line); background:var(--card); color:var(--txt);
     font-family:inherit; font-size:16.5px; font-weight:700; cursor:pointer; padding:10px}
.uso:disabled{opacity:.55; cursor:default}
.uso-txt{font-size:17px; color:var(--verde); text-align:center; font-weight:700}

/* Check-in mensual */
.checkin{margin-top:6px; display:flex; flex-direction:column; gap:12px}
.preg{background:var(--card); border:1px solid var(--line); border-radius:16px; padding:18px}
.preg p{font-size:18.5px; color:var(--txt); font-weight:700; line-height:1.4; margin-bottom:12px}
.escala5{display:grid; grid-template-columns:repeat(5,1fr); gap:6px}
.esc{min-height:58px; border-radius:12px; border:1px solid var(--line); background:var(--soft); color:var(--txt);
     font-family:inherit; font-size:13.5px; font-weight:600; line-height:1.2; padding:6px 4px; cursor:pointer}
.esc.sel{border-color:var(--verde); background:rgba(52,208,127,.18)}
.resultado{margin-top:18px; display:flex; flex-direction:column; gap:14px}
.puntaje{text-align:center}
.puntaje b{font-family:"Bricolage Grotesque",sans-serif; font-size:64px; font-weight:800; color:var(--verde); line-height:1}
.puntaje span{font-size:22px; color:var(--txt-2); margin-left:6px}
.delta{text-align:center; font-size:17px; color:var(--txt-2)}
.falta{text-align:center; font-size:17px; color:#ff8a8d}
.alerta-med{font-size:16.5px; color:var(--txt); border-left:3px solid var(--fuego); padding-left:14px}
@media (max-width:400px){ .esc{font-size:12px} .plazo{grid-template-columns:80px 1fr} }

/* Botón que es enlace (consulta) */
a.btn{text-decoration:none; box-sizing:border-box}