.TablaPeriodica-module__P-1TeG__container{background:var(--bg-primary);max-width:1400px;min-height:100vh;margin:0 auto;padding:2rem 2.5rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}[data-theme=dark] .TablaPeriodica-module__P-1TeG__container{background:var(--bg-primary)}.TablaPeriodica-module__P-1TeG__hero{text-align:center;background:linear-gradient(135deg,var(--primary)0%,var(--secondary)100%);color:#fff;border-radius:16px;margin-top:80px;margin-bottom:1.5rem;padding:2rem 1.5rem}.TablaPeriodica-module__P-1TeG__title{margin-bottom:.5rem;font-size:2rem;font-weight:700}.TablaPeriodica-module__P-1TeG__subtitle{opacity:.95;max-width:600px;margin:0 auto;font-size:1rem}.TablaPeriodica-module__P-1TeG__filtrosPanel{background:var(--bg-card);box-shadow:var(--shadow-sm);border-radius:12px;margin-bottom:1.5rem;padding:1.25rem}.TablaPeriodica-module__P-1TeG__filtrosGrid{flex-wrap:wrap;align-items:flex-end;gap:1rem;display:flex}.TablaPeriodica-module__P-1TeG__filtroGroup{flex-direction:column;flex:1;gap:.375rem;min-width:180px;display:flex}.TablaPeriodica-module__P-1TeG__filtroGroup label{color:var(--text-primary);font-size:.9rem;font-weight:600}.TablaPeriodica-module__P-1TeG__select,.TablaPeriodica-module__P-1TeG__input{border:2px solid var(--border);background:var(--bg-primary);color:var(--text-primary);border-radius:8px;padding:.625rem .875rem;font-size:.95rem;transition:all .2s}.TablaPeriodica-module__P-1TeG__select:focus,.TablaPeriodica-module__P-1TeG__input:focus{border-color:var(--primary);outline:none}[data-theme=dark] .TablaPeriodica-module__P-1TeG__select,[data-theme=dark] .TablaPeriodica-module__P-1TeG__input{background:var(--hover)}.TablaPeriodica-module__P-1TeG__btnOutline{border:2px solid var(--border);background:var(--bg-card);color:var(--text-primary);cursor:pointer;white-space:nowrap;border-radius:8px;padding:.625rem 1.25rem;font-size:.95rem;font-weight:600;transition:all .2s}.TablaPeriodica-module__P-1TeG__btnOutline:hover{border-color:var(--primary);background:var(--hover)}.TablaPeriodica-module__P-1TeG__contadorElementos{color:var(--text-muted);text-align:center;margin-top:.75rem;font-size:.9rem}.TablaPeriodica-module__P-1TeG__tablaContainer{margin-bottom:1.5rem;padding:1rem 0;overflow-x:auto}.TablaPeriodica-module__P-1TeG__tablaPeriodica{grid-template-rows:repeat(9,auto);grid-template-columns:repeat(18,minmax(50px,1fr));gap:3px;min-width:900px;padding:.5rem;display:grid}.TablaPeriodica-module__P-1TeG__elemento{aspect-ratio:1;cursor:pointer;border:1px solid #0000001a;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;min-width:50px;max-width:70px;padding:4px;transition:all .2s;display:flex;position:relative;overflow:hidden}.TablaPeriodica-module__P-1TeG__elemento:hover{z-index:10;transform:scale(1.15);box-shadow:0 4px 12px #0003}.TablaPeriodica-module__P-1TeG__elemento.TablaPeriodica-module__P-1TeG__filtrado{opacity:.15;pointer-events:none}.TablaPeriodica-module__P-1TeG__numeroAtomico{color:#0009;font-size:.55rem;font-weight:500;position:absolute;top:2px;left:3px}.TablaPeriodica-module__P-1TeG__simbolo{color:#000000d9;font-size:1.1rem;font-weight:700;line-height:1}.TablaPeriodica-module__P-1TeG__nombre{color:#000000b3;text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.45rem;line-height:1.1;overflow:hidden}.TablaPeriodica-module__P-1TeG__masa{color:#00000080;font-size:.45rem}.TablaPeriodica-module__P-1TeG__metales-alcalinos{background:#ff6b6b}.TablaPeriodica-module__P-1TeG__metales-alcalinoterreos{background:#ffb347}.TablaPeriodica-module__P-1TeG__metales-transicion{background:#87ceeb}.TablaPeriodica-module__P-1TeG__metaloides{background:#98d8c8}.TablaPeriodica-module__P-1TeG__no-metales{background:#c3b1e1}.TablaPeriodica-module__P-1TeG__halogenos{background:#f9e79f}.TablaPeriodica-module__P-1TeG__gases-nobles{background:#aed6f1}.TablaPeriodica-module__P-1TeG__lantanidos{background:#f5b7b1}.TablaPeriodica-module__P-1TeG__actinidos{background:#d5dbdb}.TablaPeriodica-module__P-1TeG__otros-metales{background:#a9dfbf}.TablaPeriodica-module__P-1TeG__indicadorSerie{color:var(--text-muted);background:var(--hover);border-radius:4px;justify-content:center;align-items:center;padding:4px;font-size:.7rem;font-weight:600;display:flex}.TablaPeriodica-module__P-1TeG__leyenda{background:var(--bg-card);box-shadow:var(--shadow-sm);border-radius:12px;margin-bottom:1.5rem;padding:1.25rem}.TablaPeriodica-module__P-1TeG__leyenda h3{color:var(--primary);text-align:center;margin-bottom:1rem;font-size:1.1rem}.TablaPeriodica-module__P-1TeG__leyendaGrid{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.TablaPeriodica-module__P-1TeG__leyendaItem{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.85rem;display:flex}.TablaPeriodica-module__P-1TeG__colorBox{border:1px solid #0000001a;border-radius:4px;width:20px;height:20px}.TablaPeriodica-module__P-1TeG__calculadoraPanel{background:var(--bg-card);box-shadow:var(--shadow-sm);border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.TablaPeriodica-module__P-1TeG__calculadoraPanel h2{color:var(--primary);text-align:center;margin-bottom:.5rem;font-size:1.3rem}.TablaPeriodica-module__P-1TeG__calculadoraDesc{color:var(--text-secondary);text-align:center;margin-bottom:1rem;font-size:.95rem}.TablaPeriodica-module__P-1TeG__calculadoraForm{gap:.75rem;max-width:500px;margin:0 auto 1rem;display:flex}.TablaPeriodica-module__P-1TeG__inputFormula{border:2px solid var(--border);background:var(--bg-primary);color:var(--text-primary);border-radius:8px;flex:1;padding:.75rem 1rem;font-family:Consolas,monospace;font-size:1.1rem}.TablaPeriodica-module__P-1TeG__inputFormula:focus{border-color:var(--primary);outline:none}[data-theme=dark] .TablaPeriodica-module__P-1TeG__inputFormula{background:var(--hover)}.TablaPeriodica-module__P-1TeG__btnPrimary{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:all .2s}.TablaPeriodica-module__P-1TeG__btnPrimary:hover{background:#256a8a}.TablaPeriodica-module__P-1TeG__errorMasa{color:#dc2626;text-align:center;background:#fee2e2;border-radius:8px;max-width:500px;margin-bottom:1rem;margin-left:auto;margin-right:auto;padding:.75rem}[data-theme=dark] .TablaPeriodica-module__P-1TeG__errorMasa{color:#f87171;background:#3a1e21}.TablaPeriodica-module__P-1TeG__resultadoMasa{background:var(--bg-primary);border-radius:10px;max-width:500px;margin:0 auto 1rem;padding:1.25rem}[data-theme=dark] .TablaPeriodica-module__P-1TeG__resultadoMasa{background:var(--hover)}.TablaPeriodica-module__P-1TeG__masaTotal{border-bottom:2px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;display:flex}.TablaPeriodica-module__P-1TeG__masaTotal span{color:var(--text-secondary);font-size:1rem}.TablaPeriodica-module__P-1TeG__masaTotal strong{color:var(--primary);font-size:1.4rem}.TablaPeriodica-module__P-1TeG__desgloseMasa h4{color:var(--text-primary);margin-bottom:.75rem;font-size:.95rem}.TablaPeriodica-module__P-1TeG__desgloseMasa table{border-collapse:collapse;width:100%}.TablaPeriodica-module__P-1TeG__desgloseMasa th,.TablaPeriodica-module__P-1TeG__desgloseMasa td{text-align:left;border-bottom:1px solid var(--border);padding:.5rem}.TablaPeriodica-module__P-1TeG__desgloseMasa th{color:var(--text-muted);font-size:.85rem;font-weight:600}.TablaPeriodica-module__P-1TeG__desgloseMasa td{color:var(--text-primary);font-size:.9rem}.TablaPeriodica-module__P-1TeG__ejemplosFormula{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;display:flex}.TablaPeriodica-module__P-1TeG__ejemplosFormula span{color:var(--text-muted);font-size:.9rem}.TablaPeriodica-module__P-1TeG__ejemplosFormula button{border:1px solid var(--border);background:var(--bg-primary);color:var(--text-primary);cursor:pointer;border-radius:6px;padding:.375rem .75rem;font-family:Consolas,monospace;font-size:.85rem;transition:all .2s}.TablaPeriodica-module__P-1TeG__ejemplosFormula button:hover{border-color:var(--primary);background:var(--hover)}.TablaPeriodica-module__P-1TeG__modalOverlay{z-index:1000;background:#0009;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.TablaPeriodica-module__P-1TeG__modal{background:var(--bg-card);width:100%;max-width:500px;max-height:90vh;box-shadow:var(--shadow-lg);border-radius:16px;position:relative;overflow-y:auto}.TablaPeriodica-module__P-1TeG__cerrarModal{background:var(--hover);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;transition:all .2s;display:flex;position:absolute;top:1rem;right:1rem}.TablaPeriodica-module__P-1TeG__cerrarModal:hover{background:var(--border);color:var(--text-primary)}.TablaPeriodica-module__P-1TeG__modalHeader{border-bottom:1px solid var(--border);align-items:center;gap:1.25rem;padding:1.5rem;display:flex}.TablaPeriodica-module__P-1TeG__modalSimbolo{color:#000000d9;border-radius:12px;justify-content:center;align-items:center;width:80px;height:80px;font-size:2.5rem;font-weight:700;display:flex}.TablaPeriodica-module__P-1TeG__modalInfo h2{color:var(--text-primary);margin-bottom:.25rem;font-size:1.5rem}.TablaPeriodica-module__P-1TeG__modalInfo p{color:var(--text-secondary);margin:.125rem 0;font-size:.95rem}.TablaPeriodica-module__P-1TeG__modalDetalles{padding:1.5rem}.TablaPeriodica-module__P-1TeG__propiedadesGrid{grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1.25rem;display:grid}.TablaPeriodica-module__P-1TeG__propiedad{border-bottom:1px solid var(--border);justify-content:space-between;padding:.5rem 0;display:flex}.TablaPeriodica-module__P-1TeG__propiedad strong{color:var(--text-muted);font-size:.9rem;font-weight:500}.TablaPeriodica-module__P-1TeG__propiedad span{color:var(--text-primary);font-weight:600}.TablaPeriodica-module__P-1TeG__configuracion{background:var(--bg-primary);border-radius:8px;margin-bottom:1.25rem;padding:.75rem 1rem}[data-theme=dark] .TablaPeriodica-module__P-1TeG__configuracion{background:var(--hover)}.TablaPeriodica-module__P-1TeG__configuracion strong{color:var(--text-muted);margin-bottom:.375rem;font-size:.9rem;display:block}.TablaPeriodica-module__P-1TeG__configuracion code{color:var(--primary);font-family:Consolas,monospace;font-size:1.1rem}.TablaPeriodica-module__P-1TeG__usosSection h3,.TablaPeriodica-module__P-1TeG__datoCurioso h3{color:var(--text-primary);margin-bottom:.625rem;font-size:1rem}.TablaPeriodica-module__P-1TeG__usosSection ul{margin:0;padding-left:1.25rem;list-style:outside}.TablaPeriodica-module__P-1TeG__usosSection li{color:var(--text-secondary);margin-bottom:.375rem;font-size:.95rem}.TablaPeriodica-module__P-1TeG__datoCurioso{background:linear-gradient(135deg,#e7f3ff 0%,#d0e8ff 100%);border-radius:10px;margin-top:1rem;padding:1rem}[data-theme=dark] .TablaPeriodica-module__P-1TeG__datoCurioso{background:linear-gradient(135deg,#1a2a3a 0%,#1e3040 100%)}.TablaPeriodica-module__P-1TeG__datoCurioso p{color:var(--text-primary);margin:0;font-size:.95rem;line-height:1.5}.TablaPeriodica-module__P-1TeG__guideSection h2{color:var(--primary);margin-bottom:1rem;font-size:1.4rem}.TablaPeriodica-module__P-1TeG__introParagraph{color:var(--text-secondary);margin-bottom:1.5rem;font-size:1.05rem;line-height:1.7}.TablaPeriodica-module__P-1TeG__conceptGrid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.25rem;display:grid}.TablaPeriodica-module__P-1TeG__conceptCard{background:var(--bg-primary);border-left:4px solid var(--primary);border-radius:10px;padding:1.25rem}[data-theme=dark] .TablaPeriodica-module__P-1TeG__conceptCard{background:var(--hover)}.TablaPeriodica-module__P-1TeG__conceptCard h4{color:var(--text-primary);margin-bottom:.75rem;font-size:1.05rem}.TablaPeriodica-module__P-1TeG__conceptCard ul{margin:0;padding:0;list-style:none}.TablaPeriodica-module__P-1TeG__conceptCard li{color:var(--text-secondary);margin-bottom:.5rem;font-size:.9rem;line-height:1.5}.TablaPeriodica-module__P-1TeG__conceptCard p{color:var(--text-secondary);margin:.5rem 0;font-size:.9rem;line-height:1.5}@media (max-width:1200px){.TablaPeriodica-module__P-1TeG__tablaPeriodica{grid-template-columns:repeat(18,minmax(45px,1fr))}.TablaPeriodica-module__P-1TeG__elemento{min-width:45px}}@media (max-width:768px){.TablaPeriodica-module__P-1TeG__container{padding:1rem .5rem}.TablaPeriodica-module__P-1TeG__hero{margin-top:70px;padding:1.5rem 1rem}.TablaPeriodica-module__P-1TeG__title{font-size:1.5rem}.TablaPeriodica-module__P-1TeG__filtrosGrid{flex-direction:column}.TablaPeriodica-module__P-1TeG__filtroGroup{width:100%}.TablaPeriodica-module__P-1TeG__tablaPeriodica{grid-template-columns:repeat(18,minmax(38px,1fr));gap:2px}.TablaPeriodica-module__P-1TeG__elemento{min-width:38px;padding:2px}.TablaPeriodica-module__P-1TeG__simbolo{font-size:.9rem}.TablaPeriodica-module__P-1TeG__nombre,.TablaPeriodica-module__P-1TeG__masa{display:none}.TablaPeriodica-module__P-1TeG__numeroAtomico{font-size:.5rem}.TablaPeriodica-module__P-1TeG__leyendaGrid{gap:.5rem}.TablaPeriodica-module__P-1TeG__leyendaItem{font-size:.75rem}.TablaPeriodica-module__P-1TeG__colorBox{width:16px;height:16px}.TablaPeriodica-module__P-1TeG__calculadoraForm{flex-direction:column}.TablaPeriodica-module__P-1TeG__propiedadesGrid{grid-template-columns:1fr}.TablaPeriodica-module__P-1TeG__modalSimbolo{width:60px;height:60px;font-size:2rem}}@media (max-width:480px){.TablaPeriodica-module__P-1TeG__tablaPeriodica{grid-template-columns:repeat(18,minmax(28px,1fr));gap:1px}.TablaPeriodica-module__P-1TeG__elemento{border-radius:3px;min-width:28px}.TablaPeriodica-module__P-1TeG__simbolo{font-size:.7rem}.TablaPeriodica-module__P-1TeG__numeroAtomico{font-size:.4rem}.TablaPeriodica-module__P-1TeG__indicadorSerie{padding:2px;font-size:.5rem}}