.excel-page { background: #061022; }
.excel-main { overflow: clip; }
.excel-hero,
.excel-detail-hero { position: relative; background: radial-gradient(circle at 82% 12%, rgba(31, 142, 255, .22), transparent 34%), linear-gradient(145deg, #050b18, #091a35); border-bottom: 1px solid #1d3557; }
.excel-hero::after,
.excel-detail-hero::after { content: ""; position: absolute; inset: auto 0 0; height: 4px; background: linear-gradient(90deg, #19c86b, #1f8eff 55%, transparent); }
.excel-hero__inner { padding-top: clamp(64px, 8vw, 112px); padding-bottom: clamp(58px, 7vw, 96px); }
.excel-hero h1 { max-width: 980px; margin: 18px 0 20px; font-size: clamp(2.5rem, 5.4vw, 5.4rem); line-height: .98; letter-spacing: -.055em; color: #fff; }
.excel-hero p { max-width: 850px; margin: 0; font-size: clamp(1.05rem, 1.8vw, 1.35rem); line-height: 1.65; color: #b9cae5; }
.excel-hero__stats { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 32px; }
.excel-hero__stats span { min-width: 150px; padding: 14px 18px; border: 1px solid #29486f; border-radius: 16px; background: rgba(9, 25, 49, .78); color: #c8d6eb; }
.excel-hero__stats strong { margin-right: 7px; color: #fff; font-size: 1.2rem; }
.excel-intro {
    overflow: hidden;
    background:
        radial-gradient(circle at 12% 10%, rgba(31, 142, 255, .16), transparent 26rem),
        radial-gradient(circle at 88% 88%, rgba(25, 200, 107, .10), transparent 22rem),
        linear-gradient(145deg, #071328, #0a1c37);
    border-block: 1px solid #203a60;
    color: #fff;
}
.excel-intro__grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(28px, 6vw, 90px); align-items: start; }
.excel-intro h2 { max-width: 480px; margin: 8px 0 0; color: #fff; font-size: clamp(2rem, 4vw, 3.7rem); line-height: 1.02; letter-spacing: -.045em; }
.excel-intro__grid > p { margin: 0; color: #b9cae5; font-size: 1.13rem; line-height: 1.75; }
.excel-notice,
.excel-payment-note { display: flex; gap: 15px; align-items: flex-start; margin-top: 34px; padding: 19px 22px; border: 1px solid #315b8c; border-left: 5px solid #1f8eff; border-radius: 14px; background: rgba(9, 27, 55, .78); color: #d7e7fb; }
.excel-notice > span { display: grid; place-items: center; flex: 0 0 28px; width: 28px; height: 28px; border-radius: 50%; background: #1f8eff; color: #fff; font-weight: 800; }
.excel-notice p,
.excel-payment-note p { margin: 0; line-height: 1.6; }
.excel-catalog { background: #071225; }
.excel-catalog .section-heading h2,
.excel-catalog .section-heading p { color: #fff; }
.excel-filters { display: grid; grid-template-columns: minmax(230px, 1.35fr) repeat(3, minmax(160px, .8fr)) auto; gap: 12px; align-items: end; padding: 22px; border: 1px solid #223a5d; border-radius: 20px; background: #0b1930; }
.excel-filter { display: grid; gap: 8px; color: #c2d0e4; font-size: .82rem; font-weight: 700; }
.excel-filter input,
.excel-filter select { width: 100%; min-height: 48px; padding: 0 14px; border: 1px solid #31517b; border-radius: 11px; background: #071328; color: #fff; font: inherit; outline: none; }
.excel-filter input:focus,
.excel-filter select:focus { border-color: #52a9ff; box-shadow: 0 0 0 3px rgba(31, 142, 255, .18); }
.excel-filter__clear { min-height: 48px; white-space: nowrap; }
.excel-results { display: flex; justify-content: space-between; margin: 22px 0 15px; color: #9eb2ce; }
.excel-results p { margin: 0; }
.excel-results strong { color: #fff; }
.excel-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.excel-card { display: flex; min-width: 0; flex-direction: column; overflow: hidden; border: 1px solid #203a60; border-radius: 20px; background: linear-gradient(180deg, #0d1b32, #09162a); box-shadow: 0 22px 55px rgba(0, 0, 0, .18); color: #fff; }
.excel-card[hidden] { display: none; }
.excel-card__image { position: relative; display: block; aspect-ratio: 16 / 9; overflow: hidden; background: #0e203e; }
.excel-card__image img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
.excel-card:hover .excel-card__image img { transform: scale(1.035); }
.excel-card__image > span { position: absolute; top: 12px; right: 12px; padding: 7px 10px; border-radius: 999px; background: rgba(3, 12, 26, .9); color: #8eeab4; font-size: .72rem; font-weight: 800; letter-spacing: .02em; }
.excel-card__body { display: flex; flex: 1; flex-direction: column; padding: 21px; }
.excel-card__meta { display: flex; flex-wrap: wrap; gap: 7px; }
.excel-card__meta span { padding: 6px 9px; border: 1px solid #2d4d77; border-radius: 999px; color: #9fc9ff; font-size: .73rem; font-weight: 750; }
.excel-card h3 { margin: 16px 0 9px; font-size: 1.28rem; line-height: 1.22; }
.excel-card h3 a { color: #fff; text-decoration: none; }
.excel-card p { margin: 0; color: #aebed5; line-height: 1.58; }
.excel-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 15px; }
.excel-tags span { padding: 5px 8px; border-radius: 7px; background: #122847; color: #bdd6f6; font-size: .72rem; }
.excel-card__actions { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; margin-top: auto; padding-top: 20px; }
.excel-card__actions .btn { min-height: 43px; padding-inline: 12px; text-align: center; }
.excel-card__actions .btn--whatsapp { grid-column: 1 / -1; }
.btn--excel { border-color: #22c878; background: #22c878; color: #03180c; }
.btn--excel:hover { border-color: #39de8e; background: #39de8e; }
.excel-empty { padding: 50px 20px; border: 1px dashed #31517b; border-radius: 18px; text-align: center; color: #b8c8de; }
.excel-empty strong { color: #fff; font-size: 1.25rem; }
.excel-home { background: linear-gradient(145deg, #071225, #0c1d37); color: #fff; }
.excel-home .section-heading h2 { color: #fff; }
.excel-home .section-heading p { color: #adc0da; }
.excel-home .excel-grid { margin-top: 30px; }
.excel-detail-hero { padding: clamp(55px, 7vw, 95px) 0; color: #fff; }
.excel-detail-hero__grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: clamp(35px, 6vw, 80px); align-items: center; margin-top: 28px; }
.excel-detail-hero h1 { margin: 15px 0; font-size: clamp(2.5rem, 5vw, 5rem); line-height: 1; letter-spacing: -.05em; }
.excel-detail-hero p { color: #b7c9e2; font-size: 1.12rem; line-height: 1.7; }
.excel-detail-hero img { width: 100%; border: 1px solid #31517b; border-radius: 22px; background: #0b1930; box-shadow: 0 30px 80px rgba(0, 0, 0, .32); }
.excel-detail-content {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 8% 12%, rgba(31, 142, 255, .13), transparent 28rem),
        radial-gradient(circle at 92% 86%, rgba(25, 200, 107, .08), transparent 25rem),
        linear-gradient(145deg, #071225, #0a1a33);
    border-bottom: 1px solid #203a60;
    color: #fff;
}
.excel-detail-content .excel-notice { margin-top: 0; border-color: #315b8c; background: rgba(12, 32, 62, .88); box-shadow: 0 18px 45px rgba(0, 0, 0, .16); }
.excel-payment-note { display: block; border-color: #6f592b; border-left-color: #e7a928; background: rgba(58, 43, 15, .48); color: #f6e7bf; }
.excel-payment-note strong { display: block; margin-bottom: 7px; font-size: 1.05rem; }
.excel-detail-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin-top: 32px; }
.excel-detail-card {
    min-width: 0;
    padding: clamp(23px, 3vw, 34px);
    border: 1px solid #29476f;
    border-radius: 18px;
    background: linear-gradient(145deg, rgba(14, 33, 62, .96), rgba(8, 23, 44, .96));
    box-shadow: 0 20px 48px rgba(0, 0, 0, .16), inset 0 1px rgba(255, 255, 255, .025);
}
.excel-detail-card:last-child:nth-child(odd) { grid-column: 1 / -1; }
.excel-detail-card h2 { margin: 0 0 18px; color: #fff; font-size: 1.35rem; }
.excel-detail-card ul { display: grid; gap: 11px; margin: 0; padding: 0; list-style: none; }
.excel-detail-card li { position: relative; padding-left: 25px; color: #b9cae2; line-height: 1.55; }
.excel-detail-card li::before { content: "✓"; position: absolute; left: 0; color: #35a3ff; font-weight: 900; }
.excel-detail-page .section--surface { background: #071225; color: #fff; }
.excel-detail-page .section--surface.section--border { border-color: #203a60; }
.excel-detail-page .section--surface .section-heading h2 { color: #fff; }
.excel-grid--related { grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (max-width: 1100px) {
    .excel-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .excel-filter__clear { width: 100%; }
    .excel-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
    .excel-hero__inner { padding-top: 45px; }
    .excel-intro__grid,
    .excel-detail-hero__grid,
    .excel-detail-grid { grid-template-columns: 1fr; }
    .excel-filters { grid-template-columns: 1fr; padding: 17px; }
    .excel-grid,
    .excel-grid--related { grid-template-columns: 1fr; }
    .excel-card__actions { grid-template-columns: 1fr; }
    .excel-card__actions .btn--whatsapp { grid-column: auto; }
    .excel-detail-card:last-child:nth-child(odd) { grid-column: auto; }
    .excel-detail-hero .button-row { align-items: stretch; }
    .excel-detail-hero .button-row .btn { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
    .excel-card__image img { transition: none; }
}