.protection-levels-component{--primary:#e6b518;--secondary:#1f2022;--card-bg:#2c2c2e;--text-primary:#f8f9fa;--text-secondary:#c9c9ca;--border-radius:16px;--transition:all .3s ease-in-out}.protection-levels-component.seccion-niveles-proteccion{padding:80px 20px}.protection-levels-component .contenedor-principal{max-width:1200px;margin:0 auto}.protection-levels-component .encabezado-proteccion{text-align:center;margin-bottom:60px}.protection-levels-component .insignia-proteccion{background-color:var(--secondary);color:var(--primary);text-transform:uppercase;letter-spacing:1px;border-radius:30px;margin-bottom:20px;padding:8px 16px;font-size:14px;font-weight:600;display:inline-block;box-shadow:0 4px 10px #0003}.protection-levels-component .encabezado-proteccion h2{background:linear-gradient(130deg, var(--primary), #c89400);color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:3.5rem;font-weight:800;display:inline-block}.protection-levels-component .encabezado-proteccion p{color:var(--text-secondary);max-width:600px;margin:0 auto 40px;font-size:1.2rem}.protection-levels-component .lista-niveles{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.protection-levels-component .item-nivel{border-radius:var(--border-radius);-webkit-backdrop-filter:blur(16px)saturate(180%);background:linear-gradient(135deg,#ffffff14 0%,#ffffff05 50%,#e6b51808 100%);border:1px solid #ffffff26;flex-direction:column;height:100%;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #0006,inset 0 1px 1px #ffffff59,inset 0 -1px 1px #00000080}.protection-levels-component .item-nivel:before{content:"";pointer-events:none;opacity:.6;background:radial-gradient(circle at 50% 0,#ffffff26 0%,#ffffff08 30%,#0000 70%);width:200%;height:200%;transition:opacity .5s;position:absolute;top:-50%;left:-50%}.protection-levels-component .item-nivel:hover{background:linear-gradient(135deg,#ffffff24 0%,#ffffff0a 50%,#e6b51814 100%);border-color:#e6b51880;transform:translateY(-8px)scale(1.01);box-shadow:0 20px 45px #00000080,0 0 30px #e6b51833,inset 0 1px 2px #fff9}.protection-levels-component .item-nivel:hover:before{opacity:1}.protection-levels-component .nivel-recomendado,.protection-levels-component .recommended-level{border:2px solid #e6b518!important;overflow:visible!important;box-shadow:0 0 20px #e6b5184d!important}.protection-levels-component .nivel-recomendado .insignia-nueva,.protection-levels-component .recommended-level .insignia-nueva{border-radius:4px;top:-12px;left:20px;transform:none}.protection-levels-component .insignia-nueva{color:#000;text-transform:uppercase;letter-spacing:.5px;z-index:3;background-color:#e6b518;border-radius:20px;padding:4px 10px;font-size:.7rem;font-weight:800;position:absolute;top:15px;left:20px}.protection-levels-component .numero-nivel{opacity:.08;color:var(--primary);font-size:5rem;font-weight:900;position:absolute;top:15px;right:20px}.protection-levels-component .encabezado-nivel{padding:30px 25px 0;position:relative}.protection-levels-component .icono-nivel{background:#e6b51826;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:20px;display:flex;box-shadow:0 8px 16px #00000026}.protection-levels-component .icono-nivel svg{width:30px;height:30px;fill:var(--primary)}.protection-levels-component .encabezado-nivel h4{z-index:2;margin-bottom:8px;font-size:1.8rem;font-weight:700;position:relative}.protection-levels-component .etiqueta-nivel{color:var(--primary);background-color:#e6b51826;border-radius:6px;padding:6px 14px;font-size:.8rem;font-weight:600;display:inline-block}.protection-levels-component .contenido-nivel{flex-direction:column;flex-grow:1;padding:25px;display:flex}.protection-levels-component .item-nivel b{color:var(--text-secondary);flex-grow:1;margin-bottom:30px;font-size:1rem;font-weight:400;line-height:1.7}.protection-levels-component .info-nivel{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#ffffff08;border:1px solid #ffffff14;border-radius:12px;margin-top:auto;padding:25px}.protection-levels-component .titulo-info{color:var(--text-primary);align-items:center;margin-bottom:20px;font-size:1rem;font-weight:600;display:flex}.protection-levels-component .titulo-info svg{width:18px;height:18px;fill:var(--primary);margin-right:10px}.protection-levels-component .rejilla-info{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:25px;display:grid}.protection-levels-component .item-info{margin-bottom:5px}.protection-levels-component .etiqueta-info{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px;font-size:.8rem;display:block}.protection-levels-component .valor-info{color:var(--text-primary);font-size:.95rem;font-weight:600}.protection-levels-component .progreso-nivel{background-color:#44444480;border-radius:4px;height:8px;overflow:hidden}.protection-levels-component .barra-nivel{background:linear-gradient(90deg, var(--primary), #c89400);border-radius:4px;height:100%;transition:width 1s ease-in-out}.protection-levels-component .level-rb0 .barra-nivel{width:20%}.protection-levels-component .level-rb1 .barra-nivel{width:35%}.protection-levels-component .level-rb2 .barra-nivel{width:50%}.protection-levels-component .level-rb3 .barra-nivel{width:70%}.protection-levels-component .level-rb4 .barra-nivel{width:85%}.protection-levels-component .level-rb5 .barra-nivel{width:100%}.protection-levels-component .more-protection-banner{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#0a0a0acc 0%,#141414e6 100%);border:1px solid #e6b51833;border-radius:16px;flex-direction:row;align-items:center;gap:2.5rem;margin-top:4rem;padding:2rem;transition:all .4s cubic-bezier(.25,1,.5,1);display:flex;position:relative;overflow:hidden;box-shadow:0 12px 40px #0006,inset 0 1px #ffffff0d}.protection-levels-component .more-protection-banner:before{content:"";pointer-events:none;background:radial-gradient(circle at 10% 20%,#e6b51814 0%,#0000 50%);width:100%;height:100%;position:absolute;top:0;left:0}.protection-levels-component .more-protection-banner:hover{border-color:#e6b5188c;transform:translateY(-2px);box-shadow:0 16px 48px #00000080,0 0 20px #e6b5181a}.protection-levels-component .more-protection-banner .banner-logo-wrapper{border-right:1px solid #ffffff1a;flex-shrink:0;justify-content:center;align-items:center;padding-right:2.5rem;display:flex}.protection-levels-component .more-protection-banner .banner-content{flex-grow:1;justify-content:space-between;align-items:center;gap:2rem;display:flex}.protection-levels-component .more-protection-banner .banner-text{color:var(--text-primary);font-size:1.15rem;font-weight:500;line-height:1.6}.protection-levels-component .more-protection-banner .banner-btn{color:#000;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#f5c730 0%,#e6b518 100%);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:.9rem 2.2rem;font-size:.95rem;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.25,1,.5,1);display:inline-flex;box-shadow:0 4px 12px #e6b51833}.protection-levels-component .more-protection-banner .banner-btn:hover{background:linear-gradient(135deg,#ffe27c 0%,#f5c730 100%);transform:translateY(-2px);box-shadow:0 6px 20px #e6b51866}.protection-levels-component.seccion-niveles-proteccion-unidades{background-color:#0000;padding:80px 20px}.protection-levels-component .contenedor-principal-unidades{max-width:1200px;margin:0 auto}.protection-levels-component .cabecera-proteccion{text-align:center;margin-bottom:60px}.protection-levels-component .cabecera-proteccion h2{color:#0000;background:linear-gradient(130deg,#e6b518,#c89400);-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:3rem;font-weight:800;display:inline-block}.protection-levels-component .cabecera-proteccion p{color:#a0a0a0;max-width:600px;margin:0 auto;font-size:1.1rem}.protection-levels-component .lista-niveles-unidades{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.protection-levels-component .item-nivel-unidades{-webkit-backdrop-filter:blur(16px)saturate(180%);background:linear-gradient(135deg,#ffffff12 0%,#ffffff05 50%,#e6b51808 100%);border:1px solid #ffffff1f;border-radius:16px;flex-direction:column;height:100%;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #0006,inset 0 1px 1px #ffffff4d}.protection-levels-component .item-nivel-unidades:hover{background:linear-gradient(135deg,#ffffff1f 0%,#ffffff0a 50%,#e6b51814 100%);border-color:#e6b51866;transform:translateY(-8px)scale(1.01);box-shadow:0 20px 40px #00000080,0 0 25px #e6b51833,inset 0 1px 2px #ffffff80}.protection-levels-component .insignia-recomendado{color:#000;text-transform:uppercase;letter-spacing:.5px;z-index:3;background-color:#e6b518;border-radius:20px;padding:4px 10px;font-size:.7rem;font-weight:800;position:absolute;top:15px;left:20px}.protection-levels-component .numero-nivel-unidades{opacity:.05;color:#fff;font-size:5rem;font-weight:900;position:absolute;top:15px;right:20px}.protection-levels-component .cabecera-nivel-unidades{padding:30px 25px 0;position:relative}.protection-levels-component .icono-nivel-unidades{background:#e6b5181a;border:1px solid #e6b51833;border-radius:12px;justify-content:center;align-items:center;width:50px;height:50px;margin-bottom:20px;display:flex}.protection-levels-component .icono-nivel-unidades svg{fill:#e6b518;width:24px;height:24px}.protection-levels-component .cabecera-nivel-unidades h4{color:#fff;margin-bottom:8px;font-size:1.5rem;font-weight:700}.protection-levels-component .etiqueta-nivel-unidades{color:#e6b518;background-color:#ffffff0d;border-radius:6px;padding:4px 12px;font-size:.8rem;font-weight:600;display:inline-block}.protection-levels-component .contenido-nivel-unidades{flex-direction:column;flex-grow:1;padding:25px;display:flex}.protection-levels-component .contenido-nivel-unidades b{color:#ccc;margin-bottom:25px;font-size:.95rem;font-weight:400;line-height:1.6;display:block}.protection-levels-component .informacion-nivel{background-color:#0f101199;border:1px solid #ffffff08;border-radius:12px;margin-top:auto;padding:20px}.protection-levels-component .titulo-informacion{color:#888;text-transform:uppercase;letter-spacing:1px;align-items:center;margin-bottom:15px;font-size:.85rem;font-weight:600;display:flex}.protection-levels-component .titulo-informacion svg{fill:#e6b518;width:16px;height:16px;margin-right:8px}.protection-levels-component .rejilla-informacion{grid-template-columns:1fr 1fr;gap:15px;margin-bottom:20px;display:grid}.protection-levels-component .item-informacion{flex-direction:column;display:flex}.protection-levels-component .etiqueta-informacion{color:#666;margin-bottom:2px;font-size:.75rem}.protection-levels-component .valor-informacion{color:#ddd;font-size:.85rem;font-weight:600}.protection-levels-component .progreso-nivel-unidades{background-color:#ffffff0d;border-radius:2px;height:4px;overflow:hidden}.protection-levels-component .barra-nivel-unidades{background:#e6b518;border-radius:2px;height:100%}.protection-levels-component .level-rb0 .barra-nivel-unidades{width:20%}.protection-levels-component .level-rb1 .barra-nivel-unidades{width:35%}.protection-levels-component .level-rb2 .barra-nivel-unidades{width:50%}.protection-levels-component .level-rb3 .barra-nivel-unidades{width:70%}.protection-levels-component .level-rb4 .barra-nivel-unidades{width:85%}.protection-levels-component .level-rb5 .barra-nivel-unidades{width:100%}@media (max-width:1024px){.protection-levels-component .lista-niveles,.protection-levels-component .lista-niveles-unidades{grid-template-columns:repeat(2,1fr)}}@media (max-width:991px){.protection-levels-component .more-protection-banner{text-align:center;flex-direction:column;gap:1.2rem;padding:1.8rem 1.2rem}.protection-levels-component .more-protection-banner .banner-logo-wrapper{border-bottom:1px solid #ffffff1a;border-right:none;width:100%;padding-bottom:1rem;padding-right:0}.protection-levels-component .more-protection-banner .banner-content{flex-direction:column;gap:1.2rem;width:100%}.protection-levels-component .more-protection-banner .banner-text{font-size:.95rem}.protection-levels-component .more-protection-banner .banner-btn{width:100%;padding:.85rem 1.5rem;font-size:.85rem}}@media (max-width:768px){.protection-levels-component .encabezado-proteccion h2,.protection-levels-component .cabecera-proteccion h2{font-size:2.5rem}.protection-levels-component .lista-niveles,.protection-levels-component .lista-niveles-unidades{grid-template-columns:1fr;gap:30px}}@media (max-width:480px){.protection-levels-component .insignia-proteccion{font-size:.8rem}.protection-levels-component .encabezado-proteccion h2,.protection-levels-component .cabecera-proteccion h2{font-size:2rem}.protection-levels-component .rejilla-info,.protection-levels-component .rejilla-informacion{grid-template-columns:1fr}}