/* Cuerpo de las fichas con el sistema de pintor.uy (23/10/2026): bandas a todo el ancho con fondos alternos, H2 en Oswald
   con rayita roja, listas con punto rojo, pasos en línea de tiempo, tablas con encabezado gris oscuro, preguntas frecuentes en
   tarjetas con +, llamados en tarjeta blanca con filete rojo y botones rectangulares de radio 8. Sin columna lateral.
   Texto en Open Sans (fuente propia, como pintor). Mismos textos, títulos y enlaces que antes: solo cambia el diseño. */
@font-face{font-family:"Open Sans";font-style:normal;font-weight:300 800;font-stretch:100%;font-display:swap;src:url("../fonts/open-sans-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Open Sans";font-style:normal;font-weight:300 800;font-stretch:100%;font-display:swap;src:url("../fonts/open-sans-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{
  --bn-f:"Open Sans","Helvetica Neue",Arial,sans-serif;
  --bn-texto:#181818;--bn-texto-2:#545454;--bn-borde:#E5E5E5;--bn-fondo-3:#FAFAFA;--bn-sombra:0 6px 24px rgba(46,46,46,.10);
  --bn-fs-sm:clamp(.875rem,.85rem + .1vw,.9375rem);
  --bn-fs-base:clamp(1rem,.96rem + .15vw,1.0625rem);
  --bn-fs-h3:clamp(1.25rem,1.15rem + .4vw,1.5rem);
  --bn-fs-h2:clamp(1.625rem,1.35rem + 1.1vw,2.25rem);
  --bn-ancho:1180px;
}
body{font-family:var(--bn-f)}

/* Bandas: cada sección a todo el ancho; el contenido centrado a 1180 px con el mismo margen que el header */
.fi-bandas{display:block;max-width:none;margin:0;padding:0;font-size:var(--bn-fs-base);line-height:1.65;color:var(--bn-texto)}
.fi-bandas>*{max-width:var(--bn-ancho);margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;box-sizing:border-box}
@media (min-width:700px){.fi-bandas>*{padding-left:28px;padding-right:28px}}
.fi-bandas>.fi-section{max-width:none;margin:0;scroll-margin-top:90px;border:0;border-radius:0;box-shadow:none;background:#fff;
  padding:clamp(40px,5vw,72px) max(16px,calc((100% - var(--bn-ancho)) / 2 + 16px))}
@media (min-width:700px){.fi-bandas>.fi-section{padding-left:max(28px,calc((100% - var(--bn-ancho)) / 2 + 28px));padding-right:max(28px,calc((100% - var(--bn-ancho)) / 2 + 28px))}}
.fi-bandas>.fi-section--alt{background:var(--bn-fondo-3)}
.fi-bandas>.fi-banner{margin-top:clamp(28px,4vw,48px);margin-bottom:clamp(28px,4vw,48px)}

/* Sección con foto: foto 5/12 y texto 7/12; la foto queda pegada arriba al bajar */
.fi-bandas .fi-section{display:block}
.fi-bandas .fi-section__main{max-width:820px}
.fi-bandas .fi-section--media{display:grid;gap:28px;align-items:start}
@media (min-width:900px){
  .fi-bandas .fi-section--media{grid-template-columns:5fr 7fr;gap:56px}
  .fi-bandas .fi-section--media-right{grid-template-columns:7fr 5fr}
  .fi-bandas .fi-section--media-right .fi-section__media{order:2}
  .fi-bandas .fi-section__media{position:sticky;top:104px}
}
.fi-bandas .fi-section--media>*{min-width:0}
.fi-bandas .fi-section--media .fi-section__main{max-width:none}
.fi-bandas .fi-section__media{margin:0;border-radius:12px;overflow:hidden;box-shadow:0 18px 40px rgba(24,24,24,.12);aspect-ratio:auto}
.fi-bandas .fi-section__media img{display:block;width:100%;height:auto;border-radius:12px;aspect-ratio:4/3;object-fit:cover}

/* H2 en Oswald con rayita roja; sin el ícono de la sección */
.fi-bandas .fi-section__head{display:block;margin:0 0 .45em;padding:0;border:0}
.fi-bandas .fi-section__icon{display:none}
.fi-bandas h2{font-family:var(--cab-f-titulos);font-weight:700;text-transform:uppercase;letter-spacing:.015em;font-size:var(--bn-fs-h2);line-height:1.1;color:var(--cab-pri);margin:0;text-wrap:balance}
.fi-bandas h2::after{content:"";display:block;width:44px;height:4px;border-radius:2px;background:var(--cab-rojo);margin-top:14px}
.fi-bandas h3{font-family:var(--cab-f-titulos);font-weight:700;text-transform:uppercase;letter-spacing:.015em;font-size:var(--bn-fs-h3);line-height:1.15;color:var(--cab-pri);margin:1.6em 0 .4em}
.fi-bandas p{margin:0 0 1em}
.fi-bandas a{color:var(--cab-pri);text-decoration:underline;text-decoration-color:var(--cab-rojo);text-underline-offset:3px}
.fi-bandas a:hover{color:var(--cab-rojo)}
.fi-bandas strong{color:var(--bn-texto)}
.fi-bandas li{margin:.45em 0}

/* Listas: punto rojo, sin íconos */
.fi-bandas ul.fi-list,.fi-bandas .fi-section__body>ul:not([class]){list-style:none;padding-left:0;margin:1em 0;columns:1}
.fi-bandas ul.fi-list>li,.fi-bandas .fi-section__body>ul:not([class])>li{position:relative;display:block;padding-left:1.35em}
.fi-bandas ul.fi-list>li>i{display:none}
.fi-bandas ul.fi-list>li::before,.fi-bandas .fi-section__body>ul:not([class])>li::before{content:"";position:absolute;left:.15em;top:.68em;width:7px;height:7px;border-radius:2px;background:var(--cab-rojo)}

/* Pasos numerados: línea de tiempo con número en círculo gris oscuro */
.fi-bandas ol.fi-steps{list-style:none;padding-left:0;margin:1.4em 0}
.fi-bandas ol.fi-steps>li{position:relative;display:block;padding:0 0 1.1em 3.2em;margin:0;min-height:2.4em;background:none;border:0;box-shadow:none}
.fi-bandas .fi-steps__n{position:absolute;left:0;top:-.1em;width:2.2em;height:2.2em;border-radius:50%;background:var(--cab-pri);color:#fff;font-family:var(--cab-f-titulos);font-weight:700;display:flex;align-items:center;justify-content:center;font-size:.95em;margin:0}
.fi-bandas ol.fi-steps>li::after{content:"";position:absolute;left:calc(1.05em - 1px);top:2.3em;bottom:.15em;width:2px;background:#C6C6C6}
.fi-bandas ol.fi-steps>li:last-child{padding-bottom:0}
.fi-bandas ol.fi-steps>li:last-child::after{display:none}

/* Tablas: marco redondeado, encabezado gris oscuro, filas alternadas */
.fi-bandas .ar-table-wrap{overflow-x:auto;margin:1.4em 0;border:1px solid var(--bn-borde);border-radius:12px;background:#fff;box-shadow:none;-webkit-overflow-scrolling:touch}
.fi-bandas table{border-collapse:collapse;width:100%;font-size:var(--bn-fs-sm);line-height:1.5;margin:0;border:0}
.fi-bandas th,.fi-bandas td{border:0;border-bottom:1px solid var(--bn-borde);padding:12px 14px;text-align:left;vertical-align:top}
.fi-bandas th{background:var(--cab-pri);color:#fff;font-family:var(--cab-f-titulos);font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:var(--bn-fs-sm)}
.fi-bandas tbody tr:nth-child(even){background:var(--bn-fondo-3)}
.fi-bandas tbody tr:last-child td{border-bottom:0}
.fi-bandas td:first-child{font-weight:700;color:var(--bn-texto)}

/* Preguntas frecuentes: tarjetas con + que gira a × al abrir */
.fi-bandas .ar-faq__item{border:1px solid var(--bn-borde);border-radius:12px;margin:10px 0;background:#fff;box-shadow:none;transition:border-color .2s,box-shadow .2s;padding:0}
.fi-bandas .ar-faq__item[open]{border-color:#D6D6D6;box-shadow:var(--bn-sombra)}
.fi-bandas .ar-faq__item summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 20px;cursor:pointer;list-style:none;background:none}
.fi-bandas .ar-faq__item summary::-webkit-details-marker{display:none}
.fi-bandas .ar-faq__item summary h3{font-family:var(--bn-f);text-transform:none;letter-spacing:0;font-weight:700;font-size:var(--bn-fs-base);line-height:1.4;color:var(--bn-texto);margin:0}
.fi-bandas .ar-faq__item summary:hover h3{color:var(--cab-pri)}
.fi-bandas .ar-faq__item summary>i{display:none}
.fi-bandas .ar-faq__item summary::after{content:"+";flex:0 0 auto;color:var(--cab-rojo);font-size:1.6em;font-weight:400;line-height:1;transition:transform .2s}
.fi-bandas .ar-faq__item[open] summary::after{transform:rotate(45deg)}
.fi-bandas .ar-faq__a{padding:0 20px 18px;color:var(--bn-texto-2)}
.fi-bandas .ar-faq__a>:last-child{margin-bottom:0}

/* Llamado dentro del texto: tarjeta blanca con filete rojo a la izquierda y botón rojo */
.fi-bandas .fi-banner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 24px;background:#fff;color:var(--bn-texto);border:1px solid var(--bn-borde);border-left:4px solid var(--cab-rojo);border-radius:12px;padding:20px 22px;box-shadow:none}
.fi-bandas>.fi-banner{max-width:calc(var(--bn-ancho) - 56px)}
@media (max-width:1235px){.fi-bandas>.fi-banner{margin-left:16px;margin-right:16px}}
@media (min-width:700px) and (max-width:1235px){.fi-bandas>.fi-banner{margin-left:28px;margin-right:28px}}
.fi-bandas .fi-banner__txt>i{color:var(--cab-rojo);font-size:1.6rem}
.fi-bandas .fi-banner strong{display:block;color:var(--cab-pri);font-family:var(--cab-f-titulos);font-size:var(--bn-fs-h3);text-transform:uppercase;letter-spacing:.015em;line-height:1.15}
.fi-bandas .fi-banner span{color:var(--bn-texto-2);font-size:var(--bn-fs-sm)}
.fi-bandas .btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;padding:.8em 1.3em;border-radius:8px;font-family:var(--cab-f-titulos);text-transform:uppercase;letter-spacing:.04em;font-weight:700;font-size:var(--cab-fs-btn);text-decoration:none;border:2px solid transparent;line-height:1.2;box-shadow:none;transform:none;min-height:0}
.fi-bandas .btn--whatsapp,.fi-bandas a.btn--whatsapp{background:var(--cab-rojo);color:#fff}
.fi-bandas .btn--whatsapp:hover{background:var(--cab-rojo-2);color:#fff;transform:none;box-shadow:none}
@media (max-width:640px){.fi-bandas .fi-banner .btn{width:100%}}

/* Fotos y galerías */
.fi-bandas .fi-foto{margin:1.2em 0}
.fi-bandas .fi-foto img{border-radius:12px;box-shadow:0 18px 40px rgba(24,24,24,.12)}
.fi-bandas .fi-foto figcaption{margin-top:10px;font-size:.8125rem;color:var(--bn-texto-2)}

/* Enlaces en chips (servicio en otras zonas): tarjetas chicas con flecha roja */
.fi-bandas ul.fi-chips{list-style:none;padding:0;margin:1em 0;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.fi-bandas ul.fi-chips li{margin:0}
.fi-bandas ul.fi-chips a{display:flex;align-items:center;gap:10px;height:100%;padding:12px 14px;background:#fff;border:1px solid var(--bn-borde);border-radius:8px;color:var(--bn-texto);text-decoration:none;font-weight:600;font-size:var(--bn-fs-sm);transition:border-color .2s,box-shadow .2s,transform .2s}
.fi-bandas ul.fi-chips a:hover{border-color:#D6D6D6;box-shadow:var(--bn-sombra);transform:translateY(-2px);color:var(--cab-pri)}
.fi-bandas ul.fi-chips i{color:var(--cab-rojo);order:2;margin-left:auto;font-size:.85em}

/* Listado completo (zonas): desplegable simple */
.fi-bandas .fi-index{border:1px solid var(--bn-borde);border-radius:12px;background:#fff;margin:1em 0}
.fi-bandas .fi-index summary{padding:14px 18px;font-weight:700;cursor:pointer;color:var(--cab-pri)}
.fi-bandas .fi-index summary i{color:var(--cab-rojo);margin-right:6px}
.fi-bandas .fi-index__list{list-style:none;margin:0;padding:0 18px 16px;columns:2 180px;column-gap:24px}
.fi-bandas .fi-index__list li{margin:.3em 0;break-inside:avoid}
/* El bloque de texto de la sección venía con relleno propio del diseño anterior: lo saco para que alinee con la foto */
.fi-bandas .fi-section__main,.fi-bandas .fi-section__body{padding:0;margin:0;background:none;border:0;box-shadow:none}

/* ===== Cierre como pintor.uy: tarjeta gris oscuro con sombra roja recta, ícono en círculo, H2 blanco con rayita y dos botones ===== */
.contacto-final{padding:clamp(48px,6vw,80px) 0;background:#fff}
.contacto-final .container{max-width:1180px;padding-left:16px;padding-right:16px}
@media (min-width:700px){.contacto-final .container{padding-left:28px;padding-right:28px}}
.contacto-final__tarjeta{display:grid;gap:20px;background:var(--cab-pri);color:#EBEBEB;border-radius:16px;padding:clamp(26px,4vw,48px);box-shadow:10px 10px 0 var(--cab-rojo)}
@media (min-width:900px){.contacto-final__tarjeta{grid-template-columns:auto 1fr;gap:36px;align-items:start}}
.contacto-final__icono{display:flex;align-items:center;justify-content:center;width:96px;height:96px;border-radius:50%;background:#fff}
.contacto-final__icono img{width:64px;height:64px;object-fit:contain}
.contacto-final h2{font-family:var(--cab-f-titulos);font-weight:700;text-transform:uppercase;letter-spacing:.015em;font-size:var(--bn-fs-h2);line-height:1.1;color:#fff;margin:0 0 .5em;text-wrap:balance}
.contacto-final h2::after{content:"";display:block;width:44px;height:4px;border-radius:2px;background:var(--cab-rojo);margin-top:14px}
.contacto-final p{max-width:640px;margin:0;font-size:var(--cab-fs-lg);line-height:1.6}
.contacto-final .hero__cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.contacto-final .btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;padding:.85em 1.5em;border-radius:8px;font-family:var(--cab-f-titulos);text-transform:uppercase;letter-spacing:.04em;font-weight:700;font-size:calc(var(--cab-fs-btn) * 1.1);text-decoration:none;border:2px solid transparent;line-height:1.2}
.contacto-final .btn--wa{background:var(--cab-rojo);color:#fff}
.contacto-final .btn--wa:hover{background:var(--cab-rojo-2);color:#fff}
.contacto-final .btn--linea{background:transparent;color:#fff;border-color:#fff}
.contacto-final .btn--linea:hover{background:#fff;color:var(--cab-pri)}
@media (max-width:767px){.contacto-final .hero__cta{flex-direction:column;align-items:stretch}.contacto-final .btn{width:100%}.contacto-final__tarjeta{box-shadow:6px 6px 0 var(--cab-rojo)}}

/* ===== Pie como pintor.uy: gris oscuro de la marca, títulos en Oswald con rayita roja, botón rojo y teléfono grande ===== */
.ft.ft{background:var(--cab-pri);color:#D6D6D6;padding:clamp(40px,5vw,64px) 0 0;font-size:.9375rem;font-family:var(--bn-f)}
.ft .container{max-width:1180px;padding-left:16px;padding-right:16px}
@media (min-width:700px){.ft .container{padding-left:28px;padding-right:28px}}
.ft .ft__top{display:grid;gap:32px;grid-template-columns:1fr;padding-bottom:40px}
@media (min-width:700px){.ft .ft__top{grid-template-columns:1fr 1fr}}
@media (min-width:1000px){.ft .ft__top{grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px}}
.ft .ft__logo .logo-svg{height:80px;width:auto}
.ft .ft__tagline{color:#D6D6D6;line-height:1.6;margin:14px 0 18px;max-width:360px}
.ft .ft__btn{display:inline-flex;align-items:center;gap:.5em;padding:.8em 1.3em;border-radius:8px;background:var(--cab-rojo);color:#fff;font-family:var(--cab-f-titulos);text-transform:uppercase;letter-spacing:.04em;font-weight:700;font-size:var(--cab-fs-btn);text-decoration:none;line-height:1.2}
.ft .ft__btn:hover{background:var(--cab-rojo-2);color:#fff}
.ft .ft__contact{display:grid;gap:8px;margin-top:20px}
.ft .ft__contact a,.ft .ft__contact span{display:inline-flex;align-items:center;gap:8px;color:#D6D6D6;text-decoration:none}
.ft .ft__contact a:hover{color:#fff}
.ft .ft__contact .ft__tel{font-family:var(--cab-f-titulos);font-weight:700;font-size:1.5rem;letter-spacing:.02em;color:#fff}
.ft .ft__contact i{color:#fff;opacity:.85;width:1.1em;text-align:center}
.ft .ft__heading{font-family:var(--cab-f-titulos);font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:1.0625rem;color:#fff;margin:0 0 14px}
.ft .ft__heading::after{content:"";display:block;width:32px;height:3px;border-radius:2px;background:var(--cab-rojo);margin-top:10px}
.ft .ft__col ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.ft .ft__col a{color:#D6D6D6;text-decoration:none}
.ft .ft__col a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
.ft .ft__bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;border-top:1px solid rgba(255,255,255,.12);padding:18px 0;font-size:.8125rem;color:#BDBDBD}
.ft .ft__bottom p{margin:0}

/* ===== Contacto como pintor.uy: formulario en tarjeta blanca con filete gris oscuro, campos simples, botón rojo;
   al costado, WhatsApp en tarjeta gris oscuro y datos en tarjetas blancas ===== */
.contacto{padding:clamp(40px,5vw,72px) 0;background:var(--bn-fondo-3);font-family:var(--bn-f)}
.contacto .container{max-width:1180px;padding-left:16px;padding-right:16px}
@media (min-width:700px){.contacto .container{padding-left:28px;padding-right:28px}}
.contacto__layout{display:grid;gap:28px;align-items:start}
@media (min-width:900px){.contacto__layout{grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);gap:40px}}
.contacto__layout>*{min-width:0}
.contacto__form-wrap{background:#fff;border:1px solid var(--bn-borde);border-top:4px solid var(--cab-pri);border-radius:12px;padding:clamp(20px,3vw,32px);box-shadow:var(--bn-sombra)}
.contacto__form-title{font-family:var(--cab-f-titulos);font-weight:700;text-transform:uppercase;letter-spacing:.015em;font-size:var(--bn-fs-h3);color:var(--cab-pri);margin:0 0 18px}
.contacto__row--2{display:grid;gap:0 16px}
@media (min-width:640px){.contacto__row--2{grid-template-columns:1fr 1fr}}
.contacto__group{margin-bottom:14px}
.contacto__label{display:block;font-size:.875rem;font-weight:600;color:var(--bn-texto);margin:0 0 6px;text-transform:none;letter-spacing:0;font-family:inherit}
.contacto__input,.contacto__select,.contacto__textarea{width:100%;font:inherit;font-size:1rem;padding:12px 14px;min-height:48px;border:1px solid #CFCFCF;border-radius:8px;background:#fff;box-shadow:none}
.contacto__input:focus,.contacto__select:focus,.contacto__textarea:focus{outline:0;border-color:var(--cab-pri);box-shadow:0 0 0 3px rgba(46,46,46,.12)}
.contacto__submit.contacto__submit{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:.5em;padding:.9em 1.4em;border-radius:8px;border:0;background:var(--cab-rojo);color:#fff;font-family:var(--cab-f-titulos);text-transform:uppercase;letter-spacing:.04em;font-weight:700;font-size:var(--cab-fs-btn);box-shadow:none;transform:none}
.contacto__submit.contacto__submit:hover{background:var(--cab-rojo-2)}
.contacto__submit i{display:none}
.contacto__info{display:grid;gap:14px}
.contacto__wa-card.contacto__wa-card{display:flex;align-items:center;gap:14px;background:var(--cab-pri);color:#fff;border-radius:12px;padding:18px 20px;text-decoration:none;box-shadow:6px 6px 0 var(--cab-rojo);border:0}
.contacto__wa-card>i:first-child{font-size:1.8rem;color:#fff}
.contacto__wa-card strong{display:block;font-family:var(--cab-f-titulos);text-transform:uppercase;letter-spacing:.03em;font-size:1.125rem;color:#fff}
.contacto__wa-card span{color:#D6D6D6;font-weight:600}
.contacto__wa-arrow{margin-left:auto;color:var(--cab-rojo);font-size:1.3rem}
.contacto__info-block{background:#fff;border:1px solid var(--bn-borde);border-radius:12px;padding:18px 20px}
.contacto__info-heading{display:flex;align-items:center;gap:8px;font-family:var(--cab-f-titulos);font-weight:700;text-transform:uppercase;letter-spacing:.03em;font-size:1.0625rem;color:var(--cab-pri);margin:0 0 10px}
.contacto__info-heading i{color:var(--cab-rojo)}
.contacto__hours{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:var(--bn-fs-sm)}
.contacto__hours li{display:flex;justify-content:space-between;gap:12px}
.contacto__info-block p{margin:0;font-size:var(--bn-fs-sm);color:var(--bn-texto-2)}
.contacto__info-block a{color:var(--cab-pri);text-decoration:underline;text-decoration-color:var(--cab-rojo);text-underline-offset:3px}

/* ===== Blog (índice y artículos): tarjetas como las de pintor, botones rectangulares ===== */
.fi-blog .bgeo a.btn,.fi-blog .bgeo .btn{border-radius:8px}

/* ===== "Qué construimos" de la home en tarjetas con foto, como "Trabajos de pintura que hacemos" de pintor.uy ===== */
.fi-bandas>.fi-section--servicios{background:#F5F5F5}
.fi-bandas .fi-section--servicios .fi-section__main{max-width:none}
.fi-bandas .fi-section--servicios .fi-section__body>p{max-width:760px;font-size:var(--cab-fs-lg)}
.fi-bandas ul.grilla-servicios{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:16px;grid-template-columns:1fr;columns:auto}
.fi-bandas .grilla-servicios__item{position:relative;isolation:isolate;display:flex;flex-direction:row;align-items:stretch;gap:0;margin:0;padding:0;background:#fff;border:1px solid #E0E0E0;border-radius:16px;box-shadow:5px 5px 0 #DADADA;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.fi-bandas .grilla-servicios__item::before{display:none}
.fi-bandas .grilla-servicios__item:hover{transform:translate(-3px,-3px);box-shadow:8px 8px 0 var(--cab-pri);border-color:var(--cab-pri)}
.fi-bandas .grilla-servicios__item:focus-within{outline:3px solid var(--cab-rojo);outline-offset:3px}
.fi-bandas .grilla-servicios__foto{position:relative;z-index:-1;flex:0 0 44%;min-height:150px;overflow:hidden;background:#F5F5F5}
.fi-bandas .grilla-servicios__foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease;border-radius:0;box-shadow:none}
.fi-bandas .grilla-servicios__item:hover .grilla-servicios__foto img{transform:scale(1.05)}
.fi-bandas .grilla-servicios__foto::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,0) 48%,rgba(255,255,255,.8) 82%,#fff 98%);pointer-events:none}
.fi-bandas .grilla-servicios__txt{align-self:center;margin-left:-6%;padding:18px 20px 20px 0;font-size:var(--bn-fs-sm);line-height:1.55;color:var(--bn-texto-2)}
.fi-bandas .grilla-servicios__titulo{display:block;margin-bottom:6px;font-family:var(--cab-f-titulos);font-weight:700;text-transform:uppercase;letter-spacing:.02em;font-size:var(--bn-fs-h3);line-height:1.15;color:var(--cab-pri);text-decoration:none}
.fi-bandas .grilla-servicios__titulo::after{content:"\00a0\2192";position:relative;left:0;color:var(--cab-rojo);font-family:var(--bn-f);white-space:nowrap;transition:left .2s ease}
.fi-bandas .grilla-servicios__item:hover .grilla-servicios__titulo::after{left:4px}
/* Toda la tarjeta lleva al servicio; los otros enlaces del texto quedan clickeables encima */
.fi-bandas .grilla-servicios__titulo::before{content:"";position:absolute;inset:0;z-index:2;border-radius:16px}
.fi-bandas .grilla-servicios__txt a:not(.grilla-servicios__titulo){position:relative;z-index:3}
.fi-bandas .grilla-servicios__txt>a:focus-visible{outline:0}
@media (max-width:639px){
  .fi-bandas ul.grilla-servicios{gap:14px}
  .fi-bandas .grilla-servicios__item{box-shadow:4px 4px 0 #DADADA}
  .fi-bandas .grilla-servicios__foto{min-height:140px}
  .fi-bandas .grilla-servicios__txt{margin-left:-8%;padding:14px 14px 16px 0}
  .fi-bandas .grilla-servicios__titulo{font-size:1.125rem}
}
@media (min-width:640px){.fi-bandas .grilla-servicios__foto{flex-basis:40%;min-height:180px}}
@media (min-width:900px){
  .fi-bandas ul.grilla-servicios{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
  .fi-bandas .grilla-servicios__foto{flex-basis:44%;min-height:210px}
  .fi-bandas .grilla-servicios--n5>.grilla-servicios__item:first-child{grid-column:1/-1}
  .fi-bandas .grilla-servicios--n5>.grilla-servicios__item:first-child .grilla-servicios__foto{flex-basis:52%;min-height:280px}
  .fi-bandas .grilla-servicios--n5>.grilla-servicios__item:first-child .grilla-servicios__foto::after{background:linear-gradient(90deg,rgba(255,255,255,0) 60%,rgba(255,255,255,.8) 88%,#fff 99%)}
  .fi-bandas .grilla-servicios--n5>.grilla-servicios__item:first-child .grilla-servicios__txt{padding:28px 36px 30px 0;max-width:520px;font-size:var(--bn-fs-base)}
  .fi-bandas .grilla-servicios--n5>.grilla-servicios__item:first-child .grilla-servicios__titulo{font-size:calc(var(--bn-fs-h3) * 1.18)}
}
@media (prefers-reduced-motion:reduce){.fi-bandas .grilla-servicios__item,.fi-bandas .grilla-servicios__foto img{transition:none}.fi-bandas .grilla-servicios__item:hover,.fi-bandas .grilla-servicios__item:hover .grilla-servicios__foto img{transform:none}}
.fi-bandas .grilla-servicios__desc{display:block}

/* =====================================================================================================
   ARREGLOS Y ONDA (23/10/2026, "arreglá las partes rotas, ponele onda, cuidá la sobrecarga cognitiva")
   ===================================================================================================== */

/* 1) La franja "¿Querés saber cuánto sale?" de arriba repetía el formulario que está justo encima: se oculta esa primera.
      Las que quedan dentro de una sección se apilan (texto arriba, botón abajo) para no quedar apretadas en la columna. */
.fi-bandas>.fi-banner:first-child{display:none}
.fi-bandas .fi-section .fi-banner{flex-direction:column;align-items:flex-start;gap:12px;margin:1.4em 0 0}
.fi-bandas .fi-section .fi-banner .btn{align-self:stretch}
@media (min-width:640px){.fi-bandas .fi-section .fi-banner .btn{align-self:flex-start}}
.fi-bandas .fi-banner span{display:block}

/* 2) Secciones con tabla: la foto de costado aplastaba la tabla. La foto pasa arriba como franja ancha y la tabla usa todo el ancho */
@media (min-width:900px){
  .fi-bandas .fi-section--media:has(.ar-table-wrap){grid-template-columns:1fr;gap:28px}
  .fi-bandas .fi-section--media:has(.ar-table-wrap) .fi-section__media{order:0;position:static;max-height:260px}
  .fi-bandas .fi-section--media:has(.ar-table-wrap) .fi-section__media img{aspect-ratio:auto;height:260px}
  .fi-bandas .fi-section--media:has(.ar-table-wrap) .fi-section__main{max-width:980px}
}

/* 3) Modelos: foto y ficha técnica una al lado de la otra (antes iban apiladas y la página medía 14.000 px) */
.fi-bandas .fi-section:has(.fi-foto + .ar-table-wrap) .fi-section__main{max-width:none}
@media (min-width:900px){
  .fi-bandas .fi-section__body>.fi-foto:has(+ .ar-table-wrap){float:left;width:min(46%,520px);margin:.4em 32px 16px 0}
  .fi-bandas .fi-section__body>.fi-foto+.ar-table-wrap{margin-top:.4em}
  .fi-bandas .fi-section__body>:not(.fi-foto):not(.ar-table-wrap){clear:both}
  .fi-bandas .fi-section__body::after{content:"";display:block;clear:both}
}

/* 4) Tablas en celular: tabla de verdad con desplazamiento lateral (antes cada fila era una tarjeta y triplicaba el largo) */
@media (max-width:767px){
  .fi-bandas .ar-table-wrap{overflow-x:auto;border-radius:10px}
  .fi-bandas table.ar-table{display:table;width:100%}
  .fi-bandas .ar-table thead{display:table-header-group}
  .fi-bandas .ar-table tbody{display:table-row-group}
  .fi-bandas .ar-table tr{display:table-row;border:0;border-radius:0;margin:0;background:none}
  .fi-bandas .ar-table tbody tr:nth-child(even){background:var(--bn-fondo-3)}
  .fi-bandas .ar-table td,.fi-bandas .ar-table th{display:table-cell;width:auto;border:0;border-bottom:1px solid var(--bn-borde);padding:10px 12px;font-size:.875rem;background:transparent}
  .fi-bandas .ar-table td:first-child{background:transparent;color:var(--bn-texto)}
  .fi-bandas .ar-table td[data-label]::before,.fi-bandas .ar-table td[data-label]:not(:first-child)::before{display:none;content:none}
  .fi-bandas .ar-table:has(th:nth-child(4)){min-width:600px}
  .fi-bandas .ar-table-wrap:has(th:nth-child(4)){background:linear-gradient(90deg,#fff 30%,rgba(255,255,255,0)),linear-gradient(90deg,rgba(255,255,255,0),#fff 70%) 100% 0,radial-gradient(farthest-side at 100% 50%,rgba(0,0,0,.14),rgba(0,0,0,0)) 100% 0;background-repeat:no-repeat;background-size:40px 100%,40px 100%,14px 100%;background-attachment:local,local,scroll}
}

/* 5) Migas en celular: una sola línea, la página actual se corta con "…" */
@media (max-width:767px){
  .page-intro .pj-crumb ol{flex-wrap:nowrap;overflow:hidden;white-space:nowrap}
  .page-intro .pj-crumb li{flex:0 0 auto}
  .page-intro .pj-crumb li:last-child{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}
  .page-intro .pj-crumb li:last-child span{overflow:hidden;text-overflow:ellipsis;display:block}
}

/* 6) Secciones de enlaces (guías, zonas, chips): usan todo el ancho en vez de 820 px */
.fi-bandas .fi-section:has(.fi-chips) .fi-section__main,.fi-bandas .fi-section--links .fi-section__main{max-width:none}
@media (min-width:900px){.fi-bandas ul.fi-chips{grid-template-columns:repeat(3,minmax(0,1fr))}}
.fi-bandas .fi-section--links ul.fi-list,.fi-bandas .fi-section--links .fi-section__body>ul:not([class]){columns:2 280px;column-gap:32px}

/* 7) Onda: preguntas frecuentes en dos columnas en escritorio, tarjetas con sombra recta al pasar el mouse */
@media (min-width:1000px){
  .fi-bandas .fi-section--faq .fi-section__main{max-width:none}
  .fi-bandas .fi-section--faq .fi-section__body{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;align-items:start}
  .fi-bandas .fi-section--faq .fi-section__body>:not(.ar-faq__item){grid-column:1/-1}
}
.fi-bandas .ar-faq__item:hover{border-color:#CFCFCF}
.fi-bandas .ar-faq__item[open]{box-shadow:5px 5px 0 #DADADA}
.fi-bandas .fi-section__media{transition:transform .3s ease,box-shadow .3s ease}
.fi-bandas .fi-section__media:hover{transform:translate(-3px,-3px);box-shadow:8px 8px 0 var(--cab-pri)}
.fi-bandas ol.fi-steps>li .fi-steps__n{transition:background-color .2s}
.fi-bandas ol.fi-steps>li:hover .fi-steps__n{background:var(--cab-rojo)}
.fi-bandas .ar-table-wrap{box-shadow:5px 5px 0 #EDEDED}

/* 8) Onda: al bajar, las bandas entran con un leve desplazamiento (animación ligada al scroll, solo donde el navegador la soporta).
      Nunca arrancan invisibles: si la animación no corre, el contenido se ve igual. */
@supports (animation-timeline: view()){
  @media (prefers-reduced-motion:no-preference){
    @keyframes bn-entra{from{opacity:.4;transform:translateY(24px)}to{opacity:1;transform:none}}
    .fi-bandas>.fi-section>*,.contacto-final__tarjeta{animation:bn-entra linear both;animation-timeline:view();animation-range:entry 0% entry 40%}
  }
}

/* 9) Blog: tarjetas como las de pintor (borde, radio 12, sombra recta al pasar) */
.fi-blog .bgeo-banda{height:clamp(110px,10vw,150px)}
/* Arreglo: en celular el encabezado de las tablas quedaba blanco sobre blanco */
@media (max-width:767px){.fi-bandas .ar-table thead th{background:var(--cab-pri);color:#fff;white-space:nowrap}}