/* Construcasa — capa de marca sobre el motor de expotile.mx (site.css).
   Estética del Bodeguero: rótulo mexicano. Crema con grano, azul marino, rojo y mostaza; Anton para titulares. */
:root{
  --bg:#f7f4e6; --paper:#fffdf4; --stone:#ede7d3; --line:#d8cfb3; --line2:#e6dfc9;
  --ink:#1f3557; --ink2:#2f4568; --mute:#6c6a5e;
  --lime:#e3b230; --lime-d:#c8991a; --lime-ink:#5c4300;
  --red:#d7262b; --red-d:#b51d21; --navy:#1f3557; --cream:#f7f4e6;
  --dark:#1f3557; --dark2:#182b47;
  --f-rot:"Anton","Archivo",system-ui,sans-serif;
  --shadow:0 1px 2px rgba(31,53,87,.06),0 10px 30px rgba(31,53,87,.12);
}
body{background:var(--bg);color:var(--ink)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.07;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.12 0 0 0 0 0.2 0 0 0 0 0.34 0 0 0 .9 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}
main,header,footer,.topbar{position:relative;z-index:1}
h1,h2,.space h3,.steps h3,.lst-h h1,.info h1,.branch h2,.qv-i h2,.qd-h h2,.ftr-cta h2,.hb-t h2{font-family:var(--f-rot);font-weight:400;text-transform:uppercase;letter-spacing:.012em;font-stretch:100%;line-height:1}
h1{font-size:clamp(40px,6vw,84px)}
h2{font-size:clamp(30px,3.8vw,52px)}
.eyebrow{color:var(--red);font-weight:700;letter-spacing:.16em}
.eyebrow.light{color:var(--lime)}
.lead{color:var(--ink2)}
:focus-visible{outline-color:var(--red)}

/* encabezado */
.topbar{background:var(--red);color:#fff;font-weight:600;text-transform:uppercase;letter-spacing:.06em;font-size:12px}
.hdr{background:rgba(247,244,230,.9)}
.hdr.scrolled{background:rgba(247,244,230,.96);border-bottom-color:var(--line)}
.logo img{height:40px}
.nav-l{font-weight:600;color:var(--ink)}
.nav-l:hover,.has-mega.open .nav-l{background:var(--stone)}
.bod-l{gap:8px;color:var(--red)}
.bod-l img{width:30px;height:30px;object-fit:contain;object-position:left}
.qbtn{background:var(--navy);border-color:var(--navy)}.qbtn:hover{background:var(--dark2)}
.qbtn b{background:var(--lime);color:var(--ink)}
.sbox{border-color:var(--line)}
.sbox:focus-within{border-color:var(--navy);box-shadow:0 0 0 4px rgba(227,178,48,.3)}
.btn.dark{background:var(--navy)}.btn.dark:hover{background:var(--dark2)}
.btn.light{background:var(--lime);color:var(--ink)}.btn.light:hover{background:#f0c34a}
.btn.ghost{background:var(--paper)}
.btn.added{background:var(--lime);color:var(--ink)}
.card-add.on{background:var(--lime)}
.mega-cats a:hover{color:var(--red)}
.mf-f.on,.mf-f:hover{color:var(--red)}
.d-kit{margin:14px 0 6px}
.kit-chips{display:flex;flex-wrap:wrap;gap:6px}
.kit-chips a{padding:7px 12px;border-radius:999px;background:var(--navy);color:#fff;font-size:13px;font-weight:600}

/* portada: hero del Bodeguero */
.bod-hero{padding-top:clamp(20px,3vw,44px);overflow:visible}
.bod-hero:before{display:none}
.bod-hero .hero-in{grid-template-columns:1.05fr .95fr;gap:clamp(20px,3vw,48px)}
.bod-hero h1{max-width:11ch;color:var(--navy);text-shadow:3px 3px 0 var(--lime)}
.hero-ctas{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.hero-ctas .btn{width:auto}
.hero-chips a{background:var(--paper);border-color:var(--line)}
.hero-chips a:hover{border-color:var(--red);color:var(--red)}
.bod-board{position:relative;aspect-ratio:1/1;max-height:600px;margin:0 auto;width:100%;max-width:600px}
.bod-board:before{content:"";position:absolute;inset:4% 0 10% 0;border-radius:18px;background:var(--paper);border:5px solid var(--red);box-shadow:inset 0 0 0 4px var(--cream),inset 0 0 0 7px var(--navy),10px 12px 0 var(--navy)}
.bod-letras{position:absolute;left:50%;top:6%;width:72%;height:auto;transform:translateX(-50%);z-index:2;filter:drop-shadow(0 6px 0 rgba(31,53,87,.15))}
.bod-fig{position:absolute;right:-6%;bottom:-2%;width:92%;height:auto;z-index:3;filter:drop-shadow(0 14px 18px rgba(31,53,87,.28));animation:bodIn 1s var(--ease) both}
@keyframes bodIn{from{opacity:0;transform:translateX(30px) rotate(-3deg)}}
.sello{position:absolute;left:-4%;top:38%;z-index:4;width:124px;height:124px;border-radius:50%;background:var(--red);color:var(--cream);display:flex;align-items:center;justify-content:center;text-align:center;font:400 20px/1 var(--f-rot);text-transform:uppercase;letter-spacing:.04em;box-shadow:inset 0 0 0 4px var(--red),inset 0 0 0 7px var(--cream),4px 5px 0 var(--navy);transform:rotate(-12deg)}
.cinta{position:absolute;right:-3%;top:10%;z-index:4;background:var(--lime);color:var(--navy);font:400 20px/1 var(--f-rot);text-transform:uppercase;letter-spacing:.06em;padding:10px 18px;transform:rotate(8deg);box-shadow:3px 4px 0 var(--navy)}
.mejoramos{margin-top:clamp(28px,4vw,48px)}
.mejoramos span{display:block;text-align:center;background:var(--red);color:var(--lime);font:400 clamp(26px,4vw,52px)/1 var(--f-rot);text-transform:uppercase;letter-spacing:.03em;padding:14px 20px;border-radius:14px;box-shadow:6px 7px 0 var(--navy);-webkit-text-stroke:0;text-shadow:2px 2px 0 var(--navy)}
.stats{margin-top:clamp(24px,3vw,40px)}
.stats b{font-family:var(--f-rot);font-weight:400;color:var(--red);font-stretch:100%;letter-spacing:.01em}
@media(max-width:960px){
  .bod-hero .hero-in{grid-template-columns:1fr}
  .bod-board{max-width:520px;aspect-ratio:1/0.95}
  .sello{width:96px;height:96px;font-size:15px;left:-2%}
  .cinta{font-size:15px;padding:8px 12px}
  .mejoramos span{box-shadow:4px 5px 0 var(--navy)}
  .bod-hero h1{text-shadow:2px 2px 0 var(--lime)}
}

/* departamentos / mosaicos */
.space{background:var(--navy)}
.space:hover .space-c{background:var(--lime);color:var(--ink)}
.tile span{font-family:var(--f-rot);font-weight:400;text-transform:uppercase;letter-spacing:.03em;font-size:19px;font-stretch:100%}
.tile small{background:var(--lime);color:var(--ink)}
.grp img{filter:none;opacity:.8}
.grp img[src$="cemex.svg"]{height:34px}
.grp img[src$="sherwin-williams.svg"]{height:46px}

/* en caliente: «quiero cemento» */
.kit{margin-top:clamp(64px,8vw,112px);padding:clamp(48px,6vw,80px) 0;background:var(--navy);color:var(--cream);position:relative;overflow:hidden}
.kit:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:56px 56px;pointer-events:none}
.kit .wrap{position:relative}
.kit-h{display:flex;gap:28px;align-items:flex-end;margin-bottom:28px}
.kit-h img{width:150px;height:auto;flex:none;filter:drop-shadow(0 10px 14px rgba(0,0,0,.35))}
.kit-h h2{color:#fff;max-width:24ch}
.kit-h .eyebrow{color:var(--lime)}
.kit-h .lead{color:rgba(247,244,230,.8)}
.kit-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.kit-c{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;padding:18px 12px 14px;border-radius:14px;background:var(--cream);color:var(--navy);border:3px solid var(--red);box-shadow:5px 6px 0 var(--red-d);transition:transform .2s var(--ease),box-shadow .2s var(--ease)}
.kit-c:hover{transform:translate(-2px,-2px);box-shadow:8px 9px 0 var(--red-d)}
.kit-e{font-size:34px;line-height:1}
.kit-c b{font:400 22px/1 var(--f-rot);text-transform:uppercase;letter-spacing:.03em;margin-top:6px}
.kit-c small{font-size:12px;color:var(--red);font-weight:700}
@media(max-width:960px){.kit-grid{grid-template-columns:repeat(3,1fr)}.kit-h{flex-direction:column;align-items:flex-start;gap:12px}.kit-h img{width:110px}}
@media(max-width:520px){.kit-grid{grid-template-columns:repeat(2,1fr);gap:10px}.kit-c b{font-size:18px}}

/* cómo cotizar y sucursales en portada */
.how{background:var(--paper)}
.steps li{background:var(--bg)}
.steps .num{color:var(--red)}
.hbranches{background:var(--navy)}
.hb-list a span{color:rgba(247,244,230,.6)}
.hb-list a:hover b,.hb-list a:hover svg{color:var(--lime)}

/* ficha de producto: consejo del Bodeguero */
.bod-tip{display:flex;gap:12px;align-items:center;margin-top:16px;padding:12px 14px;border-radius:14px;background:var(--paper);border:2px dashed var(--red)}
.bod-tip img{width:72px;height:auto;flex:none}
.bod-tip p{font-size:14px;color:var(--ink2)}
.bod-tip b{color:var(--red)}
.price,.price.big{color:var(--red)}

/* sucursales */
.branch.on{border-color:var(--red)}
.branch .num{color:var(--red)}

/* pie */
.ftr{background:var(--navy);color:#d9d4c3}
.ftr-bod{display:flex;align-items:flex-end;gap:18px}
.ftr-bod img{width:150px;height:auto;flex:none}
.ftr a:hover{color:var(--lime)}
.fbr small{color:rgba(247,244,230,.5)}
.social a{border-color:rgba(255,255,255,.25)}
.legal{color:rgba(247,244,230,.6)}
.flogo{height:50px}
@media(max-width:700px){.ftr-bod{flex-direction:column;align-items:flex-start}.ftr-bod img{width:110px}}

/* 404 y legales */
.nf-bod{width:260px;height:auto;margin:0 auto 10px}
.legal-doc{max-width:820px;padding-bottom:40px;font-size:16px;color:var(--ink2)}
.legal-doc h2{font-size:22px;margin:26px 0 8px;color:var(--ink)}
.legal-doc p+p{margin-top:10px}
.legal-doc a{text-decoration:underline}

/* botón flotante y toasts */
.toast button{background:var(--lime);color:var(--ink)}
.toolbar .btn b{background:var(--lime)}
.chips .on,.active button{background:var(--navy);border-color:var(--navy)}

/* encabezado de departamento con su Bodeguero */
.lst-bod{overflow:hidden}
.lst-bod .wrap{position:relative;padding-right:min(34%,420px)}
.lst-fig{position:absolute;right:clamp(16px,3vw,32px);bottom:-6px;width:min(27%,330px);height:auto;filter:drop-shadow(0 10px 14px rgba(31,53,87,.25))}
@media(max-width:760px){.lst-bod .wrap{padding-right:clamp(16px,3vw,32px)}.lst-fig{position:static;width:70%;max-width:320px;margin:14px auto 0;display:block}}

/* página El Bodeguero */
.bp-hero{padding:clamp(24px,4vw,56px) 0 0;overflow:hidden}
.bp-hero-in{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(20px,4vw,56px);align-items:center}
.bp-letras{width:100%;max-width:620px;height:auto;filter:drop-shadow(0 6px 0 rgba(31,53,87,.12))}
.bp-t .lead{max-width:52ch}
.bp-fig{width:100%;max-width:560px;height:auto;justify-self:center;filter:drop-shadow(0 16px 18px rgba(31,53,87,.28));animation:bodIn 1s var(--ease) both}
.bp-page .kit{margin-top:clamp(40px,5vw,72px)}
.bp-posters{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.bp-poster{margin:0;background:var(--paper);border:3px solid var(--navy);border-radius:14px;overflow:hidden;box-shadow:6px 7px 0 var(--red)}
.bp-poster img{width:100%;height:auto;display:block}
.bp-poster figcaption{padding:12px 14px 14px}
.bp-poster b{display:block;font:400 20px/1 var(--f-rot);text-transform:uppercase;letter-spacing:.03em}
.bp-poster span{display:block;font-size:13px;color:var(--mute);margin:4px 0 10px}
.bp-btns{display:flex;flex-wrap:wrap;gap:6px}
.bp-btns .btn{height:36px;padding:0 12px;font-size:13px}
.bp-walls{margin-top:clamp(64px,8vw,112px);padding:clamp(48px,6vw,80px) 0;background:var(--navy);color:var(--cream)}
.bp-walls h2{color:#fff}
.bp-walls .lead{color:rgba(247,244,230,.8)}
.bp-wall-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.bp-wall{background:var(--cream);color:var(--navy);border-radius:14px;padding:12px;border:3px solid var(--red);box-shadow:5px 6px 0 var(--red-d)}
.bp-wall-i{display:grid;grid-template-columns:1fr;gap:8px}
.bp-wall-i img{width:100%;height:auto;border-radius:8px;display:block;background:#fff}
.bp-wall b{display:block;font:400 19px/1 var(--f-rot);text-transform:uppercase;letter-spacing:.03em;margin:10px 0 8px}
.bp-walls .a40-howto{margin-top:22px;font-size:14px;color:rgba(247,244,230,.75)}
.bod-saves div{text-align:center}
@media(max-width:960px){.bp-hero-in{grid-template-columns:1fr}.bp-fig{max-width:420px}.bp-posters,.bp-wall-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.bp-posters,.bp-wall-grid{grid-template-columns:repeat(2,1fr);gap:10px}}

/* ===== (21-oct-2026) Retro mexicano: azulejo beige + rótulo pintado, menú Anton, buscador rótulo, cursor de llana, lotería ===== */
/* cursor: llana dentada (y una llana inclinada sobre enlaces y botones) */
html{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34'><path d='M3 3l8 8' stroke='%231f3557' stroke-width='5' stroke-linecap='round'/><path d='M3 3l8 8' stroke='%23b9803f' stroke-width='3' stroke-linecap='round'/><path d='M10 9l6-2 15 15-2 6-3 1-2-3-2 2-2-3-2 2-2-3-2 2-2-3-2 2-2-3-3 1z' fill='%23c9ced3' stroke='%231f3557' stroke-width='2' stroke-linejoin='round'/></svg>") 3 3,auto}
a,button,[role=button],label,summary,input[type=search]{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34'><path d='M6 3l6 6' stroke='%231f3557' stroke-width='5' stroke-linecap='round'/><path d='M6 3l6 6' stroke='%23d7262b' stroke-width='3' stroke-linecap='round'/><path d='M11 8l6-2 14 14-2 6-3 1-2-3-2 2-2-3-2 2-2-3-2 2-2-3-2 2-2-3-3 1z' fill='%23e3b230' stroke='%231f3557' stroke-width='2' stroke-linejoin='round'/></svg>") 6 3,pointer}

/* menú con la tipografía del Bodeguero */
.nav-l,.d-links a,.d-fam>summary,.d-all,.mf-f{font-family:var(--f-rot);font-weight:400;text-transform:uppercase;letter-spacing:.04em}
.nav-l{font-size:18px;padding:0 11px;color:var(--navy)}
.nav-l:hover,.has-mega.open .nav-l{background:none;color:var(--red);text-shadow:1.5px 1.5px 0 var(--lime)}
.bod-l{color:var(--red)}
.bod-l:hover{color:var(--navy)}
@media(max-width:1180px){.nav-l{font-size:16px;padding:0 8px}}

/* buscador rótulo: tabla crema, borde navy, sombra dura roja, botón BUSCA */
.rbox{position:relative;display:flex;align-items:center;height:44px;background:var(--cream);border:2.5px solid var(--navy);border-radius:8px;box-shadow:3px 3px 0 var(--red);transition:transform .15s var(--ease),box-shadow .15s var(--ease)}
.rbox:focus-within{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--red)}
.rbox svg{width:18px;height:18px;margin-left:12px;color:var(--navy);flex:none}
.rbox input{flex:1;min-width:0;height:100%;border:0;background:none;padding:0 10px;font:500 15px var(--f-body);color:var(--navy);outline:none}
.rbox input::placeholder{color:#7b7a70}
.rbox button{height:100%;padding:0 14px;border:0;border-left:2.5px solid var(--navy);background:var(--red);color:var(--cream);font:400 17px/1 var(--f-rot);text-transform:uppercase;letter-spacing:.06em;border-radius:0 5px 5px 0}
.rbox button:hover{background:var(--red-d)}
.rbox.big{height:60px;max-width:560px;margin-top:30px;border-width:3px;box-shadow:5px 5px 0 var(--red)}
.rbox.big input{font-size:17px}.rbox.big button{font-size:22px;padding:0 22px}
.hsearch{max-width:380px}
.drawer .sbox{display:none}

/* hero: muro de azulejo beige con el rótulo pintado */
.bod-hero{background-color:#e7dcc0;background-image:linear-gradient(135deg,rgba(255,255,255,.45),rgba(255,255,255,0) 45%,rgba(120,100,60,.08)),linear-gradient(#c9bb98 3px,transparent 3px),linear-gradient(90deg,#c9bb98 3px,transparent 3px);background-size:128px 128px;background-position:-2px -2px;padding:clamp(28px,4vw,56px) 0 0;box-shadow:inset 0 -60px 60px -60px rgba(31,53,87,.25)}
.bod-hero .hero-in{align-items:center}
.bod-hero .eyebrow{color:var(--red)}
.bod-hero .lead{color:var(--ink);font-weight:500}
.rotulo{display:flex;flex-direction:column;align-items:flex-start;gap:0;max-width:none;color:var(--navy);text-shadow:4px 4px 0 var(--red);mix-blend-mode:multiply;line-height:.95}
.rotulo span{font-size:clamp(40px,5.6vw,80px)}
.rotulo em{font-style:normal;color:var(--red);text-shadow:4px 4px 0 var(--navy);font-size:clamp(34px,4.6vw,66px);transform:rotate(-2deg);transform-origin:left bottom;margin-top:6px}
.bod-wall{position:relative;aspect-ratio:1/1;max-height:600px;margin:0 auto;width:100%;max-width:600px}
.bod-wall .bod-letras{position:absolute;left:50%;top:4%;width:82%;height:auto;transform:translateX(-50%);z-index:2;mix-blend-mode:multiply;filter:drop-shadow(3px 4px 0 rgba(31,53,87,.18))}
.bod-wall .bod-fig{position:absolute;right:-4%;bottom:0;width:88%;height:auto;z-index:3;filter:drop-shadow(0 14px 16px rgba(31,53,87,.3));animation:bodIn 1s var(--ease) both}
.bod-wall .sello{left:0;top:52%}
.bod-wall .cinta{left:-2%;top:3%;right:auto;transform:rotate(-7deg)}
.bod-wall .bod-letras{top:9%;width:78%}
.bod-hero .mejoramos{margin-top:0;padding-top:clamp(20px,3vw,36px)}
.bod-hero .stats{margin-top:clamp(20px,3vw,32px);border-top-color:rgba(31,53,87,.25);border-bottom:0;padding-bottom:16px}
.bod-hero .stats div{border-left-color:rgba(31,53,87,.25)}
.bod-hero .stats span{color:var(--ink2)}
.hero-chips a{background:rgba(255,253,244,.85)}
@media(max-width:960px){.bod-wall{max-width:520px;aspect-ratio:1/.95}.rotulo{text-shadow:3px 3px 0 var(--red)}.rotulo em{text-shadow:3px 3px 0 var(--navy)}}

/* cartas de lotería */
.lot-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.lot{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:14px 10px 12px;border-radius:10px;background:var(--cream);color:var(--navy);border:3px solid var(--navy);box-shadow:5px 6px 0 var(--red-d);transition:transform .2s var(--ease),box-shadow .2s var(--ease)}
.lot:before{content:"";position:absolute;inset:5px;border:1.5px solid var(--red);border-radius:6px;pointer-events:none}
.lot:hover{transform:translate(-2px,-3px) rotate(-1deg);box-shadow:8px 10px 0 var(--red-d)}
.lot-n{position:absolute;left:12px;top:10px;font:400 15px/1 var(--f-rot);color:var(--red)}
.lot-i{width:100%;max-width:120px;height:auto;aspect-ratio:1;margin:6px 0 4px}
.lot b{font:400 20px/1 var(--f-rot);text-transform:uppercase;letter-spacing:.03em;border-top:1.5px solid var(--navy);padding-top:8px;width:100%}
.lot small{font-size:12px;color:var(--red);font-weight:700;margin-top:4px}
@media(max-width:960px){.lot-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:520px){.lot-grid{grid-template-columns:repeat(2,1fr);gap:10px}.lot b{font-size:17px}}

.rbox .ta{top:calc(100% + 8px);border:2.5px solid var(--navy);border-radius:8px;box-shadow:4px 4px 0 var(--red)}

/* tocadiscos: la canción del Bodeguero (YouTube oficial, se carga al dar play) */
.radio{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;margin-top:18px;padding:12px 16px;background:var(--cream);border:3px solid var(--navy);border-radius:14px;box-shadow:5px 6px 0 var(--red)}
.vinil{position:relative;width:64px;height:64px;border-radius:50%;background:radial-gradient(circle,var(--red) 0 11px,var(--cream) 11px 13px,#141414 13px 100%);box-shadow:0 2px 0 var(--navy);flex:none}
.vinil i{position:absolute;inset:6px;border-radius:50%;border:1px dashed rgba(255,255,255,.18)}
.radio.on .vinil{animation:spin 2.2s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.radio-t .eyebrow{margin-bottom:2px;font-size:11px}
.radio-t b{display:block;font:400 20px/1.1 var(--f-rot);text-transform:uppercase;letter-spacing:.03em;color:var(--navy)}
.radio-t small{color:var(--mute);font-size:13px}
.radio-play{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 18px;border:0;border-radius:999px;background:var(--red);color:var(--cream);font:400 18px/1 var(--f-rot);text-transform:uppercase;letter-spacing:.05em;box-shadow:3px 3px 0 var(--navy)}
.radio-play:hover{background:var(--red-d)}
.radio-play svg{width:18px;height:18px}
.radio-frame{grid-column:1/-1;aspect-ratio:16/9;max-width:520px;border-radius:10px;overflow:hidden;border:2px solid var(--navy);background:#000}
.radio-frame iframe{width:100%;height:100%;border:0;display:block}
.radio-frame[hidden]{display:none}
@media(max-width:600px){.radio{grid-template-columns:auto 1fr;gap:12px}.radio-play{grid-column:1/-1;justify-content:center}.radio-t b{font-size:17px}}