body.home-landing { background: #fcfdff; color: #071e49; }
.home-landing > header { height: 80px; padding: 0 max(3.8%, calc((100vw - 1440px) / 2)); gap: 30px; border-bottom: 1px solid #eef3f9; }
.home-landing > header .logo { width: 222px; }
.home-landing > header nav { gap: 18px; font-size: 12px; }
.home-landing > header nav a[href="/informacion#profesionales"] { display: block; }
.home-landing > header .account { gap: 20px; }
.home-landing > header .account .button { padding: 14px 17px; font-size: 11px; }
.home-landing .hero.home-hero { height: auto; min-height: 0; padding-bottom: 28px; background: radial-gradient(ellipse at 62% 7%, #e1efff 0, #edf6ff 37%, #f7fbff 75%); }
.home-hero-stage { width: min(1440px, calc(100% - 80px)); min-height: 475px; position: relative; margin: auto; }
.home-landing .hero-copy.home-comparator-copy { position: relative; z-index: 2; width: 56%; padding: 42px 0 80px; background: none; }
.home-landing .hero h1.home-comparator-title { margin: 0 0 19px; color: #071e49; font-size: clamp(44px, 4.25vw, 64px); line-height: 1.04; font-weight: 800; letter-spacing: -2.4px; }
.home-landing .home-comparator-rank { display: flex; align-items: baseline; gap: 14px; margin-top: 7px; font-size: .85em; white-space: nowrap; }
.home-landing .home-number-one { padding: 0; border-radius: 0; background: none; color: #0066ff; font: inherit; letter-spacing: inherit; transform: none; }
.home-landing .home-comparator-copy > p { font-size: clamp(14px, 1.16vw, 17px); line-height: 1.5; font-weight: 500; max-width: 560px; }
.home-landing .home-comparator-benefits { display: grid; grid-template-columns: 1fr 1fr; gap: 20px 35px; margin-top: 33px; width: 420px; max-width: 100%; }
.home-landing .home-comparator-benefits > div { gap: 11px; }
.home-landing .home-comparator-benefits .home-benefit-icon { width: 39px; height: 39px; color: #0066ff; background: #fff; }
.home-landing .home-comparator-benefits .home-benefit-icon .ui-icon { width: 25px; height: 25px; stroke-width: 2.1; }
.home-landing .home-comparator-benefits > div:nth-child(2) .home-benefit-icon,
.home-landing .home-comparator-benefits > div:nth-child(4) .home-benefit-icon { color: #071e49; }
.home-landing .home-comparator-benefits b { font-size: 13px; line-height: 1.5; }
.home-landing .home-comparator-benefits small { font-size: 10px; line-height: 1.5; font-weight: 500; }
.home-hero-cars { position: absolute; right: -23px; bottom: -14px; width: 59%; margin: 0; pointer-events: none; }
.home-hero-cars img { display: block; width: 100%; height: auto; }
.home-landing .home-hero-note { position: absolute; z-index: 2; left: auto; right: 2%; top: 24px; display: block; transform: rotate(-10deg); color: #0a2146; font-size: 29px; font-family: Georgia, serif; font-style: italic; font-weight: 600; line-height: 1.15; }
.home-hero-note svg { display: block; width: 155px; height: 27px; margin-top: 4px; margin-left: 8px; }
.home-landing .search-wrap.home-search-wrap { position: relative; left: auto; right: auto; bottom: auto; width: min(1440px, calc(100% - 80px)); margin: -51px auto 0; z-index: 5; }
.home-landing .tabs button { padding: 17px 32px; min-height: 52px; min-width: 150px; font-size: 13px; border: 1px solid #e9eff7; border-bottom: 0; box-shadow: 0 -2px 8px #17366e03; }
.home-landing .tabs button.active { border-color: #0066ff; }
.home-landing .search { padding: 18px; border: 1px solid #e9eff8; border-radius: 0 12px 12px 12px; box-shadow: 0 4px 18px #17366e0b; }
.home-landing .search-main { grid-template-columns: 1fr 1.04fr 1.08fr .74fr; gap: 14px; }
.home-landing .search-main > label { min-width: 0; min-height: 68px; gap: 15px; padding: 10px 17px; border: 1px solid #e1eaf7; border-radius: 9px; background: #fff; box-shadow: 0 2px 7px #17366e07; }
.home-landing .search-main > label:nth-child(3) { margin-right: 0; }
.home-landing .search-main > label > .ui-icon { width: 27px; height: 27px; color: #0b214b; flex-shrink: 0; stroke-width: 2; }
.home-landing .search-main > label > span { min-width: 0; font-size: 12px; line-height: 1.45; }
.home-landing .search-main select { min-width: 0; font-size: 12px; }
.home-landing .search-main .catalog-autocomplete .catalog-autocomplete-input { font-size: 12px; }
.home-landing .hero .search-main .home-search-submit { border-radius: 9px; background: #ff7a00; font-size: 15px; gap: 11px; }
.home-landing .hero .search-main .home-search-submit:hover { background: #e76700; }
.home-landing .hero .search-main .home-search-submit .ui-icon { width: 24px; height: 24px; }
.home-landing .search-secondary { gap: 18px; margin-top: 20px; min-height: 25px; font-size: 11px; }
.home-landing .search-secondary > label { display: flex; align-items: center; gap: 6px; white-space: nowrap; }
.home-landing .search-secondary input { width: 16px; height: 16px; margin: 0; }
.home-landing .search-secondary select { width: auto; max-width: 148px; font-size: 11px; padding-left: 12px; }
.home-landing .advanced-toggle { display: inline-flex; align-items: center; gap: 9px; padding: 4px 0; color: #0066ff; font-size: 11px; white-space: nowrap; }
.home-landing .advanced-toggle .ui-icon { width: 20px; height: 20px; }
.home-landing .hero:has(.advanced:not([hidden])) { height: auto; min-height: 0; padding-bottom: 28px; }
.home-landing .search-wrap.home-search-wrap:has(.advanced:not([hidden])) { margin: -51px auto 0; padding: 0; }
.home-landing .advanced { padding-top: 22px; }
.home-landing .portals { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; width: min(1440px, calc(100% - 80px)); margin: auto; padding: 0 0 26px; background: none; border: 0; }
.home-landing .portals > p { margin: 0; font-size: 11px; font-weight: 500; white-space: nowrap; }
.home-landing .portals [data-source-rotation] { flex: 1; min-width: 0; gap: 9px; min-height: 40px; flex-wrap: nowrap; justify-content: space-between; }
.home-landing .portals [data-source-name] { width: auto; flex: 1 1 80px; min-width: 0; min-height: 37px; padding: 6px 8px; border: 1px solid #e1eaf6; border-radius: 21px; font-size: 10px; background: #fff; }
.home-landing .portals .source-logo-image { width: 100%; max-width: 95px; height: 21px; }
.home-landing .portals [data-logo-kind="icon"] .source-logo-image { width: 19px; height: 19px; }
.home-landing .portals [data-logo-kind="icon"] .source-logo-name { font-size: 9px; }
.home-landing .portals [data-source-rotation] > small { font-size: 10px; }
.home-landing .portals .demo-note { flex-basis: 100%; margin: -2px 0 0; font-size: 9px; }
.home-landing > main { width: min(1440px, calc(100% - 80px)); padding: 0 0 30px; }
.home-landing #tipos .section-title { margin-bottom: 17px; }
.home-landing #tipos h2 { margin: 0; font-size: 24px; letter-spacing: -.8px; }
.home-landing #tipos .section-title > a { font-size: 11px; }
.home-landing .types { grid-template-columns: repeat(9, minmax(0,1fr)); gap: 15px; }
.home-landing .types a { padding: 14px 3px 17px; border: 1px solid #dde8f6; border-radius: 10px; box-shadow: none; background: #ffffff80; font-size: 12px; }
.home-landing .types a:hover { border-color: #99beff; background: #fff; }
.home-landing .type-photo { width: 85px; max-width: 100%; height: 58px; margin-bottom: 6px; background: none; }
.home-landing .type-photo svg { display: block; width: 100%; height: 100%; }
.home-landing .featured-layout { margin-top: 10px; }
@media (min-width: 1600px) {
    .home-hero-stage { min-height: 515px; }
    .home-landing .hero-copy.home-comparator-copy { padding-top: 50px; }
    .home-hero-cars { width: 61%; }
}
@media (max-width: 1240px) {
    .home-landing > header { gap: 25px; padding: 0 30px; height: 74px; }
    .home-landing > header .logo { width: 188px; }
    .home-landing > header nav { gap: 15px; font-size: 10px; }
    .home-landing > header .account { gap: 14px; }
    .home-landing > header .account span { font-size: 10px; }
    .home-landing > header .account .button { padding: 12px; font-size: 10px; }
    .home-hero-stage, .home-landing .search-wrap.home-search-wrap, .home-landing .portals, .home-landing > main { width: calc(100% - 60px); }
    .home-hero-stage { min-height: 438px; }
    .home-landing .hero-copy.home-comparator-copy { width: 58%; padding-top: 36px; }
    .home-landing .hero h1.home-comparator-title { font-size: 48px; letter-spacing: -1.9px; }
    .home-landing .home-comparator-copy > p { font-size: 13px; }
    .home-landing .home-comparator-benefits { width: 380px; gap: 16px 20px; margin-top: 28px; }
    .home-landing .home-comparator-benefits b { font-size: 11px; }
    .home-landing .home-comparator-benefits small { font-size: 9px; }
    .home-hero-cars { width: 59%; right: -18px; }
    .home-landing .home-hero-note { font-size: 24px; }
    .home-landing .search-main { gap: 12px; grid-template-columns: 1fr 1fr 1.1fr .82fr; }
    .home-landing .search-main > label { padding: 9px 13px; gap: 10px; min-height: 63px; }
    .home-landing .hero .search-main .home-search-submit { font-size: 13px; padding: 12px; }
    .home-landing .search-secondary { gap: 13px; font-size: 10px; }
    .home-landing .search-secondary select, .home-landing .advanced-toggle { font-size: 10px; }
    .home-landing .portals > p { font-size: 10px; }
    .home-landing .portals [data-source-rotation] { flex-wrap: wrap; gap: 8px; }
    .home-landing .portals [data-source-name] { flex-basis: 84px; }
    .home-landing .types { gap: 11px; }
    .home-landing .types a { font-size: 10px; }
}
@media (max-width: 1000px) {
    .home-landing > header .account > a:not(.button) span { display: none; }
    .home-landing > header .logo { width: 180px; }
    .home-landing > header nav { gap: 14px; }
    .home-landing > header .account { gap: 12px; }
    .home-landing .search-secondary { flex-wrap: wrap; gap: 12px; }
    .home-landing .portals { gap: 10px; }
    .home-landing .portals > p { flex-basis: 100%; }
    .home-landing .portals [data-source-name] { flex-basis: 70px; }
    .home-landing .home-hero-note { font-size: 21px; }
    .home-landing .home-hero-note svg { width: 135px; }
}
@media (max-width: 800px) {
    .home-landing > header { height: auto; min-height: 76px; flex-wrap: wrap; padding: 16px 22px; gap: 17px 12px; }
    .home-landing > header .logo { width: 172px; }
    .home-landing > header .account { gap: 12px; }
    .home-landing > header .account .button { font-size: 10px; padding: 11px; }
    .home-landing > header nav { width: 100%; order: 3; gap: 20px; font-size: 11px; padding-bottom: 2px; justify-content: space-between; }
    .home-hero-stage, .home-landing .search-wrap.home-search-wrap, .home-landing .portals, .home-landing > main { width: calc(100% - 40px); }
    .home-hero-stage { min-height: 0; padding-bottom: 0; }
    .home-landing .hero-copy.home-comparator-copy { width: 100%; padding: 32px 0 0; }
    .home-landing .hero h1.home-comparator-title { font-size: clamp(39px, 7vw, 54px); margin-bottom: 17px; letter-spacing: -1.7px; }
    .home-landing .home-comparator-copy > p { font-size: 14px; max-width: 520px; }
    .home-landing .home-comparator-benefits { width: 420px; margin-top: 25px; gap: 17px 24px; }
    .home-landing .home-comparator-benefits b { font-size: 12px; }
    .home-landing .home-comparator-benefits small { font-size: 10px; }
    .home-hero-cars { position: relative; width: min(100%, 580px); right: auto; bottom: auto; margin: -30px auto -58px; }
    .home-landing .home-hero-note { display: none; }
    .home-landing .search-wrap.home-search-wrap, .home-landing .search-wrap.home-search-wrap:has(.advanced:not([hidden])) { margin: 0 auto; }
    .home-landing .tabs button { flex: 1; min-width: 0; padding: 15px 16px; font-size: 12px; min-height: 50px; white-space: nowrap; }
    .home-landing .search { padding: 13px; }
    .home-landing .search-main { grid-template-columns: 1fr 1fr; gap: 11px; }
    .home-landing .search-main > label { min-height: 64px; }
    .home-landing .hero .search-main .home-search-submit { font-size: 14px; min-height: 64px; }
    .home-landing .search-secondary { margin-top: 16px; gap: 15px; font-size: 10px; }
    .home-landing .search-secondary select { width: 30%; max-width: none; padding-left: 0; border-left: 0; }
    .home-landing .advanced-toggle { margin-left: 0; }
    .home-landing .portals { padding: 7px 0 25px; }
    .home-landing .portals [data-source-rotation] { justify-content: flex-start; }
    .home-landing .portals [data-source-name] { flex: 0 1 calc(25% - 7px); min-width: 0; }
    .home-landing .portals [data-source-rotation] > small { flex-basis: 100%; padding: 5px 0; }
    .home-landing #tipos h2 { font-size: 21px; }
    .home-landing #tipos .section-title > a { font-size: 10px; }
    .home-landing .types { grid-template-columns: repeat(3, minmax(0,1fr)); gap: 11px; }
    .home-landing .types a { font-size: 11px; padding: 10px 3px 14px; }
    .home-landing .bottom-grid > section { min-width: 0; }
    .home-landing .dealers { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .home-landing .dealers article { min-width: 0; }
    .home-landing .dealer-photo { width: 100%; max-width: 120px; }
    .home-landing .bottom-grid .section-title { flex-wrap: wrap; gap: 10px; }
    .home-landing .brands { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px 10px; }
    .home-landing .brands a { min-width: 0; }
    .home-landing .brand-art { max-width: 100%; overflow: hidden; }
}
@media (max-width: 480px) {
    .home-landing > header .logo { width: 145px; }
    .home-landing > header .account { gap: 10px; }
    .home-landing > header .account .button { font-size: 9px; padding: 11px 9px; }
    .home-landing > header .account > a:not(.button) { display: none; }
    .home-landing > header .account > a[aria-label="Mi cuenta"] { display: flex; }
    .home-landing > header nav { gap: 10px 14px; justify-content: flex-start; font-size: 10px; flex-wrap: wrap; overflow: visible; }
    .home-landing .home-comparator-copy > p { font-size: 12px; }
    .home-landing .home-comparator-benefits { gap: 15px 13px; }
    .home-landing .home-comparator-benefits .home-benefit-icon { width: 32px; height: 32px; }
    .home-landing .home-comparator-benefits b { font-size: 11px; }
    .home-landing .home-comparator-benefits small { font-size: 9px; }
    .home-landing .search-main > label { padding: 9px; gap: 8px; }
    .home-landing .search-main > label > .ui-icon { width: 21px; height: 21px; }
    .home-landing .search-main > label > span, .home-landing .search-main select { font-size: 10px; }
    .home-landing .search-main .catalog-autocomplete .catalog-autocomplete-input { font-size: 10px; padding-right: 35px; }
    .home-landing .catalog-autocomplete-toggle { width: 20px; right: 0; }
    .home-landing .catalog-autocomplete-clear { width: 18px; right: 20px; }
    .home-landing .tabs button { font-size: 10px; padding: 13px 10px; }
    .home-landing #tipos .section-title { align-items: flex-start; gap: 20px; }
    .home-landing #tipos .section-title > a { font-size: 9px; white-space: nowrap; padding-top: 5px; }
}