/* Ayuda en Accidentes - Simple Light theme (Oct 2026 redesign).
   Visual layer only, loaded AFTER each page's original styles. Wording, forms and tracking stay as they are.
   Look based on Cruip Simple Light (Tailwind landing template): light gray canvas, Inter, tight tracking,
   white cards with soft gradient borders, blue gradient buttons, gradient hairlines, dark sections with blue glow. */
:root{
  --blue-50:#EFF6FF;--blue-100:#DBEAFE;--blue-200:#BFDBFE;--blue-300:#93C5FD;--blue-400:#60A5FA;
  --blue-500:#3B82F6;--blue-600:#2563EB;--blue-700:#1D4ED8;--blue-800:#1E40AF;--blue-900:#1E3A8A;
  --navy:#111827;--navy-deep:#0B1220;
  --slate-50:#F9FAFB;--slate-100:#F3F4F6;--slate-200:#E5E7EB;--slate-300:#D1D5DB;--slate-400:#9CA3AF;
  --slate-500:#6B7280;--slate-600:#4B5563;--slate-700:#374151;--slate-800:#1F2937;--slate-900:#111827;
  --green-50:#ECFDF5;--green-100:#D1FAE5;--green-500:#10B981;--green-600:#059669;--green-700:#047857;
  --ink:#111827;--body:#374151;--muted:#6B7280;
  --bg:#F9FAFB;--bg-subtle:#FFFFFF;--bg-muted:#F3F4F6;--border:#E5E7EB;--border-strong:#D1D5DB;
  --ring:rgba(59,130,246,.30);
  --action:#2563EB;--action-hover:#1D4ED8;
  --r-sm:6px;--r-md:8px;--r-lg:12px;--r-xl:16px;--r-2xl:16px;--r-pill:999px;
  --sh-sm:0 1px 2px rgba(0,0,0,.05);
  --sh-md:0 4px 6px -1px rgba(0,0,0,.08),0 2px 4px -2px rgba(0,0,0,.06);
  --sh-lg:0 20px 25px -5px rgba(0,0,0,.08),0 8px 10px -6px rgba(0,0,0,.06);
  --sh-focus:0 0 0 3px var(--ring);
  --font-display:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --font-body:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --line:linear-gradient(to right,transparent,rgba(203,213,225,.8),transparent);
  --line-dark:linear-gradient(to right,transparent,rgba(51,65,85,.7),transparent);
  --card-border:linear-gradient(#F3F4F6,#E5E7EB);
  --btn-blue:linear-gradient(to top,#2563EB,#3B82F6);
  --stripes-mask:repeating-linear-gradient(90deg,#000 0 64px,transparent 64px 84px);
}
html{scroll-padding-top:96px}
body{background:var(--bg)!important;color:var(--body);font-family:var(--font-body);letter-spacing:-.017em;line-height:1.6}
h1,h2,h3,h4{font-family:var(--font-display);color:var(--ink);letter-spacing:-.037em;font-weight:800}
a{color:var(--blue-600)}
::selection{background:var(--blue-100)}
.wrap{max-width:1152px;padding-left:20px;padding-right:20px}

/* Buttons */
.btn{border-radius:10px;font-family:var(--font-body);font-weight:600;letter-spacing:-.01em;padding:12px 20px;box-shadow:var(--sh-sm);transition:background-size .2s,transform .12s,box-shadow .15s}
.btn:hover{transform:translateY(-1px)}
.btn--lg{padding:15px 26px;font-size:16px}
.btn--action{--bg:#2563EB;background:var(--btn-blue);background-size:100% 100%;background-position:bottom;color:#fff;box-shadow:0 1px 2px rgba(0,0,0,.06),0 8px 20px -6px rgba(37,99,235,.45)}
.btn--action:hover{background-size:100% 150%;--bg:#1D4ED8}
.btn--ws{--bg:#16A34A;background:linear-gradient(to top,#16A34A,#22C55E);color:#fff;box-shadow:0 1px 2px rgba(0,0,0,.06),0 8px 20px -6px rgba(22,163,74,.45)}
.btn--outline,.btn--outline-white{--bg:#fff;--fg:#1F2937;--bd:#E5E7EB;background:#fff;color:#1F2937;border:1px solid #E5E7EB;box-shadow:var(--sh-sm)}
.btn--outline:hover,.btn--outline-white:hover{background:#F9FAFB}

/* Announcement bar + header */
.annbar{background:#fff;color:var(--slate-700);border-bottom:1px solid var(--border);font-weight:500;font-size:13.5px}
.annbar a{color:var(--blue-600);text-decoration:none;font-weight:700}
.urgency{background:var(--slate-900)!important;color:#F3F4F6!important;font-weight:500}
.urgency b{color:#93C5FD}
.lp-header{position:sticky;top:0;z-index:50;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;padding:10px 16px 0}
@media(min-width:768px){.lp-header{padding-top:16px}}
.lp-header-in{max-width:1112px;min-height:60px;padding:8px 10px 8px 14px;border-radius:16px;background:linear-gradient(rgba(255,255,255,.92),rgba(255,255,255,.92)) padding-box,var(--card-border) border-box;border:1px solid transparent;box-shadow:0 10px 15px -3px rgba(0,0,0,.04),0 4px 6px -4px rgba(0,0,0,.03);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.lp-header img{height:38px}
.lp-header .brandtxt{color:var(--ink)!important;font-weight:800}
.lp-header .btn{padding:10px 16px;font-size:14px}

/* Hero */
.hero{background:transparent!important;color:var(--ink)!important;padding:56px 0 64px;isolation:isolate}
.hero::before{content:'';position:absolute;left:50%;top:0;transform:translateX(-50%);width:736px;height:420px;background:linear-gradient(to bottom,#EFF6FF,#F3F4F6 23.5%,rgba(243,244,246,0));-webkit-mask-image:var(--stripes-mask);mask-image:var(--stripes-mask);pointer-events:none;z-index:-1}
.hero::after{content:'';position:absolute;top:-120px;left:50%;margin-left:300px;width:340px;height:340px;border-radius:50%;background:linear-gradient(to top right,#3B82F6,transparent);opacity:.45;filter:blur(110px);pointer-events:none;z-index:-1}
.hero .bgshield{display:none!important}
.hero h1{color:var(--ink)!important;font-weight:800;letter-spacing:-.04em;border-top:1px solid;border-bottom:1px solid;border-image:var(--line) 1;padding:.12em 0}
.hero h1 .g{background:linear-gradient(90deg,#2563EB,#60A5FA);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#2563EB}
.hero .lead{color:var(--slate-700)!important}
.hero .eyebrow,.eyebrow.on-dark{color:var(--blue-600)}
.hero .btn-row{position:relative;padding:14px 0}
.hero .btn-row::before{content:'';position:absolute;inset:0;border-top:1px solid;border-bottom:1px solid;border-image:var(--line) 1;pointer-events:none}
.mini-trust .pill,.hero .pill{color:var(--slate-700)!important;background:#fff!important;border:1px solid var(--border)!important;box-shadow:var(--sh-sm);font-weight:500}
.mini-trust .pill svg,.hero .pill svg{color:var(--blue-500)!important}
.hero-left .lead,.hero-left p{color:var(--slate-700)}
.hero-grid{z-index:1}

/* Eyebrow = small pill label */
.eyebrow{font-family:var(--font-body);font-size:12px;font-weight:600;letter-spacing:.06em;color:var(--blue-600);background:#fff;border:1px solid var(--border);border-radius:999px;padding:5px 12px;box-shadow:var(--sh-sm)}
.eyebrow::before{width:6px!important;height:6px!important;border-radius:50%!important;background:var(--btn-blue)!important}

/* Stat band */
.statband{background:transparent!important;border:0!important;padding:0 20px}
.statband-in{max-width:960px;background:linear-gradient(#fff,#fff) padding-box,var(--card-border) border-box;border:1px solid transparent;border-radius:16px;box-shadow:var(--sh-lg);padding:24px}
.statband .n{color:var(--ink)!important;font-family:var(--font-display);font-weight:800;letter-spacing:-.04em}
.statband .l{color:var(--slate-500)!important;font-weight:600;letter-spacing:.06em}

/* Sections */
.sec{padding:76px 0}
.sec.subtle{background:#fff!important;border-top:1px solid;border-bottom:1px solid;border-image:var(--line) 1}
.sec-head h2{font-weight:800}
.sec-head h2 .b,.sec-head .b{background:linear-gradient(90deg,#2563EB,#60A5FA);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#2563EB}
.sec-head p{color:var(--slate-600)}

/* Cards */
.card,.testi,.svc,.faq-item,.lead-card{background:linear-gradient(#fff,#fff) padding-box,var(--card-border) border-box!important;border:1px solid transparent!important;border-radius:16px!important;box-shadow:0 1px 3px rgba(0,0,0,.04),0 12px 32px -14px rgba(17,24,39,.16)!important}
.card:hover,.svc:hover{transform:translateY(-2px);box-shadow:0 1px 3px rgba(0,0,0,.04),0 18px 40px -14px rgba(17,24,39,.22)!important}
.card .ic{border-radius:12px;background:var(--blue-50);color:var(--blue-600)}
.card .ic.red{background:#FEF2F2;color:#EF4444}
.card .ic.green{background:#ECFDF5;color:#10B981}
.card h4,.step h4{font-weight:700;letter-spacing:-.02em}
.card p,.step p,.svc .b p{color:var(--slate-600)}
.svc .h{background:radial-gradient(120% 140% at 0% 0%,rgba(59,130,246,.38),transparent 55%),#111827!important}
.svc .h svg{color:#93C5FD!important}

/* Dark section (benefits) */
.sec.dark{position:relative;background:radial-gradient(60% 60% at 50% 0%,rgba(59,130,246,.22),transparent 70%),#111827!important;overflow:hidden;isolation:isolate}
.sec.dark::before{content:'';position:absolute;left:50%;top:0;transform:translateX(-50%);width:736px;height:420px;background:linear-gradient(to bottom,rgba(59,130,246,.12),rgba(59,130,246,0));-webkit-mask-image:var(--stripes-mask);mask-image:var(--stripes-mask);pointer-events:none;z-index:-1}
.sec.dark .sec-head h2{color:#F3F4F6!important}
.sec.dark .sec-head p{color:var(--slate-400)!important}
.sec.dark .eyebrow{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);color:#93C5FD;box-shadow:none}
.bl-item{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:12px 14px}
.bl-item svg{color:#60A5FA!important}
.bl-item span{color:#D1D5DB!important}

/* Steps + testimonials */
.step .n{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(to bottom,#BFDBFE,#3B82F6) border-box;border:2px solid transparent;color:var(--blue-600)!important;font-family:var(--font-display);font-weight:800;box-shadow:0 10px 24px -10px rgba(37,99,235,.45)}
.testi .stars{color:#F59E0B}
.testi p{color:var(--ink)}
.testi .av{background:var(--blue-50);color:var(--blue-700)}

/* Form section */
.form-sec{background:radial-gradient(55% 60% at 50% 105%,rgba(59,130,246,.35),transparent 70%),#111827!important;position:relative;overflow:hidden}
.form-left .eyebrow{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);color:#93C5FD;box-shadow:none}
.form-left h2{color:#F9FAFB!important}
.form-left>p{color:var(--slate-400)!important}
.ci-ic{background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.1);color:#93C5FD!important;border-radius:10px}
.ci-item b{color:#F9FAFB!important}
.ci-item span{color:var(--slate-400)!important}
.ci-item a{color:#93C5FD!important}
.lead-card{box-shadow:0 25px 50px -12px rgba(0,0,0,.35)!important;overflow:hidden}
.lc-head{background:#fff!important;border-bottom:1px solid;border-image:var(--line) 1;padding:22px 24px 16px}
.lc-head h3{color:var(--ink)!important;font-weight:800}
.lc-head p{color:var(--slate-500)!important}
.field label{color:var(--slate-800);font-weight:600}
.field input,.field select,.field textarea{font-family:var(--font-body);border:1px solid var(--border)!important;border-radius:10px!important;box-shadow:0 1px 2px rgba(0,0,0,.04);padding:11px 14px;font-size:15px}
.field input:focus,.field select:focus,.field textarea:focus{border-color:#93C5FD!important;box-shadow:0 0 0 3px rgba(59,130,246,.15)!important}
.field input::placeholder,.field textarea::placeholder{color:var(--slate-400)}
.consent input{accent-color:#2563EB}
.lc-note{color:var(--slate-500)}
.lc-note svg{color:#10B981}

/* FAQ */
.faq-q{font-family:var(--font-body);font-weight:600;letter-spacing:-.017em}
.faq-q::after{color:var(--blue-500)}
.faq-a{color:var(--slate-600)}

/* Bottom CTA box */
.cta-strip{max-width:1112px;margin:0 auto 80px;border-radius:16px;position:relative;isolation:isolate;background:#111827!important;box-shadow:var(--sh-lg);overflow:hidden;padding:64px 24px}
@media(max-width:1152px){.cta-strip{margin:0 16px 64px}}
.cta-strip::before{content:'';position:absolute;left:50%;top:0;transform:translateX(-50%);width:736px;height:420px;background:linear-gradient(to bottom,rgba(59,130,246,.14),rgba(59,130,246,0));-webkit-mask-image:var(--stripes-mask);mask-image:var(--stripes-mask);pointer-events:none;z-index:-1}
.cta-strip::after{content:'';position:absolute;left:50%;bottom:0;transform:translate(-50%,50%);width:480px;height:224px;border-radius:50%;border:20px solid #3B82F6;filter:blur(48px);pointer-events:none;z-index:-1}
.cta-strip .bgshield{display:none!important}
.cta-strip h2{color:#E5E7EB!important;border-top:1px solid;border-bottom:1px solid;border-image:var(--line-dark) 1;padding:.15em 0}
.cta-strip p{color:var(--slate-400)!important}

/* Footer (light) */
footer{background:transparent!important;color:var(--slate-600)!important;border-top:1px solid;border-image:var(--line) 1}
.foot-about .shield-b{color:var(--ink)!important}
.foot-about p{color:var(--slate-600)!important}
.foot-col h4{color:var(--ink)!important;font-family:var(--font-body);text-transform:none;letter-spacing:-.01em;font-size:14px;font-weight:600}
.foot-col a{color:var(--slate-600)!important}
.foot-col a:hover{color:var(--ink)!important}
.foot-bottom{border-top:1px solid var(--border)!important}
.foot-bottom p{color:var(--slate-500)!important}
.foot-bottom a{color:var(--blue-600)!important}
.ft-disc{color:var(--slate-500)!important}

/* Landing pages */
.video-wrap{position:relative}
.video-wrap::before{content:'';position:absolute;inset:-14px;border-top:1px solid;border-bottom:1px solid;border-image:var(--line) 1;pointer-events:none}
.video-wrap::after{content:'';position:absolute;inset:-14px;border-left:1px solid;border-right:1px solid;border-image:linear-gradient(to bottom,transparent,rgba(203,213,225,.8),transparent) 1;pointer-events:none}
.video-frame{border-radius:16px!important;background:#111827!important;border:0!important;box-shadow:0 25px 50px -12px rgba(0,0,0,.25)!important}
.video-poster .play{background:var(--btn-blue)!important;box-shadow:0 10px 26px rgba(37,99,235,.45)!important}
.video-poster span{color:var(--slate-400)!important}
.band{background:radial-gradient(70% 90% at 100% 0%,rgba(59,130,246,.3),transparent 60%),#111827!important;border-radius:16px!important;box-shadow:var(--sh-lg)!important}
.band .ph{background-color:#1F2937!important}
.band .bd p{color:var(--slate-400)!important}
.get-item{border-bottom:1px solid var(--border)!important}
.g-chk{background:var(--blue-50)!important;color:var(--blue-600)!important}
.g-txt{color:var(--ink)!important}
.callout,.fact{background:radial-gradient(80% 100% at 50% 0%,rgba(59,130,246,.28),transparent 65%),#111827!important;border-radius:16px!important}
.fact{border-top:0!important;box-shadow:var(--sh-lg)}
.fact .n,.callout h3 .hl{background:linear-gradient(90deg,#60A5FA,#BFDBFE);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#60A5FA!important}
.fact .l,.callout p{color:var(--slate-400)!important}
.callbar{background:rgba(255,255,255,.94)!important;border-top:1px solid var(--border)!important}

/* Privacy page */
.legal-hero{background:transparent!important;color:var(--ink)!important;position:relative;isolation:isolate}
.legal-hero h1,.legal-hero h2,.legal-hero p{color:var(--ink)!important}
.legal-hero::before{content:'';position:absolute;left:50%;top:0;transform:translateX(-50%);width:736px;height:420px;background:linear-gradient(to bottom,#EFF6FF,#F3F4F6 23.5%,rgba(243,244,246,0));-webkit-mask-image:var(--stripes-mask);mask-image:var(--stripes-mask);pointer-events:none;z-index:-1}
.data-table{border-radius:12px;overflow:hidden}

.wa-float{box-shadow:0 10px 25px -5px rgba(34,197,94,.5)}
@media(max-width:768px){
  .hero::after{margin-left:40px;width:240px;height:240px}
  .sec{padding:56px 0}
}

/* Logo: the PNG has wide transparent padding, so crop it with negative margins (light version everywhere) */
.lp-header img{height:100px!important;width:auto;margin:-28px -39px -29px -37px;max-width:none}
.foot-about img{height:112px!important;width:auto;margin:-32px -44px -18px -42px;max-width:none}
/* Empty photo panel (no image uploaded yet): stripes + blue glow so it looks intentional */
.band .ph{overflow:hidden;background-color:#0B1220!important}
.band .ph::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(59,130,246,.35),rgba(17,24,39,0) 85%);-webkit-mask:var(--stripes-mask);mask:var(--stripes-mask)}
.band .ph::after{content:'';position:absolute;width:280px;height:280px;left:50%;top:55%;transform:translate(-50%,-50%);background:#2563EB;filter:blur(90px);opacity:.45;border-radius:50%}
.band .ph img{z-index:2}
/* Privacy page: stripes stay inside the title area (they were washing over the notice box) */
.legal-hero::before{height:100%!important}
.alert{position:relative;z-index:1}
a.btn,.btn{text-decoration:none!important}
/* Phones: buttons never wider than the screen, hero buttons full width, shorter pills */
@media(max-width:640px){
  .btn{white-space:normal!important;max-width:100%;text-align:center;justify-content:center}
  .hero .btn-row{flex-direction:column;align-items:stretch}
  .hero .btn-row .btn{width:100%}
  .eyebrow{font-size:11px;letter-spacing:.04em;padding:5px 10px}
}

/* Landing pages: the «Video en español» box is a photo for now (Albaro, Oct 7: no videos yet) */
.video-frame .video-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}

/* ---------- califica.html (quiz funnel) — Simple Light ---------- */
.pg-califica{--font-mono:var(--font-body)}
.pg-califica .progress{background:rgba(255,255,255,.85)!important;-webkit-backdrop-filter:saturate(180%) blur(10px);backdrop-filter:saturate(180%) blur(10px);border-bottom:1px solid var(--slate-200)!important}
.pg-califica .progress .brand{color:var(--ink)!important;font-weight:700;letter-spacing:-.02em}
.pg-califica .progress .brand svg{color:var(--blue-600)}
.pg-califica .progress .pct{font-family:var(--font-body)!important;font-weight:600;font-size:12.5px;color:var(--blue-600)!important;letter-spacing:0}
.pg-califica .bar{height:6px;background:var(--slate-200)!important}
.pg-califica .bar .fill{background:linear-gradient(90deg,#3B82F6,#2563EB)!important}
.pg-califica .ticker{background:#111827!important;border-bottom:1px solid #1F2937!important;position:relative}
.pg-califica .ticker::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(to right,transparent,rgba(96,165,250,.7),transparent)}
.pg-califica .ticker-head{color:#93C5FD!important;font-family:var(--font-body)!important;font-weight:600;letter-spacing:.12em}
.pg-califica .tick{font-family:var(--font-body)!important;font-weight:600;color:#F3F4F6!important}
.pg-califica .tick .amt{font-family:var(--font-body)!important;font-variant-numeric:tabular-nums;font-weight:700;color:#60A5FA!important}
.pg-califica .tick .lbl{color:#9CA3AF!important}
.pg-califica .tick::before{background:linear-gradient(to top,#2563EB,#60A5FA)!important}
.pg-califica .stage{position:relative;isolation:isolate}
.pg-califica .stage::before{content:'';position:absolute;left:50%;top:0;transform:translateX(-50%);width:736px;max-width:100vw;height:340px;background:linear-gradient(to bottom,#EFF6FF,#F3F4F6 30%,rgba(243,244,246,0));-webkit-mask-image:var(--stripes-mask);mask-image:var(--stripes-mask);pointer-events:none;z-index:-1}
.pg-califica .intro h1{font-weight:800;letter-spacing:-.037em}
.pg-califica .intro p{color:var(--slate-600)!important}
.pg-califica .introimg{width:100%;max-width:420px;aspect-ratio:3/2;object-fit:cover;border-radius:16px!important;box-shadow:0 20px 25px -5px rgba(0,0,0,.10),0 8px 10px -6px rgba(0,0,0,.06)!important}
.pg-califica .card{background:linear-gradient(#fff,#fff) padding-box,var(--card-border) border-box!important;border:1px solid transparent!important;border-radius:16px!important;box-shadow:0 20px 25px -5px rgba(0,0,0,.08),0 8px 10px -6px rgba(0,0,0,.05)!important}
.pg-califica .qnum{font-family:var(--font-body)!important;font-weight:600;letter-spacing:.08em;color:var(--blue-600)!important}
.pg-califica .qtitle{font-weight:800;letter-spacing:-.03em}
.pg-califica .opt{font-family:var(--font-body)!important;font-weight:600;border:1px solid var(--slate-200)!important;border-radius:12px!important;box-shadow:var(--sh-sm);background:#fff!important}
.pg-califica .opt:hover,.pg-califica .opt.yes:hover{border-color:var(--blue-400)!important;background:var(--blue-50)!important}
.pg-califica .opt .arrow,.pg-califica .opt.yes .arrow{background:var(--blue-50)!important;color:var(--blue-600)!important}
.pg-califica .opt:hover .arrow,.pg-califica .opt.yes:hover .arrow{background:linear-gradient(to top,#2563EB,#3B82F6)!important;color:#fff!important}
.pg-califica .field input{border:1px solid var(--slate-300)!important;border-radius:10px!important}
.pg-califica .field input:focus{border-color:var(--blue-500)!important}
.pg-califica .consent input{accent-color:var(--blue-600)}
.pg-califica .pill{color:var(--slate-700)!important;background:#fff!important;border:1px solid var(--slate-200)!important;box-shadow:var(--sh-sm)}
.pg-califica .pill svg{color:var(--blue-600)!important}
.pg-califica .secure{color:var(--slate-600)!important}
.pg-califica .secure svg{color:var(--green-600)}
.pg-califica .testi{background:#fff!important;border:1px solid var(--slate-200)!important;border-radius:12px!important}
.pg-califica .testi .av{background:var(--blue-50)!important;color:var(--blue-700)!important}
.pg-califica .ic.ok{background:var(--blue-50)!important;color:var(--blue-600)!important}
.pg-califica .savebox{background:radial-gradient(80% 120% at 100% 0%,rgba(59,130,246,.35),transparent 60%),#111827!important;border-radius:16px!important}
.pg-califica .savebox .lbl{color:#93C5FD!important}
.pg-califica footer{color:var(--slate-500)}
@media(max-width:640px){
  .pg-califica .introimg{max-width:100%;aspect-ratio:16/9;margin-top:14px}
}
/* califica on phones: slimmer photo so the first answer stays above the fold */
@media(max-width:640px){
  .pg-califica .introimg{aspect-ratio:12/5;object-position:center 35%;margin-top:12px}
}