:root{
  --blue:#1170CE;--blue-dark:#106AC5;--ink:#333;--muted:#708199;
  --bg:#f4f8fd;--line:#dbe5f0;--green:#16a34a;--green-soft:#eaf9f0;
  --shadow:0 18px 55px rgba(28,64,105,.10);
  --font:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
html,body{min-height:100%}
body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}
body.locked{overflow:hidden}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button{cursor:pointer}
.hidden{display:none!important}

/* Header */
.site-header{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.96);border-bottom:1px solid #e2e8f0;box-shadow:0 1px 0 rgba(15,23,42,.03)}
.site-header-inner{width:min(1440px,100%);height:72px;margin:auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between}
.site-logo{display:inline-flex;align-items:center;gap:10px;color:var(--blue);min-width:0}
.site-logo-cart{width:34px;height:30px;flex:0 0 auto}
.site-logo-text{font-size:22px;font-weight:600;letter-spacing:-.025em;color:#333;white-space:nowrap}
.header-actions{display:flex;align-items:center;gap:12px}
.header-btn{height:42px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 16px;border-radius:10px;font-size:14px;font-weight:500;line-height:1;white-space:nowrap;transition:.15s}
.header-btn-icon{width:19px;height:19px;flex:0 0 auto}
.header-btn-account{border:1px solid #c9dcfb;background:#fff;color:var(--blue);box-shadow:0 2px 8px rgba(18,68,145,.05)}
.header-btn-account:hover{background:#f7faff;border-color:#a9c8f8}
.header-btn-store{border:1px solid var(--blue);background:var(--blue);color:#fff;box-shadow:0 5px 14px rgba(11,99,243,.20)}
.header-btn-store:hover{background:var(--blue-dark);transform:translateY(-1px)}
.site-header h1{ margin-top: 10px;}


/* Page */
.page-main{flex:1}
.hero{position:relative;overflow:visible;border-bottom:1px solid #dfe7f0;background:radial-gradient(circle at 50% 0%,#fff 0,#f4f8fd 56%,#edf5ff 100%)}
.hero-glow{position:absolute;width:290px;height:290px;border-radius:50%;filter:blur(65px);pointer-events:none;opacity:.55}
.hero-glow-left{left:-90px;top:30px;background:#dbeafe}
.hero-glow-right{right:-90px;bottom:-20px;background:#cffafe}
.hero-inner{position:relative;width:min(1180px,calc(100% - 40px));margin:auto;padding:72px 0 76px}
.hero-copy{max-width:900px;margin:auto;text-align:center}
.hero h1{margin:0;font-size:clamp(32px,5.2vw,58px);line-height:1.02;letter-spacing:-.055em;font-weight:900;}
.hero h1 strong{color:var(--blue)}
.hero-copy>p{max-width:720px;margin:20px auto 0;color:#64748b;font-size:18px;line-height:1.65}

/* Search */
.search-wrap{position:relative;max-width:880px;margin:34px auto 0;text-align:left} 
.search-box{position:relative;display:flex;align-items:center;gap:8px;padding:10px;border:1px solid #dbe3ed;border-radius:20px;background:#fff;box-shadow:var(--shadow)}
.search-icon{width:48px;height:48px;display:grid;place-items:center;color:#94a3b8;flex:0 0 auto}
.search-icon svg{width:24px;height:24px}
.search-box input{height:52px;min-width:0;flex:1;border:0;outline:0;background:transparent;padding:0 4px;font-size:17px;font-weight:500;color:var(--ink)}
.search-box input::placeholder{color:#94a3b8}
.search-scan,.search-submit{height:48px;border-radius:12px;font-size:14px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}
.search-scan{border:1px solid #bfdbfe;background:#eff6ff;color:var(--blue);padding:0 16px}
.search-scan svg{width:20px;height:20px}
.search-scan:hover{background:#dbeafe}
.search-submit{border:0;background:var(--blue);color:#fff;padding:0 24px;box-shadow:0 8px 18px rgba(11,99,243,.20)}
.search-submit:hover{background:var(--blue-dark)}
.search-features{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 20px;margin-top:13px;color:#a0aec0;font-size:12px;font-weight:600}

/* Suggestions */
.suggestions{position:absolute;top:76px;left:0;right:0;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 22px 60px rgba(19,45,78,.16);z-index:60;padding:7px;overflow:hidden}
.suggestions button{display:flex;align-items:center;gap:11px;width:100%;border:0;background:#fff;text-align:left;padding:11px 13px;border-radius:10px}
.suggestions button:hover{background:#f3f7fd}
.suggestions button>span:last-child{display:flex;flex-direction:column}
.suggestions small{color:#8291a5;margin-top:2px}
.suggest-icon{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:#edf4ff;color:var(--blue);font-size:18px}

/* Results */
.results-section{width:min(1180px,calc(100% - 40px));margin:auto;padding:32px 0 40px}
.result-card{overflow:hidden;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 18px 55px rgba(28,64,105,.08);margin-bottom:18px}
.result-title{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:22px 24px;border-bottom:1px solid #e8eef5}
.result-title h2{font-size:22px;letter-spacing:-.03em;margin:6px 0 4px}
.result-title p{margin:0;color:#718197;font-size:13px}
.result-found{display:inline-flex;align-items:center;gap:7px;color:#16803c;font-size:12px;font-weight:600}
.result-found i{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px #dcfce7}
.result-tools{display:flex;gap:8px}
.offers-head,.offer-row{display:grid;grid-template-columns:1.55fr .55fr .75fr 24px;align-items:center;gap:16px;padding:13px 24px}
.offers-head{background:#fbfdff;color:#7b8ba0;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.07em}
.offer-row{border-top:1px solid #edf2f7;transition:.15s}
.offer-row:hover{background:#f8fbff}
.offer-row.is-best{background:linear-gradient(90deg,#effbf3,#fff)}
.merchant-rank{display:flex;align-items:center;gap:11px;min-width:0}
.merchant-rank>b{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#edf4ff;color:var(--blue);font-size:12px}
.is-best .merchant-rank>b{background:#22b85a;color:#fff}
.merchant-rank strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.merchant-rank em{font-style:normal;font-size:10px;font-weight:600;padding:4px 7px;border-radius:999px;background:#dcf7e5;color:#15803b}
.price{font-weight:900;color:var(--green);font-size:17px}
.availability{font-size:13px;color:#43546a}
.availability i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#22c55e;margin-right:6px}
.go{font-size:25px;color:#8aa0b8;text-align:right}
.saving-bar{margin:14px;display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid #d8e7fb;background:#f3f8ff;border-radius:14px;padding:14px 16px}
.saving-bar>div{display:flex;align-items:center;gap:12px}
.saving-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#dceaff;color:var(--blue);font-weight:900}
.saving-bar b{display:block}
.saving-bar b strong{color:var(--blue)}
.saving-bar small{display:block;color:#66788f;margin-top:3px}
.saving-bar>a{white-space:nowrap;border:1px solid #bcd5fb;background:#fff;color:var(--blue);border-radius:10px;padding:10px 13px;font-size:12px;font-weight:600}
.result-loading,.result-empty{min-height:230px;border:1px dashed #c7d8ea;border-radius:20px;background:#fff;display:grid;place-items:center;align-content:center;gap:8px;color:#718197;text-align:center}
.result-loading i{width:32px;height:32px;border:3px solid #d9e8fb;border-top-color:var(--blue);border-radius:50%;animation:spin .7s linear infinite}
.result-loading b,.result-empty b{color:var(--ink);font-size:17px}
.result-loading span,.result-empty span{font-size:13px}

/* Steps */
.steps-section{width:min(1180px,calc(100% - 40px));margin:auto;padding:64px 0 74px}
.section-heading{text-align:center;margin-bottom:34px}
.section-heading span,.section-kicker{color:var(--blue);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.14em}
.section-heading h2{margin:8px 0 0;font-size:38px;letter-spacing:-.04em}
.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.step-card{border:1px solid #e2e8f0;background:#fff;border-radius:18px;padding:24px;box-shadow:0 3px 12px rgba(15,23,42,.03)}
.step-number{width:44px;height:44px;margin-bottom:18px;border-radius:12px;display:grid;place-items:center;background:#eff6ff;color:var(--blue);font-weight:900}
.step-number-green{background:#ecfdf5;color:var(--green)}
.step-card h3{margin:0;font-size:18px}
.step-card p{margin:8px 0 0;color:#64748b;line-height:1.55}

/* Merchant */
.merchant-section{width:min(1180px,calc(100% - 40px));margin:0 auto 64px}
.merchant-box{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:28px;border:1px solid #dbeafe;border-radius:24px;background:linear-gradient(90deg,#eff6ff,#fff,#ecfdf5)}
.merchant-box span{color:var(--blue);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}
.merchant-box h2{margin:6px 0 4px;font-size:22px}
.merchant-box p{margin:0;color:#64748b;font-size:14px}
.merchant-box>a{flex:0 0 auto;padding:12px 18px;border-radius:12px;background:var(--ink);color:#fff;font-size:14px;font-weight:800}

/* Footer always bottom */
.site-footer{margin-top:auto;border-top:1px solid #e2e8f0;background:#fff}
.site-footer-inner{width:min(1440px,100%);margin:auto;padding:28px 32px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;color:#64748b;font-size:14px}
.footer-brand{font-weight:800;color:var(--ink)}
.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 20px;font-size:12px;font-weight:600}
.site-footer small{text-align:right}

/* Modals/auth */
.modal{position:fixed;inset:0;z-index:100;display:none;place-items:center;padding:20px}
.modal.open{display:grid}
.backdrop{position:absolute;inset:0;background:rgba(5,18,34,.62);backdrop-filter:blur(4px)}
.modal-card{position:relative;width:min(560px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:20px;padding:24px;box-shadow:0 28px 90px rgba(0,0,0,.24)}
.modal-title{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}
.modal-title h2,.auth-card h2{margin:6px 0}
.modal-title p,.auth-subtitle,.auth-email{color:#718197}
.close{border:0;background:#f3f6fa;border-radius:10px;width:36px;height:36px;font-size:22px;color:#52647b}
.auth-x{position:absolute;right:18px;top:18px}
.video-wrap{position:relative;overflow:hidden;margin-top:18px;border-radius:16px;background:#081727;aspect-ratio:4/3}
.video-wrap video{width:100%;height:100%;object-fit:cover}
.scan-frame{position:absolute;inset:24%;border:2px solid #4ea1ff;border-radius:12px;box-shadow:0 0 0 999px rgba(0,0,0,.18)}
.tabs{display:grid;grid-template-columns:1fr 1fr;margin:18px 0;background:#f1f5f9;padding:4px;border-radius:12px}
.tabs button{border:0;background:transparent;padding:10px;border-radius:9px;font-weight:800;color:#64748b}
.tabs button.active{background:#fff;color:var(--blue);box-shadow:0 2px 8px rgba(15,23,42,.06)}
.form{display:grid;gap:13px}
.form label{display:grid;gap:6px;font-size:13px;font-weight:700}
.form input{height:46px;border:1px solid #d6e0eb;border-radius:10px;padding:0 12px;outline:0}
.form input:focus{border-color:#8bb7f9;box-shadow:0 0 0 3px #eaf2ff}
.btn{border:0;border-radius:11px;padding:12px 16px;font-weight:800}
.btn-primary{background:var(--blue);color:#fff}
.menu-link{width:100%;display:flex;align-items:center;justify-content:space-between;border:1px solid #e1e8f0;border-radius:11px;padding:13px;margin-top:9px;background:#fff;text-align:left;font-weight:700}
.menu-link.danger{color:#c62828}
.error{color:#c62828;font-size:13px}
@keyframes spin{to{transform:rotate(360deg)}}

@media(max-width:900px){
  .steps-grid{grid-template-columns:1fr}
  .merchant-box{align-items:flex-start}
  .site-footer-inner{grid-template-columns:1fr;text-align:center}
  .site-footer small{text-align:center}
}

@media(max-width:700px){
  .site-header-inner{height:64px;padding:0 14px}
  .site-logo{gap:7px}
  .site-logo-cart{width:28px;height:25px}
  .site-logo-text{font-size:16px}
  .header-actions{gap:7px}
  .header-btn{height:38px;padding:0 10px;font-size:12px}
  .header-btn-store span{display:none}
  .header-btn-store{width:38px;padding:0}
  .hero-inner{width:min(100% - 24px,1180px);padding:50px 0 56px}
  .hero-copy>p{font-size:16px}
  .search-box{display:grid;grid-template-columns:1fr auto;padding:8px}
  .search-icon{display:none}
  .search-box input{grid-column:1/3;width:100%;padding:0 10px}
  .search-scan{grid-column:1/2}
  .search-submit{grid-column:2/3;padding:0 16px}
  .suggestions{top:126px}
  .steps-section,.results-section,.merchant-section{width:min(100% - 24px,1180px)}
  .section-heading h2{font-size:31px}
  .merchant-box{flex-direction:column}
  .merchant-box>a{width:100%;text-align:center}
  .offers-head{display:none}
  .offer-row{grid-template-columns:1fr auto;padding:15px}
  .offer-row .availability,.offer-row .go{display:none}
  .merchant-rank em{display:none}
  .result-title{flex-direction:column}
  .saving-bar{align-items:flex-start;flex-direction:column}
  .saving-bar>a{width:100%;text-align:center}
  .site-footer-inner{padding:24px 16px}
}

/* Product result header: image left, product information right */
.product-summary{display:flex;align-items:center;gap:22px;min-width:0;flex:1}
.product-summary>div{min-width:0}
.product-thumb{width:200px;height:200px;flex:0 0 200px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:16px;background:#f7f9fc}
.product-thumb img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.result-title{align-items:flex-start}
.result-tools{margin-left:auto;flex:0 0 auto}
.mini-btn{height:38px;padding:0 13px;border:1px solid #cbd8e7;border-radius:9px;background:#fff;color:var(--ink);font-size:12px;font-weight:750}
.mini-btn:hover{border-color:#9ebce5;background:#f8fbff}
.suggest-image{width:42px;height:42px;flex:0 0 42px;display:flex!important;align-items:center;justify-content:center;overflow:hidden;border-radius:9px;background:#f7f9fc}
.suggest-image img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}

@media(max-width:700px){
  .result-title{flex-direction:column}
  .product-summary{width:100%;align-items:center;gap:14px}
  .product-thumb{width:120px;height:120px;flex-basis:120px;border-radius:12px}
  .result-title h2{font-size:18px}
  .result-tools{width:100%;margin-left:0}
  .mini-btn{flex:1}
}

@media(max-width:420px){
  .product-thumb{width:96px;height:96px;flex-basis:96px}
  .product-summary{align-items:flex-start}
}




/* Logotipo oficial en cabeceras */
.header-brand-logo{display:inline-flex;align-items:center;justify-content:flex-start;flex:0 0 auto;text-decoration:none;line-height:0}
.header-brand-logo img{display:block;width:auto;height:40px;max-width:110px;object-fit:contain}
@media(max-width:700px){.header-brand-logo img{height:30px;max-width:78px}}


/* Fix de desbordamiento horizontal en la home */
html,body{max-width:100%;overflow-x:hidden}
*,*::before,*::after{box-sizing:border-box}
img,svg,video,canvas{max-width:100%}
main,section,header,footer,.container,.wrap,.site-header-inner,.footer-inner{min-width:0;max-width:100%}
.hero,.home-hero,.how-it-works,.merchant-cta,.site-footer{max-width:100%}
.home-search,.search-box,.search-shell,.hero-search{min-width:0;max-width:100%}
.grid,.cards,.steps,.how-grid{min-width:0}
.grid>* ,.cards>* ,.steps>* ,.how-grid>*{min-width:0}




/* Footer público unificado y centrado - FIX definitivo */
.unified-footer{
  width:100%;
  border-top:1px solid #e2eaf3;
  background:#fff;
  padding:28px 16px;
  box-sizing:border-box;
}
.unified-footer-inner{
  width:min(1180px,100%);
  margin:0 auto;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:14px;
  text-align:center;
}
.unified-footer-links{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:12px 24px;
  margin:0 auto;
  padding:0;
  text-align:center;
}
.unified-footer-links a,
.unified-footer-links button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin:0;
  padding:0;
  border:0;
  background:none;
  font:inherit;
  color:#536b87;
  text-decoration:none;
  cursor:pointer;
}
.unified-footer-links a:hover,
.unified-footer-links button:hover{
  color:#1170ce;
}
.unified-footer-copy{
  width:100%;
  text-align:center;
  color:#536b87;
  font-size:12px;
  margin:0 auto;
}
@media(max-width:700px){
  .unified-footer{
    padding:24px 14px;
  }
  .unified-footer-links{
    gap:10px 18px;
  }
}


/* Home: negro principal suavizado a #333 */
body.home-page,
body.home-page h1,
body.home-page h2,
body.home-page h3,
body.home-page h4,
body.home-page strong{
  color:#333;
}

/* CTA "Quiero aparecer" */
body.home-page .merchant-cta a,
body.home-page .merchant-cta .btn,
body.home-page .merchant-cta button{
  background:#333!important;
  border-color:#333!important;
  color:#fff!important;
}
body.home-page .merchant-cta a:hover,
body.home-page .merchant-cta .btn:hover,
body.home-page .merchant-cta button:hover{
  background:#292929!important;
  border-color:#292929!important;
}


/* Peso unificado de botones */
button,
.btn,
a.btn,
input[type="button"],
input[type="submit"],
input[type="reset"],
[role="button"]{
  font-weight:600!important;
}


/* Quiero aparecer: peso correcto */
body.home-page .merchant-cta a,
body.home-page .merchant-cta a.btn,
body.home-page .merchant-cta .btn,
body.home-page .merchant-cta button,
.merchant-cta a,
.merchant-cta .btn,
.merchant-cta button{
  font-weight:600!important;
}


/* FIX exacto CTA "Quiero aparecer" */
.merchant-section .merchant-box > a{
  font-weight:600!important;
}

/* Peso de los nombres de producto en las sugerencias */
.suggestions button b,
.product-header-suggestions button b {
    font-weight: 600;
}

/* Peso tipográfico resultados del comparador */
.result-card h2,
.result-card h2 a,
.merchant-rank strong,
.offer-row .price,
.saving-bar b,
.saving-bar b strong,
.saving-bar > a {
    font-weight: 600;
}

/* Autocomplete global del buscador del header */
.product-header-suggestions button{
    display:flex;
    align-items:center;
    gap:12px;
}

.product-header-suggest-image{
    width:48px;
    height:48px;
    flex:0 0 48px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:8px;
    overflow:hidden;
    background:#f7f9fc;
}

.product-header-suggest-image img{
    width:100%;
    height:100%;
    object-fit:contain;
}

.product-header-suggest-text{
    min-width:0;
    flex:1;
}

.product-header-suggest-text b{
    display:block;
}

.product-header-suggest-text small{
    display:block;
    margin-top:3px;
}

.form-help{
    margin:0;
    font-size:12px;
    line-height:1.45;
    color:#718197;
}

.form-help b{
    color:#33465d;
}

/* Respeta el atributo HTML hidden globalmente */
[hidden]{
    display:none !important;
}

/*
 * Campo trampa antibot.
 * Invisible e inaccesible para usuarios normales,
 * pero sigue existiendo en el formulario.
 */
.hp-field{
    position:absolute !important;
    left:-10000px !important;
    top:auto !important;
    width:1px !important;
    height:1px !important;
    overflow:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
}

/* ===== Modal alerta de precio ===== */

.price-alert-modal{
    position:fixed;
    inset:0;
    z-index:10000;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:20px;
}

.price-alert-modal[hidden]{
    display:none;
}

.price-alert-backdrop{
    position:absolute;
    inset:0;
    background:rgba(15,23,42,.48);
    backdrop-filter:blur(3px);
}

.price-alert-dialog{
    position:relative;
    z-index:1;
    width:min(100%,440px);
    padding:28px;
    border-radius:18px;
    background:#fff;
    box-shadow:0 24px 70px rgba(15,23,42,.24);
}

.price-alert-close{
    position:absolute;
    top:14px;
    right:14px;
    width:36px;
    height:36px;
    border:0;
    border-radius:10px;
    background:#f1f5f9;
    color:#64748b;
    font-size:22px;
    line-height:1;
    cursor:pointer;
}

.price-alert-close:hover{
    background:#e7edf4;
}

.price-alert-kicker{
    display:block;
    margin-bottom:8px;
    color:#1170CE;
    font-size:11px;
    font-weight:800;
    letter-spacing:.09em;
}

.price-alert-dialog h2{
    margin:0 42px 8px 0;
    color:#1f2937;
    font-size:23px;
    line-height:1.25;
}

.price-alert-help{
    margin:0 0 22px;
    color:#64748b;
    font-size:14px;
    line-height:1.55;
}

.price-alert-field{
    display:grid;
    gap:7px;
}

.price-alert-field > span{
    color:#334155;
    font-size:13px;
    font-weight:700;
}

.price-alert-input-wrap{
    display:flex;
    align-items:center;
    overflow:hidden;
    border:1px solid #d8e2ee;
    border-radius:12px;
    background:#fff;
}

.price-alert-input-wrap:focus-within{
    border-color:#1170CE;
    box-shadow:0 0 0 3px rgba(17,112,206,.10);
}

.price-alert-input-wrap input{
    flex:1;
    min-width:0;
    padding:13px 14px;
    border:0;
    outline:0;
    background:transparent;
    font:inherit;
    font-size:16px;
}

.price-alert-input-wrap > span{
    padding:0 14px;
    color:#64748b;
    font-weight:600;
}

.price-alert-error{
    margin:10px 0 0;
    color:#c62828;
    font-size:13px;
}

.price-alert-actions{
    display:flex;
    justify-content:flex-end;
    gap:10px;
    margin-top:24px;
}

.price-alert-actions button{
    min-height:42px;
    padding:0 17px;
    border:0;
    border-radius:10px;
    font:inherit;
    font-weight:600;
    cursor:pointer;
}

.price-alert-cancel{
    background:#eef2f6;
    color:#475569;
}

.price-alert-cancel:hover{
    background:#e4eaf0;
}

.price-alert-confirm{
    background:#1170CE;
    color:#fff;
}

.price-alert-confirm:hover{
    background:#0d63b9;
}

.price-alert-confirm:disabled{
    opacity:.55;
    cursor:not-allowed;
}

@media(max-width:520px){
    .price-alert-dialog{
        padding:22px;
        border-radius:14px;
    }

    .price-alert-actions{
        flex-direction:column-reverse;
    }

    .price-alert-actions button{
        width:100%;
    }
}



/* =========================================================
   REPORTES EN RESULTADOS DE BÚSQUEDA
   ========================================================= */

.search-offer-wrap{
    border-bottom:1px solid #edf2f7;
}

.search-offer-wrap .offer-row{
    border-bottom:0;
}

.search-offer-report-actions{
    display:flex;
    justify-content:flex-end;
    gap:14px;
    padding:4px 18px 7px;
    background:#fff;
}

.search-report-link{
    appearance:none;
    border:0;
    background:transparent;
    padding:2px 0;
    color:#718096;
    font:inherit;
    font-size:11px;
    cursor:pointer;
}

.search-report-link:hover{
    color:#1170CE;
    text-decoration:underline;
}


/* MODAL */

.search-report-modal[hidden]{
    display:none!important;
}

.search-report-modal{
    position:fixed;
    inset:0;
    z-index:1200;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:18px;
}

.search-report-backdrop{
    position:absolute;
    inset:0;
    background:rgba(15,23,42,.55);
}

.search-report-dialog{
    position:relative;
    z-index:1;
    width:min(560px,100%);
    max-height:calc(100vh - 36px);
    overflow:auto;
    box-sizing:border-box;
    padding:26px;
    border-radius:16px;
    background:#fff;
    box-shadow:0 25px 70px rgba(15,23,42,.28);
}

.search-report-close{
    position:absolute;
    top:12px;
    right:14px;
    width:36px;
    height:36px;
    border:0;
    border-radius:50%;
    background:#f1f5f9;
    color:#334155;
    font-size:24px;
    cursor:pointer;
}

.search-report-kicker{
    display:block;
    margin-bottom:6px;
    color:#1170CE;
    font-size:12px;
    font-weight:800;
    letter-spacing:.08em;
}

.search-report-context{
    margin-top:6px;
    color:#64748b;
}

.search-report-dialog form{
    display:grid;
    gap:16px;
    margin-top:20px;
}

.search-report-dialog label{
    display:grid;
    gap:7px;
    font-weight:700;
}

.search-report-dialog label small{
    color:#64748b;
    font-weight:400;
}

.search-report-dialog select,
.search-report-dialog textarea{
    width:100%;
    box-sizing:border-box;
    padding:11px 12px;
    border:1px solid #d8e2ec;
    border-radius:9px;
    background:#fff;
    font:inherit;
}

.search-report-submit{
    min-height:44px;
    border:0;
    border-radius:9px;
    background:#1170CE;
    color:#fff;
    font:inherit;
    font-weight:700;
    cursor:pointer;
}

.search-report-submit:disabled{
    opacity:.6;
    cursor:default;
}

.search-report-message{
    min-height:20px;
    color:#b42318;
    font-size:14px;
    font-weight:600;
}

.search-report-message.ok{
    color:#16733a;
}


@media(max-width:700px){

    .search-offer-report-actions{
        justify-content:flex-start;
        padding-left:14px;
    }

    .search-report-dialog{
        padding:22px 18px;
    }
}