@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500;700;800&display=swap');

:root{
  --navy:#1A2C55;
  --navy-2:#27407B;
  --navy-deep:#0F1B3A;
  --gold:#C99A3B;
  --ink:#1C1C1C;
  --ink-2:#3A3A3A;
  --muted:#6B6B6B;
  --line:#E4E6EC;
  --bg:#FFFFFF;
  --bg-soft:#F6F7FA;
  --bg-soft-2:#EFF1F6;
  --green:#1D6F42;
  --amber:#B86E00;
  --red:#B01B1B;
  --shadow: 0 1px 2px rgba(15,27,58,.04), 0 8px 24px rgba(15,27,58,.06);
  --radius: 10px;
  --container: 1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family: -apple-system,"Segoe UI",Inter,system-ui,"Helvetica Neue",Arial,sans-serif;
  font-size:16px; line-height:1.65;
  color:var(--ink); background:var(--bg);
  -webkit-font-smoothing:antialiased;
}
a{color:var(--navy); text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%; display:block}
.container{max-width:var(--container); margin:0 auto; padding:0 24px}
.eyebrow{display:inline-block; font-size:12px; letter-spacing:.18em; text-transform:uppercase;
  color:var(--gold); font-weight:600; margin-bottom:12px}
h1,h2,h3,h4{font-family:"Georgia","Times New Roman",serif; color:var(--navy);
  margin:.2em 0 .4em; line-height:1.18}
h1{font-size:48px; font-weight:700; letter-spacing:-.01em}
h2{font-size:32px; font-weight:700}
h3{font-size:22px; font-weight:700}
h4{font-size:17px; font-weight:700}
p{margin:0 0 14px; color:var(--ink-2)}
.lede{font-size:18px; color:var(--ink); line-height:1.55}
.muted{color:var(--muted)}
.text-center{text-align:center}

.demo-strip{background:#FFF8E1; color:#7a5a00; font-size:13px;
  padding:8px 16px; text-align:center; border-bottom:1px solid #f0e2a8}

/* HEADER */
header.site{position:sticky; top:0; z-index:50;
  background:rgba(255,255,255,.97); backdrop-filter:saturate(140%) blur(6px);
  border-bottom:1px solid var(--line)}
.nav{display:flex; align-items:center; gap:18px; height:72px;
  max-width:var(--container); margin:0 auto; padding:0 24px}
.brand{display:flex; align-items:center; color:var(--navy)}
.brand .logo{display:block; height:34px; width:auto; color:var(--navy)}
.brand .logo-light{color:#FFFFFF; height:38px}
.brand .logo-text{
  height:auto; font-family:'Montserrat','Helvetica Neue',Arial,sans-serif;
  font-size:15px; font-weight:400; color:var(--navy);
  letter-spacing:.04em; white-space:nowrap; line-height:1;
}
.brand .logo-text strong{font-weight:700; margin-right:4px}
.brand .logo-light.logo-text{color:#fff; font-size:16px}
.nav ul{list-style:none; display:flex; gap:2px; margin:0 auto 0 12px; padding:0; flex-wrap:wrap}
.nav ul li{position:relative}
.nav ul a{display:flex; align-items:center; gap:4px; padding:8px 10px; border-radius:6px;
  font-size:13.5px; font-weight:500; color:var(--ink); text-decoration:none; white-space:nowrap}
.nav ul a:hover{background:var(--bg-soft); color:var(--navy)}
.nav ul a .chev{font-size:10px; opacity:.6}
.lang{display:flex; gap:4px; font-size:12px; color:var(--muted)}
.lang span.active{color:var(--navy); font-weight:700}
.cta-top{background:var(--navy); color:#fff !important; padding:9px 14px !important;
  border-radius:6px; font-weight:600 !important; font-size:13px !important; white-space:nowrap}
.cta-top:hover{background:var(--navy-deep); text-decoration:none !important}
.megamenu{position:absolute; top:calc(100% + 6px); left:0; background:#fff;
  border:1px solid var(--line); border-radius:10px; padding:10px; min-width:280px;
  box-shadow:var(--shadow); opacity:0; visibility:hidden; transform:translateY(-4px); transition:.15s}
.nav ul li:hover .megamenu{opacity:1; visibility:visible; transform:translateY(0)}
.megamenu a{display:block; padding:7px 10px; border-radius:6px; font-size:13.5px; color:var(--ink); white-space:normal}
.megamenu a:hover{background:var(--bg-soft); color:var(--navy)}
.megamenu .badge{display:inline-block; font-size:10px; padding:2px 6px; border-radius:99px;
  background:#EAF2EC; color:var(--green); margin-left:6px; font-weight:600; letter-spacing:.04em}
.megamenu .badge.soon{background:#FBEFE0; color:var(--amber)}

/* HERO general */
.hero{position:relative; overflow:hidden; color:#fff; padding:96px 0 100px;
  background:radial-gradient(1200px 600px at 70% -20%, #2a4684 0%, transparent 55%),
             radial-gradient(800px 600px at 0% 100%, #243d72 0%, transparent 60%),
             linear-gradient(180deg, var(--navy-deep) 0%, var(--navy) 100%)}
.hero::before{content:""; position:absolute; inset:0;
  background-image:linear-gradient(to right, rgba(255,255,255,.04) 1px, transparent 1px),
                   linear-gradient(to bottom, rgba(255,255,255,.04) 1px, transparent 1px);
  background-size:80px 80px;
  mask-image:radial-gradient(circle at 70% 30%, black 0%, transparent 70%); pointer-events:none}
.hero .container{position:relative; z-index:1}
.hero h1{color:#fff; font-size:54px; max-width:880px; margin-bottom:16px}
.hero .lede{color:#D9DEEB; max-width:760px; font-size:19px}
.hero .ctas{display:flex; gap:12px; flex-wrap:wrap; margin-top:28px}

/* HERO con imagen de fondo (páginas internas) */
.hero-img{position:relative; color:#fff; padding:88px 0 88px; overflow:hidden}
.hero-img::before{content:""; position:absolute; inset:0;
  background:linear-gradient(135deg, rgba(15,27,58,.92) 0%, rgba(26,44,85,.86) 100%); z-index:1}
.hero-img .bg{position:absolute; inset:0; background-size:cover; background-position:center; z-index:0; filter:saturate(1.1)}
.hero-img .container{position:relative; z-index:2}
.hero-img h1{color:#fff; font-size:46px; max-width:820px}
.hero-img .lede{color:#D9DEEB; max-width:740px}
.hero-img .crumb{font-size:12.5px; letter-spacing:.14em; text-transform:uppercase;
  color:var(--gold); font-weight:600; margin-bottom:14px}
.hero-img .crumb a{color:var(--gold); opacity:.8}

.btn{display:inline-flex; align-items:center; gap:10px; padding:14px 24px;
  border-radius:8px; font-weight:600; font-size:15px; border:1px solid transparent;
  cursor:pointer; text-decoration:none; transition:.15s}
.btn:hover{text-decoration:none; transform:translateY(-1px)}
.btn-primary{background:var(--gold); color:#1a1305; border-color:var(--gold)}
.btn-primary:hover{background:#dba94d; color:#1a1305}
.btn-ghost{background:transparent; color:#fff; border-color:rgba(255,255,255,.4)}
.btn-ghost:hover{background:rgba(255,255,255,.08); border-color:#fff}
.btn-dark{background:var(--navy); color:#fff}
.btn-dark:hover{background:var(--navy-deep); color:#fff}
.btn-outline{background:transparent; color:var(--navy); border-color:var(--navy)}
.btn-outline:hover{background:var(--navy); color:#fff}

/* SECCIONES */
section.block{padding:84px 0; position:relative}
section.block + section.block{border-top:1px solid var(--line)}
section.block .head{margin-bottom:42px; max-width:780px}
section.block.alt{background:var(--bg-soft)}

/* SECTORES */
.sectores-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:20px}
.sector-card{background:#fff; border:1px solid var(--line); border-radius:var(--radius);
  padding:28px; transition:.18s; position:relative; overflow:hidden}
.sector-card:hover{border-color:var(--navy); box-shadow:var(--shadow); transform:translateY(-2px)}
.sector-card.featured{background:linear-gradient(135deg, var(--navy) 0%, var(--navy-2) 100%);
  color:#fff; border:none; grid-row:span 2}
.sector-card.featured h3{color:#fff}
.sector-card.featured p{color:#D9DEEB}
.sector-card .tag{position:absolute; top:18px; right:18px; font-size:10.5px;
  letter-spacing:.14em; text-transform:uppercase; font-weight:700; padding:4px 9px; border-radius:99px}
.sector-card .tag.live{background:var(--gold); color:#1a1305}
.sector-card .tag.soon{background:#EFF1F6; color:var(--muted)}
.sector-card .icon{width:38px; height:38px; border-radius:8px; display:grid; place-items:center;
  font-weight:700; color:var(--navy); background:#EEF2FA; margin-bottom:14px; font-size:20px}
.sector-card.featured .icon{background:rgba(255,255,255,.14); color:#fff}
.sector-card.featured h3{font-size:28px}
.sector-card h3{margin:8px 0 10px; font-size:20px}
.sector-card .arrow{font-weight:600; color:var(--gold); margin-top:14px; display:inline-block}
.sector-card .arrow:hover{color:#dba94d}
.sector-card .stats{display:flex; gap:18px; margin:18px 0; flex-wrap:wrap}
.sector-card .stats div b{display:block; font-size:24px; color:#fff; font-family:"Georgia",serif; line-height:1}
.sector-card .stats div span{font-size:11px; color:#A9B2CC; letter-spacing:.08em}

/* ÁREAS DE PRÁCTICA - grid */
.areas-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:18px}
.area-card{background:#fff; border:1px solid var(--line); border-radius:var(--radius);
  padding:24px; transition:.15s; display:flex; flex-direction:column}
.area-card:hover{border-color:var(--navy); transform:translateY(-2px); box-shadow:var(--shadow)}
.area-card .n{font-family:"Georgia",serif; font-size:14px; color:var(--gold); font-weight:700; letter-spacing:.1em}
.area-card h4{margin:4px 0 8px; font-size:18px}
.area-card p{font-size:14px; color:var(--ink-2); margin-bottom:14px; flex-grow:1}
.area-card a{font-size:13.5px; font-weight:600; color:var(--navy)}

/* PILARES */
.pillars{display:grid; grid-template-columns:repeat(2,1fr); gap:24px; margin:14px 0 28px}
.pillar{background:#fff; border:1px solid var(--line); border-left:3px solid var(--gold);
  border-radius:var(--radius); padding:24px 28px}
.pillar .p-num{display:inline-block; font-family:"Georgia",serif; font-weight:700;
  font-size:18px; color:var(--gold); letter-spacing:.06em; margin-bottom:6px}
.pillar h4{font-size:18px; margin:4px 0 8px}
.pillar p{margin:0; font-size:14.5px; color:var(--ink-2)}

/* MÉTODO */
.metodo{display:grid; grid-template-columns:repeat(4,1fr); gap:0;
  background:#fff; border:1px solid var(--line); border-radius:var(--radius); overflow:hidden}
.metodo .step{padding:32px 28px; border-right:1px solid var(--line); position:relative}
.metodo .step:last-child{border-right:none}
.metodo .step b{display:inline-block; font-family:"Georgia",serif; font-size:34px;
  color:var(--gold); line-height:1}
.metodo .step h4{font-size:17px; margin:14px 0 8px}
.metodo .step p{font-size:14px; color:var(--ink-2); margin:0}
.metodo .step::after{content:"→"; position:absolute; top:50%; right:-13px; transform:translateY(-50%);
  width:26px; height:26px; border-radius:50%; background:#fff; border:1px solid var(--line);
  display:grid; place-items:center; font-size:13px; color:var(--navy); z-index:2}
.metodo .step:last-child::after{display:none}

/* TIMELINE */
.timeline{display:grid; grid-template-columns:repeat(4,1fr); gap:18px}
.tl-item{background:#fff; border:1px solid var(--line); border-radius:var(--radius); padding:22px}
.tl-item .date{font-size:11px; letter-spacing:.16em; text-transform:uppercase;
  background:var(--navy); color:#fff; padding:4px 8px; display:inline-block; border-radius:4px; font-weight:700}
.tl-item h4{font-size:17px; margin:12px 0 6px}
.tl-item .meta{font-size:12px; color:var(--gold); font-style:italic; margin-bottom:8px}
.tl-item p{font-size:13.5px; color:var(--ink-2); margin:0}

/* SOCIO ADMIN */
.socio{background:linear-gradient(135deg, var(--navy) 0%, var(--navy-2) 100%); color:#fff;
  border-radius:14px; padding:48px; display:grid; grid-template-columns:160px 1fr auto;
  gap:36px; align-items:center}
.socio h2{color:#fff; font-size:26px; margin:0 0 6px}
.socio p{color:#D9DEEB; margin:0 0 8px}
.socio .avatar{width:160px; height:160px; border-radius:50%; background-size:cover;
  background-position:center; border:3px solid rgba(255,255,255,.2)}
.socio .role{font-size:13px; color:#A9B2CC; letter-spacing:.06em}

/* BLOG / POSTS */
.posts{display:grid; grid-template-columns:repeat(3,1fr); gap:22px}
.post{background:#fff; border:1px solid var(--line); border-radius:var(--radius);
  overflow:hidden; display:flex; flex-direction:column}
.post .img{height:180px; background-size:cover; background-position:center;
  background-color:#EEF2FA; position:relative}
.post .body{padding:22px}
.post .cat{font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:var(--gold); font-weight:700}
.post h4{margin:8px 0 8px; font-size:17px; line-height:1.3}
.post p{font-size:14px; color:var(--ink-2); margin:0 0 12px}
.post .meta{font-size:12px; color:var(--muted)}

/* TAGLINE BAND */
.tagline-band{background:var(--navy); color:#fff; padding:64px 24px; text-align:center;
  position:relative; overflow:hidden}
.tagline-band::before, .tagline-band::after{content:""; position:absolute; width:200px;
  height:1px; background:var(--gold); top:50%}
.tagline-band::before{left:8%}
.tagline-band::after{right:8%}
.tagline-band .quote-mark{font-family:"Georgia",serif; font-size:80px; color:var(--gold);
  line-height:0; opacity:.55; display:block; margin:0 0 6px}
.tagline-band p.tagline{font-family:"Georgia","Times New Roman",serif; font-size:38px;
  line-height:1.25; color:#fff; margin:0 auto; max-width:760px; font-style:italic; font-weight:500}
.tagline-band small.sig{display:block; font-style:normal; margin-top:18px;
  font-family:Inter,system-ui,sans-serif; font-size:12.5px; letter-spacing:.2em;
  color:var(--gold); text-transform:uppercase; font-weight:700}
.tagline-band small.sig-2{margin-top:4px; font-size:10.5px; letter-spacing:.28em;
  color:#A9B2CC; font-weight:500}

/* CTA bottom */
.cta-bottom{background:var(--navy-deep); color:#fff; padding:80px 0; text-align:center}
.cta-bottom h2{color:#fff; font-size:36px; margin-bottom:14px}
.cta-bottom p{color:#D9DEEB; font-size:17px; max-width:640px; margin:0 auto 28px}
.cta-bottom .ctas{display:flex; gap:12px; justify-content:center; flex-wrap:wrap}

/* FORM */
.form-card{max-width:720px; margin:0 auto; background:#fff; border:1px solid var(--line);
  border-radius:var(--radius); padding:36px; box-shadow:var(--shadow); text-align:left}
.form-grid{display:grid; grid-template-columns:1fr 1fr; gap:16px}
.field{display:flex; flex-direction:column; gap:6px}
.field label{font-size:12.5px; font-weight:600; color:var(--ink-2)}
.field input,.field select,.field textarea{padding:11px 14px; border:1px solid var(--line);
  border-radius:6px; font-size:14.5px; font-family:inherit}
.field textarea{min-height:80px}
.field.full{grid-column:1/-1}
.checkbox{display:flex; align-items:flex-start; gap:10px; font-size:13px; color:var(--ink-2)}
.checkbox input{margin-top:4px}

/* FOOTER */
footer.site{background:var(--navy-deep); color:#A9B2CC; padding:56px 0 28px; font-size:14px}
footer.site h4{color:#fff; font-size:13px; letter-spacing:.14em; text-transform:uppercase; margin-bottom:14px}
footer.site ul{list-style:none; padding:0; margin:0; line-height:1.9}
footer.site a{color:#A9B2CC}
footer.site a:hover{color:#fff; text-decoration:none}
.footer-cols{display:grid; grid-template-columns:1.4fr 1fr 1.4fr 1.4fr; gap:42px; padding-bottom:36px;
  max-width:var(--container); margin:0 auto; padding-left:24px; padding-right:24px}
.footer-cols .brand-col p{color:#7B8399}
.social{display:flex; gap:10px; margin-top:16px}
.social a{width:34px; height:34px; border-radius:50%; background:rgba(255,255,255,.06);
  display:grid; place-items:center; color:#fff; font-size:13px; border:1px solid rgba(255,255,255,.08)}
.social a:hover{background:var(--gold); color:#1a1305; border-color:var(--gold)}
.footer-bottom{display:flex; justify-content:space-between; align-items:center;
  border-top:1px solid rgba(255,255,255,.08); padding-top:24px; font-size:12.5px; color:#7B8399;
  flex-wrap:wrap; gap:12px; max-width:var(--container); margin:0 auto; padding-left:24px; padding-right:24px}
.footer-bottom a{color:#A9B2CC}
.footer-bottom .links a{margin-left:18px}

/* WHATSAPP FLOAT */
.wa-float{position:fixed; right:22px; bottom:22px; z-index:30; background:#25D366; color:#fff;
  padding:12px 18px; border-radius:99px; font-weight:700; font-size:14px;
  box-shadow:0 8px 24px rgba(37,211,102,.35); display:flex; align-items:center; gap:8px; text-decoration:none}
.wa-float:hover{background:#1ebd5b; text-decoration:none; color:#fff}

/* CONSTRUCTION PAGE */
.frentes-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:18px}
.frente{background:#fff; border:1px solid var(--line); border-radius:var(--radius); padding:22px;
  display:flex; gap:14px; align-items:flex-start}
.frente .letra{width:46px; height:46px; border-radius:50%; background:var(--navy); color:#fff;
  font-family:"Georgia",serif; font-weight:700; font-size:20px;
  display:grid; place-items:center; flex-shrink:0}
.frente h4{font-size:16px; margin:0 0 6px}
.frente p{font-size:13.5px; color:var(--ink-2); margin:0}

.modulo-row{background:#fff; border:1px solid var(--line); border-radius:var(--radius);
  padding:22px 24px; margin-bottom:14px}
.modulo-row h4{margin:0 0 6px; font-size:18px}
.modulo-row h4 .num{color:var(--gold); margin-right:8px; font-family:"Georgia",serif}
.modulo-row .badge-tag{display:inline-block; font-size:10.5px; padding:3px 8px; border-radius:99px;
  background:var(--gold); color:#1a1305; font-weight:700; letter-spacing:.06em; margin-left:8px; vertical-align:middle}
.modulo-row p{margin:0; font-size:14px; color:var(--ink-2)}

.modelos-grid{display:grid; grid-template-columns:repeat(5,1fr); gap:14px}
.modelo{background:#fff; border:1px solid var(--line); border-radius:var(--radius);
  padding:24px 18px; text-align:center; display:flex; flex-direction:column}
.modelo.featured{background:var(--navy); color:#fff; border:none}
.modelo .nivel{font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:var(--gold); font-weight:700; margin-bottom:8px}
.modelo h4{font-size:16px; margin:0 0 8px}
.modelo.featured h4{color:#fff}
.modelo .mods{font-size:13.5px; color:var(--ink-2); margin:6px 0}
.modelo.featured .mods{color:#D9DEEB}

.esquema-cards{display:grid; grid-template-columns:1fr 1fr; gap:18px}
.esquema{background:#fff; border:1px solid var(--line); border-radius:var(--radius); padding:32px}
.esquema.dark{background:var(--navy); color:#fff; border:none}
.esquema .letra-grande{font-family:"Georgia",serif; font-weight:700; font-size:48px; color:var(--gold); line-height:1; margin-bottom:8px}
.esquema h3{margin:8px 0 12px}
.esquema.dark h3{color:#fff}
.esquema ul{list-style:none; padding:0; margin:0}
.esquema li{padding:6px 0 6px 18px; position:relative; font-size:14.5px; color:var(--ink-2)}
.esquema.dark li{color:#D9DEEB}
.esquema li::before{content:"•"; color:var(--gold); position:absolute; left:0; font-size:18px; line-height:1}

/* Tabla NUESTRA FIRMA - 2 cols */
.two-col{display:grid; grid-template-columns:1.1fr 1fr; gap:48px; align-items:center}
.two-col img.cover{width:100%; height:380px; object-fit:cover; border-radius:var(--radius)}

/* SUBPAGE intro card */
.sub-card{background:var(--bg-soft); border:1px solid var(--line); border-radius:var(--radius);
  padding:28px 32px; margin:18px 0}
.sub-card h4{margin:0 0 8px}
.sub-card ul{padding-left:20px; margin:6px 0 0}
.sub-card ul li{margin-bottom:6px; color:var(--ink-2)}

/* RESPONSIVE */
@media (max-width:980px){
  .nav ul{display:none}
  h1{font-size:34px} .hero h1{font-size:36px} .hero-img h1{font-size:32px}
  .hero{padding:60px 0 70px} .hero-img{padding:60px 0}
  .sectores-grid, .areas-grid, .metodo, .timeline, .posts, .frentes-grid, .modelos-grid, .esquema-cards, .pillars, .two-col{
    grid-template-columns:1fr; gap:14px}
  .metodo .step{border-right:none; border-bottom:1px solid var(--line)}
  .metodo .step::after{display:none}
  .socio{grid-template-columns:1fr; text-align:center}
  .socio .avatar{margin:0 auto}
  .footer-cols{grid-template-columns:1fr 1fr; gap:24px}
  .form-grid{grid-template-columns:1fr}
  .sector-card.featured{grid-row:auto}
}

/* ===== Tipografía aumentada para páginas de Áreas de práctica ===== */
body.area-page .hero-img h1{font-size:50px}
body.area-page .hero-img .lede{font-size:20px; line-height:1.6}
body.area-page .head h2{font-size:30px}
body.area-page .head .lede.muted{font-size:18px; line-height:1.6}
body.area-page .block .two-col h2{font-size:28px}
body.area-page .block .two-col ul li,
body.area-page .block .sub-card ul li{
  font-size:17px; line-height:1.7; margin-bottom:10px; color:var(--ink)
}
body.area-page .block .sub-card p{font-size:17px; line-height:1.7}
body.area-page .metodo .step h4{font-size:18px}
body.area-page .metodo .step p{font-size:15px; line-height:1.65}
body.area-page .cta-bottom h2{font-size:32px}
body.area-page .cta-bottom p{font-size:18px}

/* ===== Botón "Inicia sesión" (acceso a la app) ===== */
.cta-login{
  display:inline-flex; align-items:center; gap:6px;
  margin-left:6px; padding:9px 14px;
  background:transparent; color:var(--navy);
  border:1px solid rgba(26,44,85,.28); border-radius:6px;
  font-weight:600; font-size:12.5px; text-decoration:none;
  white-space:nowrap; transition:all .15s ease;
}
.cta-login:hover{background:var(--navy); color:#fff; border-color:var(--navy)}
.cta-login::before{
  content:""; display:inline-block; width:12px; height:12px;
  background:currentColor;
  -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><path d='M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4'/><polyline points='10 17 15 12 10 7'/><line x1='15' y1='12' x2='3' y2='12'/></svg>") center/contain no-repeat;
          mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><path d='M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4'/><polyline points='10 17 15 12 10 7'/><line x1='15' y1='12' x2='3' y2='12'/></svg>") center/contain no-repeat;
}
@media (max-width:980px){
  .cta-login{padding:7px 10px; font-size:12px}
}