/* Laboratorio interactivo. Generado por integrar_laboratorio.py */

/* Marco del laboratorio y modo kiosco */
#laboratorio-interactivo{background:#06080d;border:1px solid #141c2e;border-radius:18px;padding:22px 18px 26px;
  color:#e8edf7;font-size:16px;line-height:1.6;text-align:left;
  font-family:Inter,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}
#laboratorio-interactivo *,#laboratorio-interactivo *::before,#laboratorio-interactivo *::after{box-sizing:border-box}
#laboratorio-interactivo .font-mono-tech{font-family:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
#laboratorio-interactivo .lab-barra{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;
  margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #141c2e}
#laboratorio-interactivo .lab-aviso{flex:1 1 320px;margin:0;font-size:.84rem;line-height:1.55;color:#8fa0bd}
#laboratorio-interactivo .lab-aviso strong{color:#e8edf7}
#laboratorio-interactivo .lab-kiosco-btn{flex:0 0 auto;font:inherit;font-size:.78rem;font-weight:700;cursor:pointer;
  letter-spacing:.06em;text-transform:uppercase;padding:10px 16px;border-radius:999px;
  border:1px solid #22d3ee55;background:#22d3ee14;color:#67e8f9;transition:.18s}
#laboratorio-interactivo .lab-kiosco-btn:hover{background:#22d3ee24;border-color:#22d3ee}
#laboratorio-interactivo.en-kiosco{border-radius:0;overflow-y:auto;padding:18px}
#laboratorio-interactivo.en-kiosco .lab-barra{display:none}
#laboratorio-interactivo canvas{touch-action:none}
#laboratorio-interactivo:fullscreen{background:#06080d}
@media (prefers-reduced-motion:reduce){
  #laboratorio-interactivo *{animation-duration:.01ms !important;animation-iteration-count:1 !important;
    transition-duration:.01ms !important}
}

#laboratorio-interactivo .ai-base-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;
  margin:10px 0 2px;padding:10px;border-radius:12px;background:#0b1020;border:1px solid #1b2440}
#laboratorio-interactivo .ai-base-tit{font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;
  font-weight:800;color:#8fa0bd;width:100%}
#laboratorio-interactivo .ai-retratos{display:flex;gap:6px;flex-wrap:wrap}
#laboratorio-interactivo .ai-retratos button,#laboratorio-interactivo .ai-subir span{font:inherit;font-size:.68rem;font-weight:700;
  cursor:pointer;padding:6px 11px;border-radius:999px;border:1px solid #223050;
  background:#0f1628;color:#cbd5e1;transition:.16s;display:inline-block}
#laboratorio-interactivo .ai-retratos button:hover,#laboratorio-interactivo .ai-subir:hover span{border-color:#22d3ee;color:#fff}
#laboratorio-interactivo .ai-retratos button.is-on{background:#22d3ee22;border-color:#22d3ee;color:#67e8f9}
#laboratorio-interactivo .ai-subir{position:relative;overflow:hidden;display:inline-block}
#laboratorio-interactivo .ai-subir input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}
#laboratorio-interactivo .ai-subir span{border-color:#a855f755;background:#a855f71a;color:#d8b4fe}
#laboratorio-interactivo .ai-base-nano{width:100%;margin:2px 0 0;font-size:.66rem;color:#7d8da9;line-height:1.4}
#laboratorio-interactivo .font-mono-tech{ font-family: 'JetBrains Mono', monospace; }

    /* Chasis realista de Tótem 55" 9:16 */
#laboratorio-interactivo .totem-chassis{
      aspect-ratio: 9 / 16;
      max-height: 730px;
      box-shadow: 0 0 0 10px #1e293b, 0 0 0 13px #334155, 0 30px 70px -15px rgba(6, 182, 212, 0.28);
    }

    /* Escáner láser para el AI Photo Booth */
    @keyframes scanline {
      0% { top: 0%; opacity: 0.9; }
      50% { top: 96%; opacity: 1; }
      100% { top: 0%; opacity: 0.9; }
    }
#laboratorio-interactivo .ai-laser-scan{
      position: absolute;
      left: 0;
      right: 0;
      height: 3px;
      background: linear-gradient(90deg, transparent, #22d3ee, #a855f7, transparent);
      box-shadow: 0 0 18px 4px rgba(34, 211, 238, 0.75);
      animation: scanline 1.6s ease-in-out infinite;
    }

    #wheel-svg-pro {
      transition: transform 4s cubic-bezier(0.12, 0.8, 0.18, 1);
    }

    ::-webkit-scrollbar { width: 5px; height: 5px; }
    ::-webkit-scrollbar-track { background: #090d16; }
    ::-webkit-scrollbar-thumb { background: #334155; border-radius: 9999px; }
  
@keyframes tw-spin{to{transform:rotate(360deg)}}
/* Shim de utilidades: solo las clases que usa el simulador.
   Generado por tw_shim.py — no editar a mano. */
@keyframes twPulse{0%,100%{opacity:1}50%{opacity:.5}}
@keyframes twPing{75%,100%{transform:scale(2);opacity:0}}
#laboratorio-interactivo{--tw-from:transparent;--tw-via:transparent;--tw-to:transparent;color:#e2e8f0;font-size:16px;line-height:1.5;font-family:Inter,system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;-webkit-font-smoothing:antialiased}
#laboratorio-interactivo *,#laboratorio-interactivo *::before,#laboratorio-interactivo *::after{box-sizing:border-box}
#laboratorio-interactivo button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
#laboratorio-interactivo input{font:inherit}
#laboratorio-interactivo table{border-collapse:collapse;width:100%}
#laboratorio-interactivo h1,#laboratorio-interactivo h2,#laboratorio-interactivo h3,#laboratorio-interactivo h4,#laboratorio-interactivo p,#laboratorio-interactivo ul,#laboratorio-interactivo ol{margin:0}
#laboratorio-interactivo .-top-2\.5{top:-10px}
#laboratorio-interactivo .absolute{position:absolute}
#laboratorio-interactivo .accent-cyan-400{accent-color:#22d3ee}
#laboratorio-interactivo .accent-purple-500{accent-color:#a855f7}
#laboratorio-interactivo .animate-ping{animation:twPing 1s cubic-bezier(0,0,.2,1) infinite}
#laboratorio-interactivo .animate-pulse{animation:twPulse 2s cubic-bezier(.4,0,.6,1) infinite}
#laboratorio-interactivo .animate-spin{animation:tw-spin 1s linear infinite}
#laboratorio-interactivo .backdrop-blur-md{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
#laboratorio-interactivo .backdrop-blur-sm{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
#laboratorio-interactivo .bg-amber-400{background-color:#fbbf24}
#laboratorio-interactivo .bg-amber-500\/20{background-color:rgba(245,158,11,0.20)}
#laboratorio-interactivo .bg-black{background-color:#000000}
#laboratorio-interactivo .bg-cyan-400{background-color:#22d3ee}
#laboratorio-interactivo .bg-cyan-500\/10{background-color:rgba(6,182,212,0.10)}
#laboratorio-interactivo .bg-cyan-500\/20{background-color:rgba(6,182,212,0.20)}
#laboratorio-interactivo .bg-emerald-400{background-color:#34d399}
#laboratorio-interactivo .bg-emerald-500{background-color:#10b981}
#laboratorio-interactivo .bg-emerald-500\/15{background-color:rgba(16,185,129,0.15)}
#laboratorio-interactivo .bg-emerald-500\/20{background-color:rgba(16,185,129,0.20)}
#laboratorio-interactivo .bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-from),var(--tw-via,var(--tw-from)),var(--tw-to))}
#laboratorio-interactivo .bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-from),var(--tw-via,var(--tw-from)),var(--tw-to))}
#laboratorio-interactivo .bg-pink-600\/20{background-color:rgba(219,39,119,0.20)}
#laboratorio-interactivo .bg-purple-500{background-color:#a855f7}
#laboratorio-interactivo .bg-purple-500\/15{background-color:rgba(168,85,247,0.15)}
#laboratorio-interactivo .bg-purple-500\/20{background-color:rgba(168,85,247,0.20)}
#laboratorio-interactivo .bg-purple-600{background-color:#9333ea}
#laboratorio-interactivo .bg-red-600{background-color:#dc2626}
#laboratorio-interactivo .bg-slate-800{background-color:#1e293b}
#laboratorio-interactivo .bg-slate-900{background-color:#0f172a}
#laboratorio-interactivo .bg-slate-900\/40{background-color:rgba(15,23,42,0.40)}
#laboratorio-interactivo .bg-slate-900\/80{background-color:rgba(15,23,42,0.80)}
#laboratorio-interactivo .bg-slate-900\/90{background-color:rgba(15,23,42,0.90)}
#laboratorio-interactivo .bg-slate-900\/95{background-color:rgba(15,23,42,0.95)}
#laboratorio-interactivo .bg-slate-950{background-color:#020617}
#laboratorio-interactivo .bg-slate-950\/80{background-color:rgba(2,6,23,0.80)}
#laboratorio-interactivo .bg-slate-950\/85{background-color:rgba(2,6,23,0.85)}
#laboratorio-interactivo .bg-slate-950\/95{background-color:rgba(2,6,23,0.95)}
#laboratorio-interactivo .bg-white{background-color:#ffffff}
#laboratorio-interactivo .block{display:block}
#laboratorio-interactivo .border{border-width:1px;border-style:solid}
#laboratorio-interactivo .border-2{border-width:2px;border-style:solid}
#laboratorio-interactivo .border-4{border-width:4px;border-style:solid}
#laboratorio-interactivo .border-amber-400\/60{border-color:rgba(251,191,36,0.60)}
#laboratorio-interactivo .border-amber-500\/30{border-color:rgba(245,158,11,0.30)}
#laboratorio-interactivo .border-b{border-bottom-width:1px;border-bottom-style:solid}
#laboratorio-interactivo .border-collapse{border-collapse:collapse}
#laboratorio-interactivo .border-cyan-400{border-color:#22d3ee}
#laboratorio-interactivo .border-cyan-400\/70{border-color:rgba(34,211,238,0.70)}
#laboratorio-interactivo .border-cyan-500\/20{border-color:rgba(6,182,212,0.20)}
#laboratorio-interactivo .border-cyan-500\/30{border-color:rgba(6,182,212,0.30)}
#laboratorio-interactivo .border-cyan-500\/40{border-color:rgba(6,182,212,0.40)}
#laboratorio-interactivo .border-emerald-500\/20{border-color:rgba(16,185,129,0.20)}
#laboratorio-interactivo .border-emerald-500\/30{border-color:rgba(16,185,129,0.30)}
#laboratorio-interactivo .border-emerald-500\/40{border-color:rgba(16,185,129,0.40)}
#laboratorio-interactivo .border-l-\[10px\]{border-left-width:10px;border-left-style:solid}
#laboratorio-interactivo .border-l-transparent{border-left-color:transparent}
#laboratorio-interactivo .border-pink-500\/40{border-color:rgba(236,72,153,0.40)}
#laboratorio-interactivo .border-purple-400{border-color:#c084fc}
#laboratorio-interactivo .border-purple-400\/40{border-color:rgba(192,132,252,0.40)}
#laboratorio-interactivo .border-purple-500\/30{border-color:rgba(168,85,247,0.30)}
#laboratorio-interactivo .border-purple-500\/40{border-color:rgba(168,85,247,0.40)}
#laboratorio-interactivo .border-r-\[10px\]{border-right-width:10px;border-right-style:solid}
#laboratorio-interactivo .border-r-transparent{border-right-color:transparent}
#laboratorio-interactivo .border-slate-700{border-color:#334155}
#laboratorio-interactivo .border-slate-800{border-color:#1e293b}
#laboratorio-interactivo .border-t{border-top-width:1px;border-top-style:solid}
#laboratorio-interactivo .border-t-\[20px\]{border-top-width:20px;border-top-style:solid}
#laboratorio-interactivo .border-t-red-500{border-top-color:#ef4444}
#laboratorio-interactivo .border-t-transparent{border-top-color:transparent}
#laboratorio-interactivo .border-white\/10{border-color:rgba(255,255,255,0.10)}
#laboratorio-interactivo .border-zinc-700{border-color:#3f3f46}
#laboratorio-interactivo .col-span-2{grid-column:span 2/span 2}
#laboratorio-interactivo .cursor-crosshair{cursor:crosshair}
#laboratorio-interactivo .cursor-none{cursor:none}
#laboratorio-interactivo .cursor-pointer{cursor:pointer}
#laboratorio-interactivo .divide-slate-800\/60>*+*{border-top:1px solid rgba(30,41,59,0.60)}
#laboratorio-interactivo .divide-y>*+*{border-top-width:1px;border-top-style:solid}
#laboratorio-interactivo .duration-300{transition-duration:.3s}
#laboratorio-interactivo .flex{display:flex}
#laboratorio-interactivo .flex-1{flex:1 1 0%;min-width:0}
#laboratorio-interactivo .flex-col{flex-direction:column}
#laboratorio-interactivo .flex-wrap{flex-wrap:wrap}
#laboratorio-interactivo .focus\:border-cyan-400:focus{border-color:#22d3ee}
#laboratorio-interactivo .focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}
#laboratorio-interactivo .font-black{font-weight:900}
#laboratorio-interactivo .font-bold{font-weight:700}
#laboratorio-interactivo .font-extrabold{font-weight:800}
#laboratorio-interactivo .font-mono-tech{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace}
#laboratorio-interactivo .font-normal{font-weight:400}
#laboratorio-interactivo .font-semibold{font-weight:600}
#laboratorio-interactivo .from-cyan-950\/70{--tw-from:rgba(8,51,68,0.70)}
#laboratorio-interactivo .from-emerald-500{--tw-from:#10b981}
#laboratorio-interactivo .from-indigo-950{--tw-from:#1e1b4b}
#laboratorio-interactivo .from-purple-600{--tw-from:#9333ea}
#laboratorio-interactivo .from-slate-800{--tw-from:#1e293b}
#laboratorio-interactivo .from-slate-900{--tw-from:#0f172a}
#laboratorio-interactivo .from-slate-950{--tw-from:#020617}
#laboratorio-interactivo .from-zinc-900{--tw-from:#18181b}
#laboratorio-interactivo .gap-1{gap:4px}
#laboratorio-interactivo .gap-1\.5{gap:6px}
#laboratorio-interactivo .gap-2{gap:8px}
#laboratorio-interactivo .gap-3{gap:12px}
#laboratorio-interactivo .gap-4{gap:16px}
#laboratorio-interactivo .gap-5{gap:20px}
#laboratorio-interactivo .gap-8{gap:32px}
#laboratorio-interactivo .grid{display:grid}
#laboratorio-interactivo .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
#laboratorio-interactivo .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
#laboratorio-interactivo .grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
#laboratorio-interactivo .h-0{height:0px}
#laboratorio-interactivo .h-1\.5{height:6px}
#laboratorio-interactivo .h-10{height:40px}
#laboratorio-interactivo .h-2{height:8px}
#laboratorio-interactivo .h-2\.5{height:10px}
#laboratorio-interactivo .h-24{height:96px}
#laboratorio-interactivo .h-28{height:112px}
#laboratorio-interactivo .h-32{height:128px}
#laboratorio-interactivo .h-4{height:16px}
#laboratorio-interactivo .h-56{height:224px}
#laboratorio-interactivo .h-60{height:240px}
#laboratorio-interactivo .h-72{height:288px}
#laboratorio-interactivo .h-\[380px\]{height:380px}
#laboratorio-interactivo .h-full{height:100%}
#laboratorio-interactivo .hidden{display:none}
#laboratorio-interactivo .hover\:bg-cyan-300:hover{background-color:#67e8f9}
#laboratorio-interactivo .hover\:bg-cyan-500\/30:hover{background-color:rgba(6,182,212,0.30)}
#laboratorio-interactivo .hover\:bg-cyan-950:hover{background-color:#083344}
#laboratorio-interactivo .hover\:bg-emerald-400:hover{background-color:#34d399}
#laboratorio-interactivo .hover\:bg-purple-500\/40:hover{background-color:rgba(168,85,247,0.40)}
#laboratorio-interactivo .hover\:bg-red-500:hover{background-color:#ef4444}
#laboratorio-interactivo .hover\:bg-slate-700:hover{background-color:#334155}
#laboratorio-interactivo .hover\:bg-slate-900\/80:hover{background-color:rgba(15,23,42,0.80)}
#laboratorio-interactivo .hover\:border-cyan-400:hover{border-color:#22d3ee}
#laboratorio-interactivo .hover\:opacity-95:hover{opacity:0.95}
#laboratorio-interactivo .hover\:text-white:hover{color:#ffffff}
#laboratorio-interactivo .inline-block{display:inline-block}
#laboratorio-interactivo .inset-0{top:0;right:0;bottom:0;left:0}
#laboratorio-interactivo .items-center{align-items:center}
#laboratorio-interactivo .items-start{align-items:flex-start}
#laboratorio-interactivo .items-stretch{align-items:stretch}
#laboratorio-interactivo .justify-between{justify-content:space-between}
#laboratorio-interactivo .justify-center{justify-content:center}
#laboratorio-interactivo .leading-snug{line-height:1.375}
#laboratorio-interactivo .max-w-\[380px\]{max-width:380px}
#laboratorio-interactivo .mb-1{margin-bottom:4px}
#laboratorio-interactivo .mb-1\.5{margin-bottom:6px}
#laboratorio-interactivo .mb-2{margin-bottom:8px}
#laboratorio-interactivo .mb-2\.5{margin-bottom:10px}
#laboratorio-interactivo .mb-3{margin-bottom:12px}
#laboratorio-interactivo .mb-4{margin-bottom:16px}
#laboratorio-interactivo .mb-5{margin-bottom:20px}
#laboratorio-interactivo .mb-6{margin-bottom:24px}
#laboratorio-interactivo .mb-8{margin-bottom:32px}
#laboratorio-interactivo .min-h-\[34px\]{min-height:34px}
#laboratorio-interactivo .mt-0\.5{margin-top:2px}
#laboratorio-interactivo .mt-1{margin-top:4px}
#laboratorio-interactivo .mt-2{margin-top:8px}
#laboratorio-interactivo .mt-2\.5{margin-top:10px}
#laboratorio-interactivo .mt-3{margin-top:12px}
#laboratorio-interactivo .mt-4{margin-top:16px}
#laboratorio-interactivo .mx-auto{margin-left:auto;margin-right:auto}
#laboratorio-interactivo .my-1{margin-top:4px;margin-bottom:4px}
#laboratorio-interactivo .my-2{margin-top:8px;margin-bottom:8px}
#laboratorio-interactivo .my-auto{margin-top:auto;margin-bottom:auto}
#laboratorio-interactivo .object-cover{object-fit:cover}
#laboratorio-interactivo .overflow-hidden{overflow:hidden}
#laboratorio-interactivo .overflow-y-auto{overflow-y:auto}
#laboratorio-interactivo .p-2{padding:8px}
#laboratorio-interactivo .p-2\.5{padding:10px}
#laboratorio-interactivo .p-3{padding:12px}
#laboratorio-interactivo .p-3\.5{padding:14px}
#laboratorio-interactivo .p-4{padding:16px}
#laboratorio-interactivo .p-5{padding:20px}
#laboratorio-interactivo .p-6{padding:24px}
#laboratorio-interactivo .pb-1\.5{padding-bottom:6px}
#laboratorio-interactivo .pb-2{padding-bottom:8px}
#laboratorio-interactivo .pb-2\.5{padding-bottom:10px}
#laboratorio-interactivo .pb-4{padding-bottom:16px}
#laboratorio-interactivo .pt-1{padding-top:4px}
#laboratorio-interactivo .pt-2{padding-top:8px}
#laboratorio-interactivo .px-1{padding-left:4px;padding-right:4px}
#laboratorio-interactivo .px-1\.5{padding-left:6px;padding-right:6px}
#laboratorio-interactivo .px-2{padding-left:8px;padding-right:8px}
#laboratorio-interactivo .px-2\.5{padding-left:10px;padding-right:10px}
#laboratorio-interactivo .px-3{padding-left:12px;padding-right:12px}
#laboratorio-interactivo .px-4{padding-left:16px;padding-right:16px}
#laboratorio-interactivo .px-5{padding-left:20px;padding-right:20px}
#laboratorio-interactivo .py-0\.5{padding-top:2px;padding-bottom:2px}
#laboratorio-interactivo .py-1{padding-top:4px;padding-bottom:4px}
#laboratorio-interactivo .py-1\.5{padding-top:6px;padding-bottom:6px}
#laboratorio-interactivo .py-2{padding-top:8px;padding-bottom:8px}
#laboratorio-interactivo .py-2\.5{padding-top:10px;padding-bottom:10px}
#laboratorio-interactivo .py-3{padding-top:12px;padding-bottom:12px}
#laboratorio-interactivo .relative{position:relative}
#laboratorio-interactivo .rounded{border-radius:4px}
#laboratorio-interactivo .rounded-2xl{border-radius:16px}
#laboratorio-interactivo .rounded-3xl{border-radius:24px}
#laboratorio-interactivo .rounded-\[30px\]{border-radius:30px}
#laboratorio-interactivo .rounded-full{border-radius:9999px}
#laboratorio-interactivo .rounded-lg{border-radius:8px}
#laboratorio-interactivo .rounded-xl{border-radius:12px}
#laboratorio-interactivo .select-none{user-select:none}
#laboratorio-interactivo .shadow-2xl{box-shadow:0 25px 50px -12px rgba(0,0,0,.6)}
#laboratorio-interactivo .shadow-cyan-950\/40{box-shadow:0 14px 34px rgba(8,51,68,0.40)}
#laboratorio-interactivo .shadow-emerald-500\/20{box-shadow:0 14px 34px rgba(16,185,129,0.20)}
#laboratorio-interactivo .shadow-emerald-500\/30{box-shadow:0 14px 34px rgba(16,185,129,0.30)}
#laboratorio-interactivo .shadow-inner{box-shadow:inset 0 2px 4px rgba(0,0,0,.35)}
#laboratorio-interactivo .shadow-lg{box-shadow:0 10px 15px -3px rgba(0,0,0,.4),0 4px 6px -4px rgba(0,0,0,.4)}
#laboratorio-interactivo .shadow-purple-600\/30{box-shadow:0 14px 34px rgba(147,51,234,0.30)}
#laboratorio-interactivo .shadow-xl{box-shadow:0 20px 25px -5px rgba(0,0,0,.45),0 8px 10px -6px rgba(0,0,0,.45)}
#laboratorio-interactivo .shrink-0{flex-shrink:0}
#laboratorio-interactivo .space-y-1>*+*{margin-top:4px}
#laboratorio-interactivo .space-y-1\.5>*+*{margin-top:6px}
#laboratorio-interactivo .space-y-2>*+*{margin-top:8px}
#laboratorio-interactivo .space-y-5>*+*{margin-top:20px}
#laboratorio-interactivo .text-2xl{font-size:24px;line-height:32px}
#laboratorio-interactivo .text-3xl{font-size:30px;line-height:36px}
#laboratorio-interactivo .text-4xl{font-size:36px;line-height:40px}
#laboratorio-interactivo .text-\[10px\]{font-size:10px}
#laboratorio-interactivo .text-\[11px\]{font-size:11px}
#laboratorio-interactivo .text-\[9px\]{font-size:9px}
#laboratorio-interactivo .text-amber-300{color:#fcd34d}
#laboratorio-interactivo .text-amber-400{color:#fbbf24}
#laboratorio-interactivo .text-base{font-size:16px;line-height:24px}
#laboratorio-interactivo .text-center{text-align:center}
#laboratorio-interactivo .text-cyan-300{color:#67e8f9}
#laboratorio-interactivo .text-cyan-400{color:#22d3ee}
#laboratorio-interactivo .text-emerald-300{color:#6ee7b7}
#laboratorio-interactivo .text-emerald-400{color:#34d399}
#laboratorio-interactivo .text-left{text-align:left}
#laboratorio-interactivo .text-lg{font-size:18px;line-height:28px}
#laboratorio-interactivo .text-pink-300{color:#f9a8d4}
#laboratorio-interactivo .text-purple-200{color:#e9d5ff}
#laboratorio-interactivo .text-purple-300{color:#d8b4fe}
#laboratorio-interactivo .text-purple-400{color:#c084fc}
#laboratorio-interactivo .text-right{text-align:right}
#laboratorio-interactivo .text-slate-300{color:#cbd5e1}
#laboratorio-interactivo .text-slate-400{color:#94a3b8}
#laboratorio-interactivo .text-slate-500{color:#64748b}
#laboratorio-interactivo .text-slate-950{color:#020617}
#laboratorio-interactivo .text-sm{font-size:14px;line-height:20px}
#laboratorio-interactivo .text-white{color:#ffffff}
#laboratorio-interactivo .text-xs{font-size:12px;line-height:16px}
#laboratorio-interactivo .to-black{--tw-to:#000000}
#laboratorio-interactivo .to-cyan-500{--tw-to:#06b6d4}
#laboratorio-interactivo .to-purple-950\/60{--tw-to:rgba(59,7,100,0.60)}
#laboratorio-interactivo .to-slate-950{--tw-to:#020617}
#laboratorio-interactivo .touch-none{touch-action:none}
#laboratorio-interactivo .tracking-wide{letter-spacing:.025em}
#laboratorio-interactivo .tracking-wider{letter-spacing:.05em}
#laboratorio-interactivo .tracking-widest{letter-spacing:.1em}
#laboratorio-interactivo .transition{transition:all .15s ease}
#laboratorio-interactivo .transition-all{transition:all .15s ease}
#laboratorio-interactivo .transition-colors{transition:color .15s ease,background-color .15s ease,border-color .15s ease}
#laboratorio-interactivo .underline{text-decoration:underline}
#laboratorio-interactivo .uppercase{text-transform:uppercase}
#laboratorio-interactivo .via-cyan-950\/50{--tw-via:rgba(8,51,68,0.50)}
#laboratorio-interactivo .via-emerald-950\/40{--tw-via:rgba(2,44,34,0.40)}
#laboratorio-interactivo .via-fuchsia-600{--tw-via:#c026d3}
#laboratorio-interactivo .via-slate-900{--tw-via:#0f172a}
#laboratorio-interactivo .via-slate-950{--tw-via:#020617}
#laboratorio-interactivo .w-0{width:0px}
#laboratorio-interactivo .w-10{width:40px}
#laboratorio-interactivo .w-2{width:8px}
#laboratorio-interactivo .w-2\.5{width:10px}
#laboratorio-interactivo .w-28{width:112px}
#laboratorio-interactivo .w-4{width:16px}
#laboratorio-interactivo .w-56{width:224px}
#laboratorio-interactivo .w-60{width:240px}
#laboratorio-interactivo .w-64{width:256px}
#laboratorio-interactivo .w-full{width:100%}
#laboratorio-interactivo .z-10{z-index:10}
#laboratorio-interactivo .z-20{z-index:20}
#laboratorio-interactivo .z-30{z-index:30}
@media(min-width:640px){#laboratorio-interactivo .sm\:flex-row{flex-direction:row}#laboratorio-interactivo .sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:768px){#laboratorio-interactivo .md\:col-span-5{grid-column:span 5/span 5}#laboratorio-interactivo .md\:col-span-7{grid-column:span 7/span 7}#laboratorio-interactivo .md\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}}
@media(min-width:1024px){#laboratorio-interactivo .lg\:col-span-5{grid-column:span 5/span 5}#laboratorio-interactivo .lg\:col-span-7{grid-column:span 7/span 7}#laboratorio-interactivo .lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}#laboratorio-interactivo .lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}