:root{--pain-space-xs:clamp(0.25rem,0.5vw,0.5rem);--pain-space-sm:clamp(0.5rem,1vw,1rem);--pain-space-md:clamp(1rem,2vw,1.5rem);--pain-space-lg:clamp(1.5rem,3vw,2.5rem);--pain-space-xl:clamp(2.5rem,5vw,4rem);--pain-space-2xl:clamp(4rem,8vw,6rem);--pain-space-3xl:clamp(6rem,12vw,8rem);--pain-text-xs:clamp(0.75rem,2vw,0.875rem);--pain-text-sm:clamp(0.875rem,2.2vw,1rem);--pain-text-base:clamp(1rem,2.5vw,1.125rem);--pain-text-lg:clamp(1.125rem,3vw,1.375rem);--pain-text-xl:clamp(1.375rem,3.5vw,1.75rem);--pain-text-2xl:clamp(1.75rem,4vw,2.25rem);--pain-text-3xl:clamp(2.25rem,5vw,3rem);--pain-text-4xl:clamp(3rem,6vw,4rem);--pain-container-padding:clamp(1rem,5vw,3rem);--pain-container-max-width:1400px;--pain-grid-gap-mobile:clamp(0.75rem,3vw,1rem);--pain-grid-gap-tablet:clamp(1rem,4vw,1.5rem);--pain-grid-gap-desktop:clamp(1.5rem,5vw,2rem);--pain-primary:#0A192F;--pain-accent:#D4AF37;--pain-accent-light:#FFD700;--pain-accent-dark:#B8941F;--pain-problem-primary:#F97316;--pain-problem-secondary:#EAB308;--pain-problem-tertiary:#DC2626;--pain-bg-primary:#FFFFFF;--pain-bg-secondary:#FAFBFC;--pain-bg-tertiary:#F8FAFC;--pain-bg-glass:rgba(255,255,255,0.95);--pain-text-primary:#0A192F;--pain-text-secondary:#4A5568;--pain-text-muted:#718096;--pain-shadow-sm:0 1px 3px 0 rgba(10,25,47,0.1),0 1px 2px 0 rgba(10,25,47,0.06);--pain-shadow-md:0 4px 6px -1px rgba(10,25,47,0.1),0 2px 4px -1px rgba(10,25,47,0.06);--pain-shadow-lg:0 10px 15px -3px rgba(10,25,47,0.1),0 4px 6px -2px rgba(10,25,47,0.05);--pain-shadow-xl:0 20px 25px -5px rgba(10,25,47,0.1),0 10px 10px -5px rgba(10,25,47,0.04);--pain-shadow-premium:0 25px 50px -12px rgba(212,175,55,0.25);--pain-shadow-accent:0 20px 40px -10px rgba(212,175,55,0.2);--pain-radius-sm:0.5rem;--pain-radius-md:0.75rem;--pain-radius-lg:1rem;--pain-radius-xl:1.5rem;--pain-radius-2xl:2rem;--pain-radius-full:9999px;--pain-transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--pain-transition-normal:300ms cubic-bezier(0.4,0,0.2,1);--pain-transition-slow:500ms cubic-bezier(0.4,0,0.2,1)}.pain-points-section-v2{position:relative;width:100%;overflow:hidden;background:linear-gradient(135deg,#F8FAFC,#F1F5F9 25%,#E2E8F0 50%,#F1F5F9 75%,#F8FAFC);padding-block:var(--pain-space-2xl);font-feature-settings:"kern" 1,"liga" 1,"calt" 1;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.section-background{position:absolute;inset:0;pointer-events:none}.gradient-overlay{position:absolute;inset:0;background:radial-gradient(ellipse at 30% 30%,rgba(10,25,47,.04) 0,transparent 50%),radial-gradient(ellipse at 70% 70%,rgba(212,175,55,.05) 0,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(59,130,246,.03) 0,transparent 60%);z-index:1}.pattern-overlay{position:absolute;inset:0;background-image:radial-gradient(circle at 25% 25%,rgba(10,25,47,.025) 1px,transparent 0),radial-gradient(circle at 75% 75%,rgba(212,175,55,.03) 1px,transparent 0);background-size:60px 60px,90px 90px;background-position:0 0,30px 30px;opacity:.6;z-index:2}.section-content{width:100%;max-width:var(--pain-container-max-width);margin-inline:auto;padding-inline:var(--pain-container-padding);position:relative;z-index:10}.section-header{text-align:center;margin-bottom:var(--pain-space-xl)}.section-badge{display:inline-block;padding:var(--pain-space-xs) var(--pain-space-md);background:linear-gradient(135deg,rgba(10,25,47,.08),rgba(212,175,55,.1));color:var(--pain-primary);font-size:var(--pain-text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.1em;border-radius:var(--pain-radius-full);border:1px solid rgba(10,25,47,.15);margin-bottom:var(--pain-space-md);transition:all var(--pain-transition-fast)}.section-badge:hover{background:linear-gradient(135deg,rgba(10,25,47,.12),rgba(212,175,55,.15));transform:scale(1.02);box-shadow:0 4px 12px rgba(10,25,47,.1),0 2px 6px rgba(212,175,55,.2);border-color:rgba(10,25,47,.2)}.section-title{font-size:var(--pain-text-3xl);font-weight:900;line-height:1.2;letter-spacing:-.02em;color:var(--pain-text-primary);text-balance:balance;max-width:900px;margin-inline:auto;margin-bottom:var(--pain-space-md)}.section-title .highlight{background:linear-gradient(135deg,var(--pain-primary) 0,var(--pain-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-decoration:underline;text-decoration-color:var(--pain-accent);text-decoration-thickness:3px;text-underline-offset:.3em}.section-subtitle{font-size:var(--pain-text-lg);font-weight:400;line-height:1.6;color:var(--pain-text-secondary);text-balance:balance;max-width:700px;margin-inline:auto}@media (min-width:768px){.pain-points-section-v2{padding-block:var(--pain-space-3xl)}.section-title{font-size:var(--pain-text-4xl)}}@media (min-width:1024px){.section-content{padding-inline:var(--pain-space-xl)}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){.section-badge{border-width:2px}.section-title .highlight{text-decoration-thickness:4px}}.pain-points-section-v2 *{will-change:auto}.pain-points-section-v2 [class*=animate-],.pain-points-section-v2 [class*=transition]{will-change:transform,opacity;transform:translateZ(0)}.pain-point-bento-grid{position:relative;width:100%;padding:var(--pain-space-xl) 0;overflow:hidden}.bento-background-pattern{position:absolute;inset:0;background:radial-gradient(circle at 25% 25%,rgba(212,175,55,.03) 0,transparent 50%),radial-gradient(circle at 75% 75%,rgba(249,115,22,.02) 0,transparent 50%),radial-gradient(circle at 50% 80%,rgba(10,25,47,.01) 0,transparent 60%);pointer-events:none;z-index:0}.bento-background-pattern:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(212,175,55,.02) 1px,transparent 0);background-size:40px 40px;opacity:.3}.bento-container{position:relative;display:grid;gap:var(--pain-grid-gap-desktop);max-width:var(--pain-container-max-width);margin:0 auto;padding:0 var(--pain-container-padding);grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,minmax(280px,auto));z-index:1}.bento-pain-card{min-height:280px}.bento-pain-card.tall{grid-row:span 2}.bento-pain-card.wide{grid-column:span 2}@keyframes bento-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.bento-pain-card{animation:bento-slide-up .6s cubic-bezier(.4,0,.2,1) forwards;animation-delay:calc(var(--index) * .1s);opacity:0}@media (max-width:1024px){.bento-container{grid-template-columns:repeat(2,1fr);grid-template-rows:auto;gap:var(--pain-grid-gap-tablet)}.bento-pain-card.tall{grid-row:span 1;grid-column:span 2}.bento-pain-card.wide{grid-column:span 2}.bento-pain-card{min-height:250px}}@media (max-width:768px){.pain-point-bento-grid{padding:var(--pain-space-lg) 0}.bento-container{grid-template-columns:1fr;gap:var(--pain-grid-gap-mobile)}.bento-pain-card.square,.bento-pain-card.tall,.bento-pain-card.wide{grid-column:span 1;grid-row:span 1}.bento-pain-card{min-height:200px}}@media (hover:hover){.bento-container:hover .bento-pain-card{opacity:.8;transform:scale(.99)}.bento-pain-card:hover{opacity:1!important;transform:scale(1)!important}}@media (prefers-reduced-motion:reduce){.bento-pain-card{animation:none;opacity:1}.bento-container:hover .bento-pain-card,.bento-pain-card:hover{transform:none}}.bento-pain-card{position:relative;border-radius:var(--pain-radius-2xl);overflow:hidden;cursor:pointer;height:100%;transition:all var(--pain-transition-normal);will-change:transform;transform:translateZ(0)}.bento-pain-card.glassmorphism{background:linear-gradient(135deg,rgba(10,25,47,.95),rgba(26,36,68,.9));backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:2px solid rgba(255,255,255,.2)}.bento-pain-card:hover{transform:translateY(-6px);background:linear-gradient(135deg,rgba(10,25,47,.98),rgba(26,36,68,.95));border-color:rgba(255,255,255,.4)}.card-content{position:relative;height:100%;padding:var(--pain-space-lg);display:flex;flex-direction:column;z-index:2}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--pain-space-md);gap:var(--pain-space-sm)}.icon-wrapper{position:relative;width:clamp(3rem,5vw,4rem);height:clamp(3rem,5vw,4rem);flex-shrink:0}.icon-3d{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:clamp(1.5rem,3vw,2rem);background:linear-gradient(135deg,rgba(239,68,68,.35),rgba(220,38,38,.25));border-radius:var(--pain-radius-xl);position:relative;z-index:2;transform:translateZ(20px);transition:all var(--pain-transition-normal);color:#ffffff;border:1px solid rgba(239,68,68,.4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.bento-pain-card:hover .icon-3d{transform:translateZ(30px) scale(1.1);background:linear-gradient(135deg,rgba(239,68,68,.5),rgba(220,38,38,.4));color:#ffffff;border-color:rgba(239,68,68,.6)}.bento-pain-card.crítico .icon-3d{background:linear-gradient(135deg,rgba(239,68,68,.4),rgba(185,28,28,.3));border-color:rgba(239,68,68,.5)}.bento-pain-card.extremo .icon-3d{background:linear-gradient(135deg,rgba(249,115,22,.4),rgba(234,88,12,.3));border-color:rgba(249,115,22,.5)}.bento-pain-card.alto .icon-3d{background:linear-gradient(135deg,rgba(245,158,11,.4),rgba(217,119,6,.3));border-color:rgba(245,158,11,.5)}.bento-pain-card.devastador .icon-3d{background:linear-gradient(135deg,rgba(185,28,28,.45),rgba(153,27,27,.35));border-color:rgba(185,28,28,.6)}.icon-shadow{position:absolute;bottom:-8px;left:8px;right:-8px;height:20px;background:rgba(239,68,68,.4);border-radius:50%;filter:blur(12px);transition:all var(--pain-transition-normal);opacity:.7}.bento-pain-card:hover .icon-shadow{bottom:-12px;filter:blur(16px);opacity:.9;background:rgba(239,68,68,.6)}.severity-badge{padding:var(--pain-space-xs) var(--pain-space-sm);border-radius:var(--pain-radius-full);font-size:var(--pain-text-xs);font-weight:700;letter-spacing:.1em;text-transform:uppercase;transition:all var(--pain-transition-fast);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.severity-badge.crítico{background:linear-gradient(135deg,rgba(239,68,68,.85),rgba(185,28,28,.9));border:2px solid rgba(239,68,68,.8)}.severity-badge.crítico,.severity-badge.extremo{color:#ffffff;text-shadow:0 1px 2px rgba(0,0,0,.7)}.severity-badge.extremo{background:linear-gradient(135deg,rgba(249,115,22,.85),rgba(234,88,12,.9));border:2px solid rgba(249,115,22,.8)}.severity-badge.alto{background:linear-gradient(135deg,rgba(245,158,11,.85),rgba(217,119,6,.9));color:#ffffff;border:2px solid rgba(245,158,11,.8);text-shadow:0 1px 2px rgba(0,0,0,.7)}.severity-badge.devastador{background:linear-gradient(135deg,rgba(185,28,28,.9),rgba(153,27,27,.95));color:#ffffff;border:2px solid rgba(185,28,28,.9);text-shadow:0 1px 2px rgba(0,0,0,.8)}.severity-badge:hover{transform:scale(1.08)}.severity-badge.crítico:hover{background:linear-gradient(135deg,rgba(239,68,68,.95),rgba(185,28,28,.98));border-color:rgba(239,68,68,.9)}.severity-badge.extremo:hover{background:linear-gradient(135deg,rgba(249,115,22,.95),rgba(234,88,12,.98));border-color:rgba(249,115,22,.9)}.severity-badge.alto:hover{background:linear-gradient(135deg,rgba(245,158,11,.95),rgba(217,119,6,.98));border-color:rgba(245,158,11,.9)}.severity-badge.devastador:hover{background:linear-gradient(135deg,rgba(185,28,28,.98),rgba(153,27,27,1));border-color:rgba(185,28,28,.95)}.card-title{font-size:var(--pain-text-xl);font-weight:900;color:#ffffff;margin-bottom:var(--pain-space-sm);line-height:1.2;letter-spacing:-.01em;text-shadow:0 2px 4px rgba(0,0,0,.5),0 1px 2px rgba(10,25,47,.8)}.card-description{font-size:var(--pain-text-base);font-weight:500;color:rgba(255,255,255,.95);line-height:1.6;flex-grow:1;text-shadow:0 1px 3px rgba(0,0,0,.4),0 1px 2px rgba(10,25,47,.6)}.card-glow{inset:-50%;pointer-events:none;z-index:0}.card-border-glow,.card-glow{position:absolute;opacity:0;transition:opacity var(--pain-transition-normal)}.card-border-glow{inset:-2px;border-radius:var(--pain-radius-2xl);z-index:-1}.bento-pain-card:hover .card-border-glow{opacity:1;background:linear-gradient(135deg,rgba(59,130,246,.4),rgba(255,255,255,.3) 50%,rgba(59,130,246,.4));filter:blur(3px)}.bento-pain-card.tall .card-content{justify-content:space-between}.bento-pain-card.wide .card-content{padding:var(--pain-space-xl)}.bento-pain-card.wide .card-header{margin-bottom:var(--pain-space-lg)}.bento-pain-card.wide .icon-wrapper{width:clamp(3.5rem,6vw,4.5rem);height:clamp(3.5rem,6vw,4.5rem)}.bento-pain-card.wide .icon-3d{font-size:clamp(2rem,3.5vw,2.5rem)}.bento-pain-card.wide .card-title{font-size:var(--pain-text-2xl)}@media (max-width:768px){.card-content{padding:var(--pain-space-md)}.bento-pain-card:hover{transform:none}.bento-pain-card.wide .card-content{padding:var(--pain-space-md)}}@media (prefers-reduced-motion:reduce){.bento-pain-card,.icon-3d,.icon-shadow,.severity-badge{transition:none}.bento-pain-card:hover{transform:none}.bento-pain-card:hover .icon-3d{transform:translateZ(20px)}}@media (prefers-contrast:high){.bento-pain-card,.severity-badge{border-width:2px}}