Aplicaciones - SPIRO® | Dónde se utiliza la tecnología
:root{--navy:#0B1D3A;--navy-light:#16305A;--gold:#C9A84C;--gold-soft:rgba(201,168,76,.12);--gray-50:#F8F9FB;--gray-100:#EEF0F4;--gray-200:#D8DCE3;--gray-400:#555E6E;--gray-600:#2D3440;--white:#fff;--ease:cubic-bezier(.22,1,.36,1)}
.sp *,.sp *::before,.sp *::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
.sp{font-family:'Lato',sans-serif;color:var(--navy);background:var(--white);-webkit-font-smoothing:antialiased;overflow-x:hidden}
.sp img{display:block;max-width:100%}
.sp a{text-decoration:none}
/* BUTTONS */
.sp .btn{display:inline-flex;align-items:center;gap:8px;padding:14px 30px;font-family:'Lato',sans-serif;font-size:12.5px;font-weight:700;letter-spacing:1.3px;text-transform:uppercase;text-decoration:none;border-radius:5px;cursor:pointer;transition:all .25s var(--ease);border:none}
.sp .btn-dark{background:var(--navy);color:var(--white)}.sp .btn-dark:hover{background:var(--navy-light);transform:translateY(-1px)}
.sp .btn-outline{background:transparent;color:var(--navy);border:1.5px solid var(--gray-200)}.sp .btn-outline:hover{border-color:var(--navy)}
.sp .btn svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2}
.sp .slabel{font-size:11px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--gold);margin-bottom:14px}
.sp .sec{padding:80px 48px}.sp .sec.alt{background:var(--gray-50)}
/* HERO */
.sp .hero{background:var(--navy);padding:80px 48px 48px;position:relative;overflow:hidden}
.sp .hero::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 80% at 75% 50%,rgba(201,168,76,.05),transparent 70%);pointer-events:none}
.sp .hero-grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;position:relative;z-index:1}
.sp .badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:rgba(201,168,76,.12);border-radius:20px;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold);margin-bottom:24px}
.sp .badge-dot{width:6px;height:6px;border-radius:50%;background:var(--gold)}
.sp .hero h1{font-size:clamp(32px,3.5vw,48px);font-weight:900;line-height:1.12;letter-spacing:-1px;color:var(--white);margin-bottom:20px}
.sp .hero h1 em{font-style:normal;color:var(--gold)}
.sp .hero-desc{font-size:17px;line-height:1.75;color:rgba(255,255,255,.65);font-weight:400;max-width:480px}
/* CONSTELLATION */
.sp .hero-visual{position:relative;width:100%;aspect-ratio:1/1;max-width:420px;margin:0 auto}
.sp .constellation{position:relative;width:100%;height:100%}
.sp .const-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:72px;height:72px;border-radius:50%;background:rgba(201,168,76,.08);border:1.5px solid rgba(201,168,76,.2);display:flex;align-items:center;justify-content:center;z-index:3;padding:14px}
.sp .const-center img{width:100%;height:100%;object-fit:contain;opacity:.85}
.sp .const-ring{position:absolute;top:50%;left:50%;border-radius:50%;border:1px dashed rgba(255,255,255,.04);transform:translate(-50%,-50%)}
.sp .const-ring.r1{width:65%;height:65%;animation:spin-slow 60s linear infinite}
.sp .const-ring.r2{width:90%;height:90%;animation:spin-slow 90s linear infinite reverse}
.sp .const-node{position:absolute;z-index:2;display:flex;flex-direction:column;align-items:center;gap:8px}
.sp .node-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.08);transition:all .4s var(--ease)}
.sp .node-icon:hover{transform:scale(1.1);border-color:rgba(201,168,76,.3)}
.sp .node-icon svg{width:24px;height:24px;fill:none;stroke-width:1.5}
.sp .node-label{font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:rgba(255,255,255,.4);white-space:nowrap}
.sp .n-wellness{top:2%;left:50%;transform:translateX(-50%)}.sp .n-wellness .node-icon{background:rgba(230,81,0,.1)}.sp .n-wellness svg{stroke:#FF8A65}
.sp .n-food{top:50%;right:0;transform:translateY(-50%)}.sp .n-food .node-icon{background:rgba(46,125,50,.1)}.sp .n-food svg{stroke:#81C784}
.sp .n-supply{bottom:2%;left:50%;transform:translateX(-50%)}.sp .n-supply .node-icon{background:rgba(21,101,192,.1)}.sp .n-supply svg{stroke:#64B5F6}
.sp .n-tech{top:50%;left:0;transform:translateY(-50%)}.sp .n-tech .node-icon{background:rgba(201,168,76,.1)}.sp .n-tech svg{stroke:var(--gold)}
.sp .const-line{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}
.sp .const-line line{stroke:rgba(255,255,255,.04);stroke-width:1}
.sp .n-wellness{animation:float-y 4s ease-in-out infinite}
.sp .n-food{animation:float-x 5s ease-in-out infinite}
.sp .n-supply{animation:float-y 4.5s ease-in-out infinite .5s}
.sp .n-tech{animation:float-x 5.5s ease-in-out infinite .3s}
@keyframes float-y{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-10px)}}
@keyframes float-x{0%,100%{transform:translateY(-50%) translateX(0)}50%{transform:translateY(-50%) translateX(-8px)}}
@keyframes spin-slow{0%{transform:translate(-50%,-50%) rotate(0deg)}100%{transform:translate(-50%,-50%) rotate(360deg)}}
/* CATEGORY NAV */
.sp .cat-nav{background:var(--navy);padding:0 48px 48px}
.sp .cat-nav-inner{max-width:1100px;margin:0 auto;display:flex;gap:12px;flex-wrap:wrap}
.sp .cat-pill{padding:10px 22px;border-radius:8px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);font-size:12px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:rgba(255,255,255,.5);cursor:pointer;transition:all .25s var(--ease);text-decoration:none}
.sp .cat-pill:hover,.sp .cat-pill.active{background:rgba(201,168,76,.12);border-color:rgba(201,168,76,.25);color:var(--gold)}
/* CATEGORY SECTIONS */
.sp .cat-section{scroll-margin-top:20px}
.sp .cat-header{max-width:1100px;margin:0 auto 40px;display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:center}
.sp .cat-ic{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.sp .cat-ic svg{width:24px;height:24px;fill:none;stroke-width:1.5}
.sp .cat-ic.w{background:#FFF3E0}.sp .cat-ic.w svg{stroke:#E65100}
.sp .cat-ic.f{background:#E8F5E9}.sp .cat-ic.f svg{stroke:#2E7D32}
.sp .cat-ic.s{background:#E3F2FD}.sp .cat-ic.s svg{stroke:#1565C0}
.sp .cat-ic.t{background:var(--gold-soft)}.sp .cat-ic.t svg{stroke:var(--gold)}
.sp .cat-title{font-size:clamp(22px,2.2vw,30px);font-weight:900;color:var(--navy);line-height:1.25}
.sp .cat-desc{font-size:14px;color:var(--gray-400);font-weight:400;margin-top:4px}
/* EXPANDABLE CARDS */
.sp .xgrid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.sp .xcard{border:1px solid var(--gray-100);border-radius:16px;background:var(--white);overflow:hidden;transition:border-color .3s var(--ease), box-shadow .3s var(--ease)}
.sp .xcard:hover{border-color:rgba(201,168,76,.3);box-shadow:0 4px 24px rgba(11,29,58,.06)}
.sp .xcard.open{border-color:var(--gold);box-shadow:0 12px 48px rgba(11,29,58,.08)}
.sp .xcard-head{padding:22px 24px;cursor:pointer;display:grid;grid-template-columns:44px 1fr 32px;gap:14px;align-items:center;-webkit-user-select:none;user-select:none}
.sp .xcard-ic{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.sp .xcard-ic svg{width:20px;height:20px;fill:none;stroke-width:1.5}
.sp .xcard-ic.w{background:#FFF3E0}.sp .xcard-ic.w svg{stroke:#E65100}
.sp .xcard-ic.f{background:#E8F5E9}.sp .xcard-ic.f svg{stroke:#2E7D32}
.sp .xcard-ic.s{background:#E3F2FD}.sp .xcard-ic.s svg{stroke:#1565C0}
.sp .xcard-ic.t{background:var(--gold-soft)}.sp .xcard-ic.t svg{stroke:var(--gold)}
.sp .xcard-info h3{font-size:15px;font-weight:900;color:var(--navy);line-height:1.3;margin-bottom:3px}
.sp .xcard-info p{font-size:12.5px;color:var(--gray-400);font-weight:400;line-height:1.45}
.sp .xcard-toggle{width:32px;height:32px;border-radius:50%;background:var(--gray-50);display:flex;align-items:center;justify-content:center;transition:all .3s var(--ease);flex-shrink:0}
.sp .xcard.open .xcard-toggle{background:var(--gold-soft);transform:rotate(45deg)}
.sp .xcard-toggle svg{width:14px;height:14px;stroke:var(--gray-400);fill:none;stroke-width:2.5}
.sp .xcard.open .xcard-toggle svg{stroke:var(--gold)}
/* ── EXPANDED CONTENT ── */
.sp .xcard-body{max-height:0;overflow:hidden;transition:max-height .55s var(--ease)}
.sp .xcard.open .xcard-body{max-height:1000px}
.sp .xcard-inner{padding:0 24px 28px}
/* IMAGE BLOCK — fixed-height, properly cropped */
.sp .xcard-img{
margin-bottom:20px;
border-radius:12px;
overflow:hidden;
height:220px; /* consistent height for all cards */
position:relative;
}
.sp .xcard-img img{
width:100%;
height:100%;
object-fit:cover; /* crop to fill, never distort */
object-position:center;
display:block;
border-radius:12px;
transition:transform .4s var(--ease);
}
.sp .xcard.open .xcard-img img{transform:scale(1.02)}
/* Subtle overlay for text legibility if needed */
.sp .xcard-img::after{
content:'';
position:absolute;
inset:0;
border-radius:12px;
background:linear-gradient(to bottom,transparent 60%,rgba(11,29,58,.06));
pointer-events:none;
}
.sp .xcard-inner p{font-size:14px;line-height:1.8;color:var(--gray-600);font-weight:400;margin-bottom:14px}
.sp .xcard-inner p:last-child{margin-bottom:0}
.sp .xcard-inner strong{font-weight:700;color:var(--navy)}
.sp .xcard-detail{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px;padding-top:20px;border-top:1px solid var(--gray-100)}
.sp .xcard-stat{padding:10px 16px;background:var(--gray-50);border-radius:8px;text-align:center;flex:1;min-width:80px}
.sp .xcard-stat-v{font-size:17px;font-weight:900;color:var(--navy);line-height:1}
.sp .xcard-stat-l{font-size:9px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--gray-400);margin-top:4px}
.sp .xcard-link{display:inline-flex;align-items:center;gap:6px;margin-top:18px;font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--gold);text-decoration:none;transition:gap .2s,color .2s}
.sp .xcard-link:hover{color:#b8993f;gap:8px}
.sp .xcard-link svg{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:2}
/* Separator between head and body when open */
.sp .xcard.open .xcard-head{border-bottom:1px solid var(--gray-100)}
/* FEATURED EHS CARD */
.sp .xcard.feat{grid-column:span 2;background:var(--navy);border-color:rgba(255,255,255,.06)}
.sp .xcard.feat:hover{border-color:rgba(201,168,76,.25);box-shadow:0 4px 24px rgba(0,0,0,.2)}
.sp .xcard.feat.open{border-color:var(--gold);box-shadow:0 12px 48px rgba(0,0,0,.25)}
.sp .xcard.feat .xcard-info h3{color:var(--white)}
.sp .xcard.feat .xcard-info p{color:rgba(255,255,255,.45)}
.sp .xcard.feat .xcard-toggle{background:rgba(255,255,255,.06)}
.sp .xcard.feat.open .xcard-toggle{background:rgba(201,168,76,.15)}
.sp .xcard.feat .xcard-toggle svg{stroke:rgba(255,255,255,.4)}
.sp .xcard.feat.open .xcard-toggle svg{stroke:var(--gold)}
.sp .xcard.feat.open .xcard-head{border-bottom-color:rgba(255,255,255,.06)}
.sp .xcard.feat .xcard-inner p{color:rgba(255,255,255,.65)}
.sp .xcard.feat .xcard-inner strong{color:var(--white)}
.sp .xcard.feat .xcard-stat{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.06)}
.sp .xcard.feat .xcard-stat-v{color:var(--gold)}
.sp .xcard.feat .xcard-stat-l{color:rgba(255,255,255,.35)}
.sp .xcard.feat .xcard-detail{border-top-color:rgba(255,255,255,.06)}
.sp .xcard.feat .xcard-link{color:var(--gold)}
/* Featured card wider image */
.sp .xcard.feat .xcard-img{height:260px}
/* CTA */
.sp .cta{padding:80px 48px;background:var(--gray-50);text-align:center}
.sp .cta h2{font-size:clamp(24px,2.5vw,32px);font-weight:900;color:var(--navy);margin-bottom:12px}
.sp .cta>p{font-size:16px;color:var(--gray-400);font-weight:400;margin-bottom:32px}
.sp .cta-row{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}
/* RESPONSIVE */
@media(max-width:1024px){
.sp .hero,.sp .cat-nav,.sp .sec,.sp .cta{padding-left:24px;padding-right:24px}
.sp .hero-grid{grid-template-columns:1fr;gap:32px}
.sp .hero-visual{max-width:300px;margin-bottom:40px}
.sp .xgrid{grid-template-columns:1fr;max-width:560px}
.sp .xcard.feat{grid-column:span 1}
.sp .cat-header{grid-template-columns:1fr}
}
@media(max-width:600px){
.sp .xcard-img{height:180px}
.sp .xcard.feat .xcard-img{height:200px}
.sp .xcard-head{grid-template-columns:40px 1fr 28px;gap:10px;padding:18px}
.sp .xcard-inner{padding:0 18px 22px}
}
/* Protocol constellation nodes */
.sp .n-ehs{top:2%;left:50%;transform:translateX(-50%)}
.sp .n-ehs .node-icon{background:rgba(230,81,0,.15);border-color:rgba(255,138,101,.3)}
.sp .n-ehs svg{stroke:#ff8a65}
.sp .n-ehs .node-label{color:rgba(255,255,255,.7)}
.sp .n-ehs{animation:4s ease-in-out .2s infinite float-y}.sp .n-sleep{top:50%;right:0;transform:translateY(-50%)}
.sp .n-sleep .node-icon{background:rgba(66,66,255,.08);border-color:rgba(255,255,255,.04)}
.sp .n-sleep svg{stroke:rgba(130,150,255,.4)}
.sp .n-sleep .node-label{color:rgba(255,255,255,.2)}
.sp .n-sleep{opacity:.45;animation:5s ease-in-out .4s infinite float-x}.sp .n-tinnitus{bottom:2%;left:50%;transform:translateX(-50%)}
.sp .n-tinnitus .node-icon{background:rgba(21,101,192,.08);border-color:rgba(255,255,255,.04)}
.sp .n-tinnitus svg{stroke:rgba(100,181,246,.4)}
.sp .n-tinnitus .node-label{color:rgba(255,255,255,.2)}
.sp .n-tinnitus{opacity:.45;animation:4.5s ease-in-out .5s infinite float-y}.sp .n-gut{top:50%;left:0;transform:translateY(-50%)}
.sp .n-gut .node-icon{background:rgba(46,125,50,.08);border-color:rgba(255,255,255,.04)}
.sp .n-gut svg{stroke:rgba(129,199,132,.4)}
.sp .n-gut .node-label{color:rgba(255,255,255,.2)}
.sp .n-gut{opacity:.45;animation:5.5s ease-in-out .3s infinite float-x}
Protocolos
Protocolos documentados.
Resultados medidos.
Protocolos de aplicación clínica elaborados a partir de más de 1.500 casos. Cada uno te dice exactamente qué utilizar, dónde colocarlo y qué esperar.
Recuperación y bienestar
Cada protocolo se elabora a partir de datos clínicos reales. Sigue las instrucciones de colocación, respeta los plazos y haz un seguimiento de tus propios resultados.
EHS Recovery
Más de 1.071 casos documentados. Tasa de mejora del 71%. Protocolo de recuperación completa.
La hipersensibilidad electromagnética es una intolerancia ambiental en la que el cuerpo reacciona a los CEM artificiales con síntomas mensurables: fatiga, insomnio, dolores de cabeza, ansiedad, niebla cognitiva, acúfenos. El protocolo de recuperación de SPIRO combina el filtrado ambiental completo con cambios en la nutrición, el grounding y la gestión del nocebo.
Un estudio longitudinal realizó un seguimiento de 357 pacientes durante cuatro años. El 71% experimentó una reducción significativa de los síntomas en una media de 27 días. El hallazgo clave: el filtrado parcial produce resultados parciales. La recuperación completa requiere filtrar el teléfono, el espacio de trabajo, el dormitorio y el cableado eléctrico simultáneamente.
Protocolo completo e investigación
¿Listo para profundizar?
Explora la tecnología que hay detrás del filtrado, explora la gama de productos o lee los estudios publicados.
function toggleCard(card){
card.classList.toggle('open');
}
document.querySelectorAll('.sp .cat-pill').forEach(function(pill){
pill.addEventListener('click',function(){
document.querySelectorAll('.sp .cat-pill').forEach(function(p){p.classList.remove('active')});
this.classList.add('active');
});
});
