/* extraescolars.info: Robòtica (pàgina 781). Complementa taller.css i families.css; acotat a .xt.p-robot */
.xt.p-robot .robot-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center}
.xt.p-robot .robot-hero-img{width:200px;height:auto;display:block}
.xt.p-robot .kits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:20px}
.xt.p-robot .kit{background:#fff;border:2px solid var(--ink);border-radius:22px;overflow:hidden;display:grid;grid-template-rows:auto 1fr}
.xt.p-robot .kit img{width:100%;height:240px;object-fit:contain;background:#fff;padding:10px;box-sizing:border-box;display:block;border-bottom:2px solid var(--ink)}
.xt.p-robot .kit-cos{padding:20px 22px 22px;display:grid;gap:10px;align-content:start}
.xt.p-robot .kit-cos .btn{justify-self:start;margin-top:4px}
.xt.p-robot .kit h3{font-size:1.45rem;font-weight:800}
.xt.p-robot .kit p{color:var(--ink-soft)}
.xt.p-robot .etiqueta{justify-self:start;font-family:var(--display);font-weight:700;font-size:.8rem;padding:4px 10px;border-radius:999px;border:2px solid var(--ink);background:var(--sun)}
.xt.p-robot .kit-boost .etiqueta{background:var(--lila)}
.xt.p-robot .models{list-style:none;margin:20px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.xt.p-robot .models li{margin:0}
.xt.p-robot .models a{display:grid;grid-template-rows:auto 1fr;height:100%;background:#fff;border:2px solid var(--ink);border-radius:18px;overflow:hidden;color:var(--ink);text-decoration:none;transition:transform .15s,box-shadow .15s}
.xt.p-robot .models a:hover,.xt.p-robot .models a:focus-visible{transform:translateY(-3px);box-shadow:0 6px 0 var(--ink)}
.xt.p-robot .models img{width:100%;height:160px;object-fit:contain;padding:8px;box-sizing:border-box;background:var(--paper);display:block;border-bottom:2px solid var(--ink)}
.xt.p-robot .model-cos{display:grid;gap:8px;padding:12px 14px 14px;align-content:start}
.xt.p-robot .model-cos b{font-family:var(--display);font-weight:800;font-size:1.05rem;line-height:1.2}
.xt.p-robot .pdf{justify-self:start;font-size:.85rem;font-weight:700;color:var(--coral-deep);display:inline-flex;align-items:center;gap:6px}
.xt.p-robot .pdf::before{content:"PDF";font-family:var(--display);font-size:.7rem;letter-spacing:.04em;color:#fff;background:var(--coral-deep);border-radius:6px;padding:2px 6px}
.xt.p-robot .videos{list-style:none;margin:20px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.xt.p-robot .videos li{margin:0;display:grid;gap:8px;align-content:start}
.xt.p-robot .videos h3{font-size:1.15rem;font-weight:800;margin-top:4px}
.xt.p-robot .videos .font{margin-top:0}
.xt.p-robot .reptes-robot{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start}
.xt.p-robot .normes{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.xt.p-robot .normes li{margin:0;background:rgba(255,255,255,.08);border-radius:14px;padding:12px 14px;color:#CFE3E8;line-height:1.45}
.xt.p-robot .normes li b{color:var(--sun)}
.xt.p-robot .ressenyes{margin-top:14px}
.xt.p-robot .ressenyes a{font-weight:700;color:var(--turq-deep)}
@media (max-width:1000px){.xt.p-robot .models{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:860px){.xt.p-robot .kits,.xt.p-robot .videos,.xt.p-robot .reptes-robot{grid-template-columns:1fr}.xt.p-robot .robot-hero{grid-template-columns:1fr}.xt.p-robot .robot-hero-img{display:none}}
@media (max-width:600px){.xt.p-robot .models{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.xt.p-robot .kit img{height:180px}.xt.p-robot .models img{height:120px}.xt.p-robot .model-cos{padding:10px}.xt.p-robot .model-cos b{font-size:.95rem}}