:root{
  --rojo:#DD1107; --negro:#000000; --gris:#6B7280; --blanco:#FFFFFF;
  --texto:#1B1F24; --texto2:#4A5360; --meta:#7A8491; --fondo:#F6F7F9; --fondo2:#EEF1F5;
  --sep:#E2E7ED; --borde:#CBD3DD; --rojo-osc:#B50E06; --rojo-suave:#FDECEB;
  --web-topbar:#CDD6DC; --web-pie:#E7EDEF; --web-pie-osc:#232323;
  --m:96px;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{background:var(--blanco)}
body{width:100%;font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--texto);-webkit-font-smoothing:antialiased;font-feature-settings:"kern" 1}
a{color:inherit;text-decoration:none}
.wrap{padding:0 var(--m)}
.topbar{height:32px;background:var(--web-topbar);display:flex;justify-content:flex-end;align-items:center;padding:0 25px;gap:0;font-size:14px;color:#000}
.topbar a{padding:0 12px}
.topbar a+a{border-left:1px solid rgba(0,0,0,.25)}
.topbar a:last-child{padding-right:0}
.mainhead{height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 25px;border-bottom:1px solid var(--sep);background:#fff}
.mainhead .logo img{height:64px;width:auto;display:block}
.nav{display:flex;align-items:center;gap:22px;font-size:17.6px;font-weight:500;color:#000}
.nav .dd::after{content:"";display:inline-block;width:6px;height:6px;border-right:1.4px solid #555;border-bottom:1.4px solid #555;transform:rotate(45deg);margin:0 0 4px 6px}
.nav .activo{color:var(--rojo)}
.nav .contacto{border:2px solid var(--rojo);color:var(--rojo);border-radius:99px;font-size:14.5px;font-weight:600;padding:7px 17px;margin-left:4px}
.kicker{font-size:15px;font-weight:700;letter-spacing:-0.005em;color:#000}
.kicker::before{content:"/ ";color:var(--rojo)}
h2{font-size:36px;line-height:1.15;font-weight:800;letter-spacing:-0.02em;color:#000}
.aux{font-size:16px;line-height:1.5;color:var(--texto2)}
.enlace{font-size:16px;font-weight:600;color:var(--texto);text-decoration:underline;text-decoration-color:var(--rojo);text-decoration-thickness:1.5px;text-underline-offset:4px;white-space:nowrap}
.flecha{color:var(--rojo);font-weight:600}
.cabsec{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:36px}
.cabsec .t{display:flex;flex-direction:column;gap:12px}
.areas{padding-top:16px;padding-bottom:104px}
.grid8{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.area{background:var(--fondo);padding:26px 26px 24px;min-height:196px;display:flex;flex-direction:column}
.area .n{font-size:13px;font-weight:700;color:var(--gris);letter-spacing:.04em}
.area .nom{font-size:22px;line-height:1.22;font-weight:700;letter-spacing:-0.015em;color:#000;margin-top:16px}
.area .pie{margin-top:auto;padding-top:18px;display:flex;justify-content:space-between;align-items:center;font-size:15px;color:var(--texto2)}
.area .pie .flecha{font-size:19px}
.pie{font-family:Inter,sans-serif}
.pie .sup{background:var(--web-pie);padding:60px 25px 56px;display:grid;grid-template-columns:356px 1fr 232px;align-items:start}
.pie .sup .logo img{height:56px;width:auto;display:block}
.pie .redes{display:flex;gap:12px;margin-top:22px}
.pie .navp{display:flex;gap:16px;font-size:17px;color:#000;padding-top:8px}
.pie .contacto{font-size:17.6px;color:#424242;line-height:1.6}
.pie .contacto b{display:block;color:#000;font-weight:600;margin-bottom:6px}
.pie .contacto a{color:#000;display:block}
.pie .inf{background:var(--web-pie-osc);height:58px;display:flex;justify-content:space-between;align-items:center;padding:0 25px;font-size:14.3px;color:rgba(255,255,255,.5)}
.pie .inf .leg{display:flex;gap:16px}
h1{font-size:52px;line-height:1.1;font-weight:800;letter-spacing:-0.03em;color:#000}
.cabsec h2{font-size:32px}
:focus-visible{outline:2px solid var(--rojo);outline-offset:3px;border-radius:2px}
.barra-bm{background:var(--fondo);border-bottom:1px solid var(--sep)}
.barra-in{display:flex;align-items:center;justify-content:space-between;padding:22px var(--m) 20px}
.barra-bm .logoA img{display:block;width:190px;height:auto;margin-left:-2.6px}
.vias{display:flex;gap:34px;font-size:14.5px;font-weight:600;color:var(--texto)}
.vias a{padding:10px 0 8px;border-bottom:2px solid transparent}
.vias a:hover{color:var(--rojo)}
.vias a.activa{color:#000;border-bottom-color:var(--rojo)}
.vias a.buscar{display:flex;align-items:center;gap:8px;margin-left:6px;padding:9px 18px 9px 15px;border:1px solid var(--texto2);border-radius:99px;background:#fff;color:var(--texto)}
.vias a.buscar svg{flex:none}
.vias a.buscar:hover{border-color:var(--rojo);color:var(--rojo)}
.cab-area{display:grid;grid-template-columns:1fr 392px;gap:96px;align-items:end;padding-top:40px;padding-bottom:64px}
.migas{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--texto2)}
.migas a{color:var(--texto2);text-decoration:underline;text-decoration-color:var(--borde);text-decoration-thickness:1px;text-underline-offset:3px}
.migas a:hover{color:var(--rojo);text-decoration-color:var(--rojo)}
.migas span[aria-hidden]{color:var(--meta)}
.migas [aria-current]{color:var(--texto)}
.cab-area .kicker{margin-top:30px}
.cab-area h1{margin-top:12px}
.entradilla{font-size:18px;line-height:1.55;color:var(--texto2);margin-top:18px;max-width:700px}
.recuento{display:flex;align-items:baseline;gap:12px;margin-top:28px}
.recuento strong{font-size:40px;line-height:1;font-weight:800;letter-spacing:-0.03em;color:#000}
.recuento span{font-size:16px;color:var(--texto2)}
.indice{background:var(--fondo);padding:24px 28px 14px}
.rotulo{font-size:12.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--texto2)}
.indice ul{list-style:none;margin-top:12px}
.indice li a{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:13px 0;border-top:1px solid var(--sep);font-size:16px;line-height:1.35;font-weight:600;color:var(--texto)}
.indice li a .c{flex:none;font-size:15px;font-weight:400;color:var(--texto2)}
.indice li a:hover{color:var(--rojo)}
.principales{padding-bottom:16px}
.grupo+.grupo{margin-top:56px}
.grupo-cab{border-top:2px solid #000;padding-top:24px}
.grupo-cab .fila{display:flex;justify-content:space-between;align-items:baseline;gap:48px}
.grupo-cab h2{font-size:28px;line-height:1.2;font-weight:800;letter-spacing:-0.02em;color:#000}
.grupo-cab p{font-size:16px;line-height:1.5;color:var(--texto2);margin-top:8px;max-width:760px}
.gnum{flex:none;font-size:15px;color:var(--texto2)}
.lista-herr{list-style:none;display:grid;grid-template-columns:1fr 1fr;column-gap:56px;margin-top:10px}
.lista-herr li{border-top:1px solid var(--sep)}
.lista-herr li:nth-child(-n+2){border-top:0}
.herr{display:grid;grid-template-columns:1fr 28px;column-gap:16px;align-content:start;padding:22px 16px 24px;margin:0 -16px;height:100%;transition:background-color .15s}
.lista-herr:not(.rel) .herr:hover{background:var(--fondo)}
.herr .ppal,.herr .nom,.herr .res,.herr .aut{grid-column:1}
.herr .nom{font-size:21px;line-height:1.25;font-weight:700;letter-spacing:-0.015em;color:#000}
.herr .res{font-size:15.5px;line-height:1.55;color:var(--texto2);margin-top:8px}
.herr .aut{font-size:13px;line-height:1.45;color:var(--gris);margin-top:10px}
.herr .ir{grid-column:2;grid-row:1;justify-self:end;color:var(--rojo);font-size:20px;font-weight:600;line-height:1.25;transition:transform .15s}
.herr:hover .nom{color:var(--rojo)}
.herr:hover .ir{transform:translateX(4px)}
.herr:active .nom{color:var(--rojo-osc)}
.relacionadas{background:var(--fondo);padding:72px 0 80px;margin-top:72px}
.relacionadas .cabsec{margin-bottom:28px}
.relacionadas .aux{max-width:720px}
.cnt{flex:none;font-size:15px;font-weight:600;color:var(--texto);background:#fff;border:1px solid var(--borde);border-radius:99px;padding:8px 16px}
.lista-herr.rel{column-gap:24px;row-gap:24px;margin-top:0}
.lista-herr.rel li{border:0}
.lista-herr.rel .herr{background:#fff;border:1px solid var(--borde);padding:22px 26px 24px;margin:0}
.lista-herr.rel .herr:hover{border-color:var(--texto2)}
.herr .ppal{font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--texto2);margin-bottom:10px}
.herr .ppal+.nom+.res+.aut+.ir,.herr .ppal~.ir{grid-row:2}
.recorridos{padding-top:88px;padding-bottom:16px}
.recorridos .cabsec{margin-bottom:32px}
.recs{display:grid;grid-template-columns:repeat(3,1fr);gap:40px 32px}
.rec{border-top:2px solid #000;padding-top:18px}
.rec h3{font-size:18px;line-height:1.35;font-weight:700;letter-spacing:-0.01em;color:#000}
.rec ol{list-style:none;counter-reset:p;margin-top:16px;display:flex;flex-direction:column;gap:12px}
.rec li{counter-increment:p;display:grid;grid-template-columns:24px 1fr;column-gap:12px}
.rec li::before{content:counter(p);grid-row:1 / span 2;width:24px;height:24px;border-radius:12px;background:var(--fondo2);color:var(--texto2);font-size:12.5px;font-weight:700;display:flex;align-items:center;justify-content:center}
.rec li a{grid-column:2;font-size:15.5px;line-height:1.4;font-weight:600;color:#000;justify-self:start}
.rec li a::after{content:" →";color:var(--rojo);font-weight:600}
.rec li a:hover{color:var(--rojo);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px}
.rec li span{grid-column:2;font-size:14px;line-height:1.45;color:var(--texto2);margin-top:2px}
.recs-mas{margin-top:40px}
.recs[hidden]{display:none}
.rotulo-uno{font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--texto2);margin-top:16px}
.paso-uno{display:flex;flex-direction:column;margin-top:8px}
.paso-uno a{font-size:15.5px;line-height:1.4;font-weight:600;color:#000;align-self:flex-start}
.paso-uno a::after{content:" →";color:var(--rojo);font-weight:600}
.paso-uno a:hover{color:var(--rojo);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px}
.paso-uno span{font-size:14px;line-height:1.45;color:var(--texto2);margin-top:2px}
.ver-mas{margin-top:36px;font:inherit;font-size:15px;font-weight:600;color:var(--texto);background:#fff;border:1.5px solid var(--texto2);border-radius:99px;padding:11px 22px;cursor:pointer;display:inline-flex;align-items:center;gap:10px}
.ver-mas::after{content:"";width:7px;height:7px;border-right:2px solid var(--rojo);border-bottom:2px solid var(--rojo);transform:rotate(45deg);margin-top:-4px}
.ver-mas[aria-expanded="true"]::after{transform:rotate(-135deg);margin-top:3px}
.ver-mas:hover{border-color:var(--rojo);color:var(--rojo)}
.seguir{padding-top:96px;padding-bottom:104px}
.seguir .acciones{display:flex;gap:36px}
.enlace:hover{color:var(--rojo);text-decoration-thickness:2px}
.grid-otras{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.area-mini{background:var(--fondo);padding:20px 22px 18px;min-height:132px;display:flex;flex-direction:column}
.area-mini .n{font-size:13px;font-weight:700;color:var(--gris);letter-spacing:.04em}
.area-mini .nom{font-size:18px;line-height:1.25;font-weight:700;letter-spacing:-0.01em;color:#000;margin-top:10px}
.area-mini .pie2{margin-top:auto;padding-top:14px;display:flex;justify-content:space-between;align-items:center;font-size:14.5px;color:var(--texto2)}
.area-mini:hover{background:var(--fondo2)}
.area-mini:hover .nom{color:var(--rojo)}
.com-ctx{padding-top:88px;padding-bottom:0.46875px} 
.com-ctx .panel{background:var(--fondo);border-top:2px solid #000;padding:40px 48px 44px;display:grid;grid-template-columns:1fr auto;column-gap:80px;align-items:end}
.com-ctx h2{font-size:28px;line-height:1.2;font-weight:800;letter-spacing:-0.02em;color:#000;margin-top:12px;max-width:760px;text-wrap:balance}
.com-ctx p{font-size:17px;line-height:1.55;color:var(--texto2);margin-top:12px;max-width:760px}
.com-cta{font-size:17px;font-weight:600;color:var(--rojo);text-decoration:underline;text-decoration-color:var(--rojo);text-decoration-thickness:1.5px;text-underline-offset:4px;white-space:nowrap}
.com-cta:hover{color:var(--rojo-osc);text-decoration-thickness:2px}
.com-ctx .acc{padding-bottom:3px}
.rec-fila{display:flex;align-items:baseline;gap:28px;margin-top:28px}
.rec-fila .recuento{margin-top:0}
.com-sup{border-left:1px solid var(--borde);padding-left:28px;font-size:16px;line-height:1.5;color:var(--texto)}
.com-sup .com-cta{font-size:16px;margin-left:8px}
.menu-btn,.drawer,.bm-sec,.indice-btn{display:none}
@media (min-width:1280px) and (max-width:1439px){
  .cab-area{grid-template-columns:1fr 340px;gap:64px}
  .recuento span{white-space:nowrap}
  .rec-fila{flex-direction:column;align-items:flex-start;gap:14px}
  .com-sup{border-left:0;padding-left:0}
  .com-sup .com-cta{margin-left:6px}
  .rec li a::after,.paso-uno a::after{content:"\00a0→"}
}
@media (max-width:1279px){
  :root{--m:48px}
  .nav{gap:18px;margin-left:auto}
  .nav > a{display:none}
  .nav > a.activo,.nav > a.contacto{display:inline-flex}
  .menu-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin-left:10px}
  .mainhead{padding:0 15px 0 25px}
  .drawer:target{display:block;position:fixed;inset:0;z-index:50}
  .drawer .velo{position:absolute;inset:0;background:rgba(11,11,11,.6)}
  .drawer .panel{position:absolute;top:0;right:0;width:300px;height:100%;background:#fff;padding-top:30px;display:flex;flex-direction:column}
  .drawer .panel > a{display:flex;align-items:center;height:58px;padding:0 20px;border-top:1px solid #ECECEC;font-size:17.6px;font-weight:500;color:#000}
  .drawer .panel > a.cerrar{position:absolute;top:2px;right:10px;border:0;height:40px;padding:0 8px;font-size:30px;font-weight:400;color:#424242}
  .drawer .panel > a:nth-child(2){border-top:0}
  .drawer .panel > a.sub{justify-content:space-between}
  .drawer .panel > a.sub::after{content:"";width:8px;height:8px;border-right:1.6px solid #555;border-bottom:1.6px solid #555;transform:rotate(45deg);margin:-4px 6px 0 0}
  .drawer .panel > a.activo{color:var(--rojo)}
  .drawer .cta{display:block;padding:16px 20px;border-top:1px solid #ECECEC}
  .drawer .cta .contacto{display:inline-block;border:2px solid var(--rojo);color:var(--rojo);border-radius:99px;font-size:14.5px;font-weight:600;padding:7px 17px}
  .barra-in{position:relative;flex-direction:column;align-items:flex-start;gap:4px;padding:18px var(--m) 0}
  .barra-bm .logoA img{width:170px;margin-left:-2.3px}
  .vias{width:100%;gap:30px}
  .vias a{display:inline-flex;align-items:center;min-height:44px;padding:2px 0 0}
  .vias a.buscar{position:absolute;top:20px;right:var(--m);margin:0;min-height:44px;padding:0 18px 0 15px}
  .cab-area{grid-template-columns:1fr 300px;gap:48px;padding-top:32px;padding-bottom:56px}
  .cab-area .kicker{margin-top:26px}
  h1{font-size:44px}
  .entradilla{font-size:17px}
  .rec-fila{flex-direction:column;align-items:flex-start;gap:14px;margin-top:26px}
  .com-sup{border-left:0;padding-left:0}
  .com-sup .com-cta,.com-ctx .com-cta,.enlace{display:inline-block;line-height:20px;padding:12px 0}
  .com-sup .com-cta{margin-left:6px}
  .indice{padding:20px 22px 10px}
  .indice li a{font-size:15px;padding:12px 0}
  .indice li a .c{font-size:14px}
  h2{font-size:32px}
  .grupo+.grupo{margin-top:48px}
  .grupo-cab h2{font-size:26px}
  .lista-herr{column-gap:40px}
  .herr .nom{font-size:20px}
  .herr .res{font-size:15px}
  .relacionadas{padding:64px 0 72px;margin-top:64px}
  .lista-herr.rel{column-gap:20px;row-gap:20px}
  .lista-herr.rel .herr{padding:20px 22px 22px}
  .recorridos{padding-top:72px}
  .recs{gap:36px 28px}
  .ver-mas{min-height:44px}
  .rec li a::after,.paso-uno a::after{content:"\00a0→"} 
  .com-ctx{padding-top:72px}
  .com-ctx .panel{padding:36px 40px 38px;column-gap:48px}
  .seguir{padding-top:80px;padding-bottom:88px}
  .seguir .acciones{gap:28px}
  .grid-otras{grid-template-columns:repeat(3,1fr)}
  .pie .sup{grid-template-columns:1fr auto;grid-template-areas:"marca contacto" "nav nav";row-gap:36px;padding:56px 25px 48px}
  .pie .sup .marca{grid-area:marca}
  .pie .contacto{grid-area:contacto}
  .pie .navp{grid-area:nav;justify-content:center;flex-wrap:wrap;padding-top:0}
}
@media (max-width:899px){
  :root{--m:40px}
  .topbar{display:none}
  .mainhead{justify-content:center;position:relative;padding:0 15px}
  .nav{display:none}
  .menu-btn{position:absolute;right:15px;top:23px;margin:0}
  .barra-bm .logoA img{width:160px}
  .vias{flex-wrap:wrap;column-gap:22px;row-gap:0;font-size:14px}
  .vias a{white-space:nowrap} 
  .vias a.buscar{top:18px}
  .cab-area{grid-template-columns:1fr;gap:36px;padding-bottom:48px}
  h1{font-size:40px}
  .entradilla{max-width:none}
  .indice ul{display:grid;grid-template-columns:1fr 1fr;column-gap:32px}
  h2,.cabsec h2{font-size:30px}
  .cabsec{flex-direction:column;align-items:flex-start;gap:16px}
  .lista-herr{grid-template-columns:1fr}
  .lista-herr li:nth-child(2){border-top:1px solid var(--sep)}
  .grupo-cab .fila{flex-wrap:wrap;column-gap:24px;row-gap:4px}
  .lista-herr.rel li:nth-child(2){border:0}
  .recs{grid-template-columns:1fr 1fr;gap:36px 28px}
  .com-ctx .panel{grid-template-columns:1fr;row-gap:14px}
  .com-ctx .acc{padding-bottom:0}
  .seguir .acciones{flex-wrap:wrap;column-gap:28px;row-gap:0}
  .grid-otras{grid-template-columns:1fr 1fr}
  .pie .inf{flex-direction:column-reverse;justify-content:center;gap:12px;height:auto;padding:18px 25px}
}
@media (min-width:600px) and (max-width:762px){
  .vias{display:grid;grid-template-columns:auto auto;justify-content:start;column-gap:32px}
}
@media (max-width:599px){
  :root{--m:24px}
  .mainhead{height:68px}
  .mainhead .logo img{height:48px}
  .menu-btn{right:12px;top:12px}
  .drawer .panel{width:300px;max-width:84vw}
  .drawer .panel > a{height:58px}
  .barra-in{flex-direction:row;flex-wrap:wrap;align-items:center;gap:0;padding:10px var(--m)}
  .barra-bm .logoA img{width:118px;margin-left:-1.6px}
  .bm-sec{display:inline-flex;align-items:center;gap:9px;margin:0 54px 0 auto;height:44px;padding:0 16px 0 15px;font:inherit;font-size:15px;font-weight:600;color:var(--texto);background:#fff;border:1px solid var(--texto2);border-radius:99px;cursor:pointer}
  .bm-sec::after{content:"";width:7px;height:7px;border-right:2px solid var(--rojo);border-bottom:2px solid var(--rojo);transform:rotate(45deg);margin-top:-4px}
  .bm-sec[aria-expanded="true"]::after{transform:rotate(-135deg);margin-top:3px}
  .vias{flex-direction:column;gap:0;font-size:15.5px}
  .vias a{min-height:48px;padding:0;border-bottom:0;border-top:1px solid var(--sep)}
  .vias a:first-child{margin-top:10px}
  .vias a.activa{color:var(--rojo);border-bottom:0}
  .vias a.buscar{top:10px;right:var(--m);width:44px;height:44px;padding:0;justify-content:center;font-size:0;border-top:1px solid var(--texto2)}
  .vias a.buscar svg{width:19px;height:19px}
  .js .barra-bm:not(.abierto) .vias a:not(.buscar){display:none}
  .cab-area{gap:28px;padding-top:22px;padding-bottom:40px}
  .migas{flex-wrap:wrap;row-gap:2px;line-height:1.4}
  .cab-area .kicker{margin-top:22px}
  h1{font-size:32px;line-height:1.12;margin-top:10px}
  .entradilla{font-size:16.5px;margin-top:14px}
  .rec-fila{gap:10px;margin-top:22px}
  .recuento strong{font-size:36px}
  .com-sup{font-size:16px}
  .com-sup span{display:block}
  .com-sup .com-cta{margin-left:0;padding:12px 0}
  .indice{padding:0 18px}
  .indice .rotulo{display:none}
  .indice-btn{display:flex;width:100%;align-items:center;justify-content:space-between;height:52px;padding:0;font:inherit;font-size:12.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--texto2);background:none;border:0;cursor:pointer}
  .indice-btn::after{content:"";width:7px;height:7px;border-right:2px solid var(--rojo);border-bottom:2px solid var(--rojo);transform:rotate(45deg);margin:-4px 4px 0 0}
  .indice-btn[aria-expanded="true"]::after{transform:rotate(-135deg);margin-top:3px}
  .indice ul{display:block;margin-top:0;padding-bottom:6px}
  .indice li a{font-size:15.5px;padding:13px 0}
  .js .indice:not(.abierto) ul{display:none}
  h2,.cabsec h2{font-size:26px;line-height:1.18}
  .kicker{font-size:14px}
  .cabsec{gap:14px;margin-bottom:24px}
  .aux{font-size:15.5px}
  .principales{padding-bottom:8px}
  .grupo+.grupo{margin-top:40px}
  .grupo-cab{padding-top:20px}
  .grupo-cab h2{font-size:23px}
  .grupo-cab p{font-size:15.5px}
  .gnum{font-size:14.5px}
  .herr{padding:18px 12px 20px;margin:0 -12px;column-gap:12px}
  .herr .nom{font-size:19px}
  .herr .res{font-size:15px;margin-top:6px}
  .herr .aut{margin-top:8px}
  .relacionadas{padding:48px 0 52px;margin-top:48px}
  .cnt{font-size:14px;padding:7px 14px}
  .lista-herr.rel{row-gap:14px}
  .lista-herr.rel .herr{padding:20px 18px 22px}
  .recorridos{padding-top:56px}
  .recs{grid-template-columns:1fr;gap:28px}
  .recs-mas{margin-top:28px}
  .rec h3{font-size:17.5px}
  .rec li a,.paso-uno a{padding:2px 0}
  .ver-mas{margin-top:30px;min-height:44px}
  .com-ctx{padding-top:56px}
  .com-ctx .panel{padding:28px 22px 22px;row-gap:8px}
  .com-ctx h2{font-size:23px;line-height:1.22}
  .com-ctx p{font-size:16px}
  .seguir{padding-top:56px;padding-bottom:60px}
  .seguir .acciones{flex-direction:column;gap:0}
  .grid-otras{grid-template-columns:1fr;gap:10px}
  .area-mini{display:grid;grid-template-columns:30px 1fr 24px;column-gap:8px;align-items:start;padding:16px 16px 16px 18px;min-height:0}
  .area-mini .n{grid-column:1;grid-row:1;margin-top:3px}
  .area-mini .nom{grid-column:2;grid-row:1;margin-top:0;font-size:17.5px;line-height:1.28}
  .area-mini .pie2{display:contents}
  .area-mini .pie2 > span:first-child{grid-column:2;grid-row:2;margin-top:4px;font-size:14.5px}
  .area-mini .pie2 .flecha{grid-column:3;grid-row:1 / span 2;align-self:center;justify-self:end}
  .pie .sup{grid-template-columns:1fr;grid-template-areas:"marca" "contacto" "nav";row-gap:30px;padding:56px 15px 40px}
  .pie .contacto{font-size:16px}
  .pie .navp{font-size:15.5px;gap:4px 16px}
  .pie .navp a{padding:9px 0}
  .pie .inf{flex-direction:column;gap:12px;padding:18px 15px;font-size:12.3px}
  .pie .inf .leg{gap:14px;flex-wrap:wrap;justify-content:center}
  .pie .inf .leg a{padding:8px 0}
}
@media (max-width:359px){
  .barra-bm .logoA img{width:96px;margin-left:-1.3px}
  .bm-sec{padding:0 10px;gap:7px;margin-right:50px}
}