body { font-family: Poppins,sans-serif } {} *{} #IE-warning { display: none; position: fixed; width: 100%; height: 100%; z-index: 9999; background: white; } .IE-warning-message { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; } @media (max-width: 639px) { .global-style-vtw69z6b2 { background-image: url("https://images.groovetech.io/mOTYDauoV7CI8UXM6NZl-Hmhp5ILMNL4puNkyUmnl9A/rs:fit:0:0:0/g:no:0:0/c:0:0/aHR0cHM6Ly9hc3NldHMuZ3Jvb3ZlYXBwcy5jb20vaW1hZ2VzL2Y1OTk2YWI5LTcxMmMtNGRjNy1hNTUyLWJhYWFkNjdhZTYwZi8xNzAxODAzNTkyX01va3VwUENXZWI1RGFzQ29tcHJvbWlzby5wbmc.webp");background-size: cover;margin-left: 0px;margin-right: 0px;margin-top: 0px;margin-bottom: 0px;padding-left: 0px;padding-right: 0px;padding-top: 0px;padding-bottom: 0px;width: null;height: auto;max-width: null;z-index: auto;background-position-x: 50%;background-position-y: 50%;min-height: 50px;position: relative;background-repeat-x: no-repeat;background-repeat-y: no-repeat; } } @media (max-width: 767px) and (min-width: 640px) { .global-style-vtw69z6b2 { background-image: url("https://images.groovetech.io/mOTYDauoV7CI8UXM6NZl-Hmhp5ILMNL4puNkyUmnl9A/rs:fit:0:0:0/g:no:0:0/c:0:0/aHR0cHM6Ly9hc3NldHMuZ3Jvb3ZlYXBwcy5jb20vaW1hZ2VzL2Y1OTk2YWI5LTcxMmMtNGRjNy1hNTUyLWJhYWFkNjdhZTYwZi8xNzAxODAzNTkyX01va3VwUENXZWI1RGFzQ29tcHJvbWlzby5wbmc.webp");background-size: cover;margin-left: 0px;margin-right: 0px;margin-top: 0px;margin-bottom: 0px;padding-left: 0px;padding-right: 0px;padding-top: 0px;padding-bottom: 0px;width: null;height: auto;max-width: null;z-index: auto;background-position-x: 50%;background-position-y: 50%;min-height: 50px;position: relative;background-repeat-x: no-repeat;background-repeat-y: no-repeat; } } @media (max-width: 991px) and (min-width: 768px) { .global-style-vtw69z6b2 { background-image: url("https://images.groovetech.io/mOTYDauoV7CI8UXM6NZl-Hmhp5ILMNL4puNkyUmnl9A/rs:fit:0:0:0/g:no:0:0/c:0:0/aHR0cHM6Ly9hc3NldHMuZ3Jvb3ZlYXBwcy5jb20vaW1hZ2VzL2Y1OTk2YWI5LTcxMmMtNGRjNy1hNTUyLWJhYWFkNjdhZTYwZi8xNzAxODAzNTkyX01va3VwUENXZWI1RGFzQ29tcHJvbWlzby5wbmc.webp");background-size: cover;margin-left: 0px;margin-right: 0px;margin-top: 0px;margin-bottom: 0px;padding-left: 0px;padding-right: 0px;padding-top: 0px;padding-bottom: 0px;width: null;height: auto;max-width: null;z-index: auto;background-position-x: 50%;background-position-y: 50%;min-height: 50px;position: relative;background-repeat-x: no-repeat;background-repeat-y: no-repeat; } } @media (max-width: 1199px) and (min-width: 992px) { .global-style-vtw69z6b2 { background-image: url("https://images.groovetech.io/mOTYDauoV7CI8UXM6NZl-Hmhp5ILMNL4puNkyUmnl9A/rs:fit:0:0:0/g:no:0:0/c:0:0/aHR0cHM6Ly9hc3NldHMuZ3Jvb3ZlYXBwcy5jb20vaW1hZ2VzL2Y1OTk2YWI5LTcxMmMtNGRjNy1hNTUyLWJhYWFkNjdhZTYwZi8xNzAxODAzNTkyX01va3VwUENXZWI1RGFzQ29tcHJvbWlzby5wbmc.webp");background-size: cover;margin-left: 0px;margin-right: 0px;margin-top: 0px;margin-bottom: 0px;padding-left: 0px;padding-right: 0px;padding-top: 0px;padding-bottom: 0px;width: null;height: auto;max-width: null;z-index: auto;background-position-x: 50%;background-position-y: 50%;min-height: 50px;position: relative;background-repeat-x: no-repeat;background-repeat-y: no-repeat; } } @media (min-width: 1200px) { .global-style-vtw69z6b2 { background-image: url("https://images.groovetech.io/mOTYDauoV7CI8UXM6NZl-Hmhp5ILMNL4puNkyUmnl9A/rs:fit:0:0:0/g:no:0:0/c:0:0/aHR0cHM6Ly9hc3NldHMuZ3Jvb3ZlYXBwcy5jb20vaW1hZ2VzL2Y1OTk2YWI5LTcxMmMtNGRjNy1hNTUyLWJhYWFkNjdhZTYwZi8xNzAxODAzNTkyX01va3VwUENXZWI1RGFzQ29tcHJvbWlzby5wbmc.webp");background-size: cover;margin-left: 0px;margin-right: 0px;margin-top: 0px;margin-bottom: 0px;padding-left: 0px;padding-right: 0px;padding-top: 0px;padding-bottom: 0px;width: null;height: auto;max-width: null;z-index: auto;background-position-x: 50%;background-position-y: 50%;min-height: 50px;position: relative;background-repeat-x: no-repeat;background-repeat-y: no-repeat; } } #ism-reporte-c2{ --accent: #e0357a; --glow: #a01860; --bg: #0a0708; --text: #f4eef1; --muted: rgba(244, 238, 241, 0.55); --muted-2: rgba(244, 238, 241, 0.5); --hairline: rgba(255, 255, 255, 0.09); --hairline-strong: rgba(255, 255, 255, 0.1); } #ism-reporte-c2 *{ box-sizing: border-box; } #ism-reporte-c2{ margin: 0; background: var(--bg); overflow-x: hidden; } #ism-reporte-c2 a{ color: var(--accent); text-decoration: none; } #ism-reporte-c2 a:hover{ color: #ff5c9a; } @keyframes glowPulse{ 0%, 100% { opacity: 0.85; } 50% { opacity: 1; } } #ism-reporte-c2 .wrap{ position: relative; overflow: hidden; background: var(--bg); color: var(--text); font-family: "Barlow", -apple-system, "Segoe UI", Roboto, Arial, sans-serif; font-size: 19px; line-height: 1.65; min-height: 100vh; } #ism-reporte-c2 .wrap strong{ color: #fff; font-weight: 700; } #ism-reporte-c2 .wrap em{ color: var(--accent); font-style: italic; } #ism-reporte-c2 .wrap .accent{ color: var(--accent); } #ism-reporte-c2 .glow-a, #ism-reporte-c2 .glow-b, #ism-reporte-c2 .glow-fade{ position: absolute; pointer-events: none; z-index: 0; } #ism-reporte-c2 .glow-a{ top: -140px; left: -120px; width: 820px; height: 900px; background: radial-gradient(circle at 32% 28%, var(--glow) 0%, rgba(120, 15, 60, 0.45) 34%, rgba(40, 6, 20, 0) 66%); filter: blur(4px); animation: glowPulse 6s ease-in-out infinite; } #ism-reporte-c2 .glow-b{ top: 120px; right: -180px; width: 520px; height: 620px; background: radial-gradient(circle at 60% 40%, rgba(150, 20, 60, 0.5) 0%, rgba(70, 10, 30, 0) 70%); } #ism-reporte-c2 .glow-fade{ inset: 0; background: linear-gradient(180deg, rgba(10, 7, 8, 0) 40%, var(--bg) 92%); } #ism-reporte-c2 .inner{ position: relative; z-index: 1; max-width: 860px; margin: 0 auto; padding: 0 24px 100px; } #ism-reporte-c2 .hero{ padding: 78px 0 46px; text-align: left; } #ism-reporte-c2 .hero-eyebrow{ font-family: "Oswald", sans-serif; font-weight: 500; font-size: 13px; letter-spacing: 5px; text-transform: uppercase; color: var(--muted); margin: 0 0 26px; } #ism-reporte-c2 .hero-kicker{ font-family: "Oswald", sans-serif; font-weight: 400; font-size: clamp(22px, 4.4vw, 34px); letter-spacing: clamp(10px, 3vw, 26px); text-transform: uppercase; color: #fff; margin: 0 0 -6px; padding-left: 6px; } #ism-reporte-c2 .hero h1{ font-family: "Saira Extra Condensed", sans-serif; font-weight: 800; font-size: clamp(72px, 17vw, 168px); line-height: 0.86; letter-spacing: 2px; text-transform: uppercase; color: #fff; margin: 0; text-shadow: 0 6px 40px rgba(224, 53, 122, 0.35); } #ism-reporte-c2 .hero-quote{ font-family: "Barlow", sans-serif; font-style: italic; font-weight: 500; font-size: clamp(20px, 3.6vw, 30px); color: var(--accent); margin: 18px 0 0; } #ism-reporte-c2 .hero-date{ font-family: "Oswald", sans-serif; font-weight: 400; font-size: 15px; letter-spacing: 2px; text-transform: uppercase; color: var(--muted); margin: 14px 0 0; } #ism-reporte-c2 .intro{ border-top: 1px solid var(--hairline-strong); border-bottom: 1px solid var(--hairline-strong); padding: 34px 0; margin-bottom: 20px; } #ism-reporte-c2 .intro-label{ font-family: "Oswald", sans-serif; font-weight: 600; font-size: 22px; letter-spacing: 1px; text-transform: uppercase; color: var(--accent); margin: 0 0 16px; } #ism-reporte-c2 .intro p{ margin: 0 0 16px; } #ism-reporte-c2 .intro p:last-child{ margin-bottom: 0; } #ism-reporte-c2 .section-head{ padding-top: 52px; } #ism-reporte-c2 .section-head.is-later{ padding-top: 64px; } #ism-reporte-c2 .section-eyebrow{ font-family: "Oswald", sans-serif; font-weight: 400; font-size: 14px; letter-spacing: 4px; text-transform: uppercase; color: var(--muted-2); margin: 0 0 2px; } #ism-reporte-c2 .section-title{ font-family: "Saira Extra Condensed", sans-serif; font-weight: 800; font-size: clamp(44px, 9vw, 84px); line-height: 0.9; text-transform: uppercase; color: #fff; margin: 0 0 8px; } #ism-reporte-c2 .section-head p.section-sub{ margin: 0 0 8px; color: rgba(244, 238, 241, 0.7); } #ism-reporte-c2 .concept-row{ display: flex; gap: 22px; align-items: flex-start; padding: 28px 0; border-top: 1px solid var(--hairline); } #ism-reporte-c2 .concept-row.is-warning{ padding: 28px 24px 28px 0; background: linear-gradient(90deg, rgba(224, 53, 122, 0.1), rgba(224, 53, 122, 0) 70%); border-radius: 14px; } #ism-reporte-c2 .concept-row.is-warning h3, #ism-reporte-c2 .concept-row.is-warning .concept-num{ color: var(--accent); } #ism-reporte-c2 .concept-row.is-warning .concept-num{ padding-left: 12px; } #ism-reporte-c2 .concept-row.is-warning strong{ color: var(--accent); } #ism-reporte-c2 .concept-num{ font-family: "Saira Extra Condensed", sans-serif; font-weight: 700; font-size: 66px; line-height: 0.82; color: #fff; min-width: 58px; text-align: center; } #ism-reporte-c2 .concept-bar{ width: 4px; align-self: stretch; min-height: 54px; background: linear-gradient(180deg, var(--accent), rgba(224, 53, 122, 0.15)); border-radius: 2px; } #ism-reporte-c2 .concept-body{ flex: 1; } #ism-reporte-c2 .concept-body h3{ font-family: "Oswald", sans-serif; font-weight: 600; font-size: 23px; letter-spacing: 0.5px; text-transform: uppercase; color: #fff; margin: 0 0 8px; } #ism-reporte-c2 .concept-body p{ margin: 0 0 14px; } #ism-reporte-c2 .concept-body p:last-child{ margin-bottom: 0; } #ism-reporte-c2 .callout{ background: rgba(224, 53, 122, 0.09); border-left: 4px solid var(--accent); padding: 14px 18px; border-radius: 0 10px 10px 0; font-style: italic; margin: 0 0 14px; } #ism-reporte-c2 .callout:last-child{ margin-bottom: 0; } #ism-reporte-c2 .hats{ display: flex; flex-direction: column; gap: 9px; margin: 0 0 16px; } #ism-reporte-c2 .hat{ display: flex; align-items: center; gap: 12px; background: rgba(255, 255, 255, 0.04); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 10px; padding: 11px 16px; } #ism-reporte-c2 .hat-dot{ width: 12px; height: 12px; border-radius: 50%; flex-shrink: 0; } #ism-reporte-c2 .hat-dot.red{ background: #ff5a5a; } #ism-reporte-c2 .hat-dot.gray{ background: #cfd3d6; } #ism-reporte-c2 .hat-dot.yellow{ background: #ffce4d; } #ism-reporte-c2 .hat-dot.green{ background: #35d69b; } #ism-reporte-c2 .hat-dot.blue{ background: #4db6e6; } #ism-reporte-c2 .steps{ margin-top: 8px; } #ism-reporte-c2 .step-row{ display: flex; gap: 22px; align-items: flex-start; padding: 24px 0; border-top: 1px solid var(--hairline); } #ism-reporte-c2 .step-row.is-last{ border-bottom: 1px solid var(--hairline); } #ism-reporte-c2 .step-num{ font-family: "Saira Extra Condensed", sans-serif; font-weight: 700; font-size: 54px; line-height: 0.82; color: var(--accent); min-width: 52px; text-align: center; } #ism-reporte-c2 .step-bar{ width: 3px; align-self: stretch; min-height: 44px; background: rgba(255, 255, 255, 0.25); border-radius: 2px; } #ism-reporte-c2 .step-row p{ flex: 1; margin: 0; } #ism-reporte-c2 .quotes{ display: flex; flex-direction: column; gap: 20px; } #ism-reporte-c2 .quotes blockquote{ margin: 0; padding: 4px 0 4px 22px; border-left: 4px solid var(--accent); font-family: "Barlow", sans-serif; font-style: italic; font-weight: 500; font-size: 22px; line-height: 1.5; color: #fff; } #ism-reporte-c2 .tarea{ margin-top: 64px; background: linear-gradient(135deg, rgba(224, 53, 122, 0.12), rgba(224, 53, 122, 0.03)); border: 1px solid rgba(224, 53, 122, 0.4); border-radius: 20px; padding: 34px 32px; } #ism-reporte-c2 .tarea .section-eyebrow{ color: var(--accent); } #ism-reporte-c2 .tarea h2{ font-family: "Saira Extra Condensed", sans-serif; font-weight: 800; font-size: clamp(38px, 7vw, 60px); line-height: 0.92; text-transform: uppercase; color: #fff; margin: 0 0 20px; } #ism-reporte-c2 .tarea ul{ margin: 0; padding-left: 22px; display: flex; flex-direction: column; gap: 12px; } #ism-reporte-c2 .cierre{ position: relative; overflow: hidden; margin-top: 32px; border-radius: 20px; padding: 48px 36px; text-align: center; background: radial-gradient(circle at 50% 0%, var(--glow) 0%, rgba(70, 10, 35, 0.6) 45%, #140a0e 100%); border: 1px solid rgba(224, 53, 122, 0.35); } #ism-reporte-c2 .cierre .section-eyebrow{ font-weight: 500; letter-spacing: 4px; color: rgba(255, 255, 255, 0.7); margin: 0 0 14px; } #ism-reporte-c2 .cierre p.cierre-quote{ font-family: "Barlow", sans-serif; font-style: italic; font-weight: 500; font-size: clamp(20px, 3.4vw, 26px); line-height: 1.55; color: #fff; margin: 0 auto; max-width: 640px; } #ism-reporte-c2 .footer{ margin-top: 56px; padding-top: 30px; border-top: 1px solid var(--hairline-strong); text-align: center; } #ism-reporte-c2 .footer .brand{ font-family: "Saira Extra Condensed", sans-serif; font-weight: 800; font-size: 34px; letter-spacing: 1px; text-transform: uppercase; color: #fff; margin: 0 0 6px; } #ism-reporte-c2 .footer .tagline{ font-family: "Oswald", sans-serif; font-weight: 400; font-size: 14px; letter-spacing: 3px; text-transform: uppercase; color: var(--muted); margin: 0; }