/* Compact rows expand vertically in both scroll directions, as in the reference. */
.features-section .feature-card{display:block;padding:48px;min-height:0;margin-bottom:8px;border-radius:16px;background:#000;color:#fff;transition:background-color .7s cubic-bezier(.32,.72,0,1),color .7s cubic-bezier(.32,.72,0,1);text-decoration:none}
.features-section .feature-card:last-child{margin-bottom:0}
.features-section .feature-head{display:flex;align-items:start;justify-content:space-between;gap:32px}
.features-section .feature-head h3{font-size:36px;line-height:40px;font-weight:500;letter-spacing:-.025em;max-width:calc(100% - 64px);text-wrap:balance}
.features-section .feature-head>span{font-size:20px;line-height:28px;opacity:.4;padding-top:4px}
.feature-accordion{display:grid;grid-template-rows:1fr;transition:grid-template-rows .7s cubic-bezier(.32,.72,0,1)}
.feature-content{overflow:hidden;min-height:0;position:relative;z-index:2;opacity:1;transform:translateY(0);transition:opacity .45s cubic-bezier(.32,.72,0,1),transform .7s cubic-bezier(.32,.72,0,1)}
.feature-content>p{font-size:18px;line-height:28px;max-width:56%;margin-top:24px;text-wrap:pretty}
.features-section .feature-explore{display:inline-flex;align-items:center;gap:12px;font-size:16px;line-height:24px;margin-top:24px;color:inherit}
.features-section .feature-explore>.feature-label{display:block;width:auto;height:24px;overflow:hidden;border-radius:0;background:transparent;color:inherit}
.feature-label-track{display:block;transition:transform .55s cubic-bezier(.32,.72,0,1)}
.feature-label-track>span{display:block;height:24px;line-height:24px}
.features-section .feature-explore>.feature-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#fff;color:#000;transition:transform .55s cubic-bezier(.32,.72,0,1)}
.features-section .feature-explore svg{width:16px;height:16px;transition:transform .55s cubic-bezier(.32,.72,0,1)}
.features-section .feature-visual{inset:0;opacity:1;transform:none;background:#000;transition:opacity .7s cubic-bezier(.32,.72,0,1)}
.features-section .feature-visual>i{border:1px solid #8c8cbb33;width:40%;height:125%;right:-5%;top:0;border-radius:0;transform:skew(-16deg);background:#242438}
.features-section .feature-visual>i:nth-child(2){right:0;top:16%;background:#303047}
.features-section .feature-visual>i:nth-child(3){right:5%;top:32%;background:#3b3b57}
.features-section .feature-web .feature-visual>i{clip-path:polygon(50% 0,100% 100%,0 100%);transform:none;width:68%;height:180%;right:-15%;top:-20%;background:#1c1c2d}
.features-section .feature-web .feature-visual>i:nth-child(2){width:54%;height:150%;right:-8%;top:10%;background:#29293e}
.features-section .feature-web .feature-visual>i:nth-child(3){width:40%;height:120%;right:-1%;top:40%;background:#3b3b57}
.features-section .feature-marca .feature-visual>i{transform:rotate(-18deg);width:32%;height:120%;right:3%;top:12%;background:#232044}
.features-section .feature-marca .feature-visual>i:nth-child(2){right:-1%;top:28%;background:#302b64}
.features-section .feature-marca .feature-visual>i:nth-child(3){right:-5%;top:44%;background:#433b8a}
.features-section .feature-eventos .feature-visual>i{border-radius:50%;width:40%;height:auto;aspect-ratio:1;transform:rotateX(45deg);right:-2%;top:4%;background:#322c35;border:1px solid #8b7c9533}
.features-section .feature-eventos .feature-visual>i:nth-child(2){right:3%;top:24%;background:#41333c}
.features-section .feature-eventos .feature-visual>i:nth-child(3){right:8%;top:44%;background:#5a3e49}
.features-section .feature-eventos .feature-visual:after{display:none}
.features-section .feature-tecnico .feature-visual>i{background:#1a2a32;border-color:#6296aa33}
.features-section .feature-tecnico .feature-visual>i:nth-child(2){background:#243d48}
.features-section .feature-tecnico .feature-visual>i:nth-child(3){background:#31515e}
.features-section .feature-cuidado .feature-visual>i{border-radius:24px;background:#232a23;border-color:#91a08c33}
.features-section .feature-cuidado .feature-visual>i:nth-child(2){background:#303a30}
.features-section .feature-cuidado .feature-visual>i:nth-child(3){background:#424f40}
.features-section.is-scroll-reveal .feature-card:not(.is-open){background:#eee;color:#000}
[data-theme=dark] .features-section.is-scroll-reveal .feature-card:not(.is-open){background:#272727;color:#f4f3ee}
.is-scroll-reveal .feature-card:not(.is-open) .feature-accordion{grid-template-rows:0fr}
.is-scroll-reveal .feature-card:not(.is-open) .feature-content{opacity:0;transform:translateY(8px);pointer-events:none}
.is-scroll-reveal .feature-card:not(.is-open) .feature-visual{opacity:0}
.features-section .feature-card:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
@media(hover:hover){.feature-explore:hover .feature-label-track{transform:translateY(-50%)}.feature-explore:hover .feature-icon{transform:scale(1.1)}.feature-explore:hover .feature-icon svg{transform:translate(2px,-2px)}}
.feature-card:focus-visible .feature-label-track{transform:translateY(-50%)}
.feature-card:active .feature-icon{transform:scale(.94)}
@media(max-width:1100px){.features-section .feature-card{padding:40px}.features-section .feature-head h3{font-size:30px;line-height:36px}.feature-content>p{font-size:16px;line-height:24px}.features-section .feature-head>span{font-size:18px;line-height:28px}}
@media(max-width:700px){.features-section .feature-card{padding:24px}.features-section .feature-head{gap:16px}.features-section .feature-head h3{font-size:24px;line-height:32px;max-width:calc(100% - 40px)}.features-section .feature-head>span{font-size:16px;line-height:24px}.feature-content>p{max-width:100%;font-size:16px;line-height:24px}.features-section .feature-visual{opacity:.65}.features-section .feature-visual>i{opacity:.45}.features-section .feature-explore{font-size:16px;line-height:24px}.features-section .feature-web .feature-visual>i{width:100%;right:-45%}.features-section .feature-web .feature-visual>i:nth-child(2){width:86%;right:-38%}.features-section .feature-web .feature-visual>i:nth-child(3){width:72%;right:-31%}}
.static-mode .feature-accordion,.static-mode .feature-content,.static-mode .feature-visual,.static-mode .feature-label-track,.static-mode .feature-icon,.static-mode .feature-icon svg,.static-mode .feature-card{transition:none!important}
@media(prefers-reduced-motion:reduce){.feature-accordion,.feature-content,.feature-visual,.feature-label-track,.feature-icon,.feature-icon svg,.feature-card{transition:none!important}}