/* /css/footer-servicios.css
   Footer unificado de páginas de servicio (.ftr2) — Herrería La Roseta.
   CSS centralizado: lo usan cerramientos, plegables, abatibles, pérgolas,
   portones, herrería y diseño, barandas y rejas y frentes de parrilla.
   Self-contained: valores literales (no depende de los tokens :root de cada página).
   Markup: partials/footer-servicios.php */

.ftr2{position:relative;margin-top:36px;color:rgba(244,241,238,.96);
  background:radial-gradient(130% 100% at 50% 0%,#3e3a37 0%,#322f2c 45%,#2b2825 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);}
.ftr2::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;
  background:linear-gradient(90deg,transparent,#8A6E48 12%,#DEC09A 50%,#8A6E48 88%,transparent);opacity:1;}
.ftr2-brand{text-align:center;padding:30px 18px 22px;border-bottom:1px solid rgba(255,255,255,.08);}
.ftr2-name{font-family:'Playfair Display',serif;font-weight:700;letter-spacing:.12em;font-size:19px;text-transform:uppercase;
  background:linear-gradient(135deg,rgba(0,0,0,.16) 0%,#8A6E48 8%,#B88C5C 24%,#C8A878 44%,#DEC09A 58%,rgba(210,155,148,.38) 72%,#C4A070 86%,#9A7848 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#DEC09A;}
.ftr2-tag{margin-top:8px;font-size:12.5px;color:rgba(244,241,238,.76);}
.ftr2-grid{max-width:1120px;margin:0 auto;padding:30px 18px 12px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;}
@media(max-width:720px){.ftr2-grid{grid-template-columns:1fr;gap:24px;text-align:center;}}
.ftr2-col h4{font-family:'Montserrat',sans-serif;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#DEC09A;margin-bottom:14px;}
.ftr2-col a,.ftr2-col p{display:block;font-size:13px;color:rgba(244,241,238,.84);line-height:1.95;}
.ftr2-col a:hover{color:rgba(244,241,238,.96);}
.ftr2-phone{font-size:15px!important;font-weight:800;color:#DEC09A!important;}
.ftr2-soc{display:flex;gap:12px;justify-content:flex-start;margin-top:2px;}
@media(max-width:720px){.ftr2-soc{justify-content:center;}}
.ftr2-soc a{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;
  background:linear-gradient(145deg,#E8CEA6,#C8A878 55%,#9A7848);
  box-shadow:0 6px 16px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.45);transition:filter .15s,transform .15s;}
.ftr2-soc a:hover{filter:brightness(1.06);transform:translateY(-1px);}
.ftr2-soc img{width:20px;height:20px;}
.ftr2-bottom{border-top:1px solid rgba(255,255,255,.08);}
.ftr2-bottom .w{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:14px 18px;max-width:1120px;margin:0 auto;width:auto;}
.ftr2-bottom span,.ftr2-bottom a{font-size:12px;color:rgba(244,241,238,.6);}
.ftr2-bottom a:hover{color:rgba(244,241,238,.96);}