/* volquetasmontevideo.com con el diseño de pintor.uy: todo lo que va debajo del hero (23/10/2026), tomado de sanitariosmoviles.uy (mismo motor).
   Va al final, después de cabecera, hero, ventajas y servicios. Solo diseño: no cambia textos, títulos, enlaces ni schema.
   Sistema de pintor.uy con la paleta del logo: gris oscuro #2B2B2E (#1B1B1D), rojo #D7262B (#A81C20), gris claro #F5F5F5.
   Bandas a todo el ancho con fondos alternos blanco/gris; tarjetas blancas con sombra recta sin desenfoque; cierre oscuro con sombra roja. */
:root{
  --p-pri:#2B2B2E;--p-pri-2:#1B1B1D;--p-acento:#D7262B;--p-acento-2:#A81C20;--p-gris:#F5F5F5;
  --p-texto:#181818;--p-texto-2:#545454;--p-borde:#E0E0E0;--p-sombra:#DADADA;
}

/* ===== Bandas: fondos alternos blanco / gris neutro según el orden de las secciones (sin tintes de color) ===== */
#main-content > section:nth-of-type(even){background:#fff !important}
#main-content > section:nth-of-type(odd){background:var(--p-gris) !important}
#main-content > section.hero{background:#1B1B1B !important}
.migas{background:#fff !important}

/* ===== Tarjetas: blancas, borde gris, radio 16, sombra recta sin desenfoque; al pasar el mouse la sombra pasa a gris oscuro ===== */
.dif-item,.secciones__card,.review-card,.respuesta__inner,.relacionados__col,.zonas-home__grupo{
  background:#fff !important;border:1px solid var(--p-borde) !important;border-radius:16px !important;
  box-shadow:5px 5px 0 var(--p-sombra) !important;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.dif-item:hover,.secciones__card:hover,.review-card:hover{transform:translate(-3px,-3px) !important;box-shadow:8px 8px 0 var(--p-pri) !important;border-color:var(--p-pri) !important}
.dif-item::after,.secciones__card::after{display:none !important}
.dif-item__icon{background:var(--p-gris) !important}
.respuesta__inner{border-top:0 !important;box-shadow:6px 6px 0 var(--p-acento) !important}

/* ===== Preguntas frecuentes: tarjetas con sombra recta; la abierta con sombra roja ===== */
.faq__item{border:1px solid var(--p-borde) !important;border-radius:12px !important;box-shadow:4px 4px 0 var(--p-sombra) !important}
.faq__item[open]{border-color:var(--p-pri) !important;box-shadow:5px 5px 0 var(--p-acento) !important}
.faq__icon{color:var(--p-acento-2) !important}

/* ===== Pasos: círculos blancos con borde gris oscuro y línea roja clara ===== */
.pasos__icon{background:#fff !important;border-color:var(--p-pri) !important}
.pasos__item:not(:last-child)::after{background:#E9B8BA !important}

/* ===== Zonas: chips suaves sin borde ===== */
.zonas-home__chip{border:0 !important;background:#fff !important;box-shadow:0 0 0 1px var(--p-borde) inset}
#main-content > section:nth-of-type(even) .zonas-home__chip{background:var(--p-gris) !important;box-shadow:none}
.zonas-home__chip:hover{background:var(--p-pri) !important;color:#fff !important}

/* ===== Quiénes somos: foto con sombra recta ===== */
.quienes-somos__img{border-radius:16px !important;box-shadow:8px 8px 0 var(--p-acento) !important}

/* ===== Encabezado de las páginas internas: la foto del hero con el mismo velo negro ===== */
.page-intro,#main-content > section.page-intro,#main-content > section.e404{position:relative;background:#1B1B1B url("../images/hero/vmvd-hero-escritorio.webp") right 70% / cover no-repeat !important}
.page-intro::before,.e404::before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(20,20,20,.72) 0%,rgba(20,20,20,.52) 45%,rgba(20,20,20,.3) 100%);pointer-events:none}
.page-intro > *,.e404 > *{position:relative}
.page-intro__title,.page-intro__desc,.page-intro__eyebrow{text-shadow:0 1px 3px rgba(0,0,0,.35),0 2px 16px rgba(0,0,0,.45)}
@media (max-width:600px){#main-content > section.page-intro,#main-content > section.e404{background-image:url("../images/hero/vmvd-hero-celular-720.webp") !important;background-position:center bottom !important}}

/* ===== Cierre (contacto de la home y las landings): banda gris oscuro, texto claro y formulario blanco con sombra roja ===== */
#main-content > section.contacto-home{background:var(--p-pri) !important;color:#E4E4E4}
.contacto-home .contacto-home__title{color:#fff !important}
.contacto-home .contacto-home__title::after{background:var(--p-acento) !important}
.contacto-home .contacto-home__lead,.contacto-home .contacto-home__datos,.contacto-home .contacto-home__datos a{color:#E4E4E4 !important}
.contacto-home .contacto-home__datos i{color:var(--p-acento) !important}
.contacto-home .contacto-home__form{border:0 !important;border-radius:16px !important;box-shadow:8px 8px 0 var(--p-acento) !important;color:var(--p-texto)}
.contacto-home .contacto-home__submit{background:var(--p-pri) !important;border-color:var(--p-pri) !important}

/* ===== Cierre de las páginas internas (cta-bottom): tarjeta gris oscuro con sombra roja ===== */
.cta-bottom .cta-bottom__inner{background:var(--p-pri) !important;color:#E4E4E4;border:0 !important;border-radius:16px !important;box-shadow:8px 8px 0 var(--p-acento) !important;padding:clamp(24px,4vw,44px) !important}
.cta-bottom .cta-bottom__title,.cta-bottom .cta-bottom__title span{color:#fff !important}
.cta-bottom .cta-bottom__desc,.cta-bottom .cta-bottom__trust,.cta-bottom .cta-bottom__panel,.cta-bottom .cta-bottom__panel a,.cta-bottom .cta-bottom__phone{color:#E4E4E4 !important}
.cta-bottom .cta-bottom__panel{background:rgba(255,255,255,.06) !important;border-color:rgba(255,255,255,.14) !important;border-radius:12px !important}
.cta-bottom .cta-bottom__phone{border:2px solid #fff !important;border-radius:8px !important;background:transparent !important}

/* ===== Botones de WhatsApp y teléfono con los íconos de Font Awesome (en lugar de Remix), también el flotante ===== */
.ri-whatsapp-line::before,.ri-phone-line::before{content:"" !important;display:inline-block;width:1em;height:1em;vertical-align:-.125em;background:currentColor;
  -webkit-mask:url("../images/iconos-chicos/whatsapp-fa.svg") center / contain no-repeat;mask:url("../images/iconos-chicos/whatsapp-fa.svg") center / contain no-repeat}
.ri-phone-line::before{-webkit-mask-image:url("../images/iconos-chicos/telefono-fa.svg");mask-image:url("../images/iconos-chicos/telefono-fa.svg")}

/* ===== Tablas: encabezado gris oscuro, borde con radio ===== */
.secciones__tabla th{background:var(--p-pri) !important}
.secciones__tabla-wrap{border-radius:12px !important;box-shadow:4px 4px 0 var(--p-sombra)}

/* ===== Notas: gris con borde rojo ===== */
.secciones__nota{background:var(--p-gris) !important;border-left-color:var(--p-acento) !important}

@media (prefers-reduced-motion:reduce){.dif-item,.secciones__card,.review-card{transition:none}.dif-item:hover,.secciones__card:hover,.review-card:hover{transform:none !important}}

/* ===== Botón de cada tarjeta de precios: WhatsApp rojo con letra blanca (".secciones a" lo dejaba gris sobre gris) ===== */
.secciones a.precios__card-cta,.precios__card-cta{background:var(--p-acento) !important;color:#fff !important;border-radius:8px !important;font-family:var(--cab-f-titulos) !important;text-transform:uppercase;letter-spacing:.04em;text-decoration:none !important;padding:.7em 1.2em !important}
.secciones a.precios__card-cta:hover,.precios__card-cta:hover{background:var(--p-acento-2) !important;color:#fff !important}

/* ===== Cierre interno: el bloque de texto sin caja clara (va sobre el gris oscuro) y el panel con títulos blancos ===== */
.cta-bottom .cta-bottom__content{background:transparent !important;border:0 !important;padding-left:0 !important;padding-right:0 !important}
.cta-bottom .cta-bottom__trust li,.cta-bottom .cta-bottom__trust span{color:#E4E4E4 !important}
.cta-bottom .cta-bottom__panel-item strong{color:#fff !important}
.cta-bottom .cta-bottom__panel-item span{color:#C9C9CC !important}
.cta-bottom .cta-bottom__panel-item{border-color:rgba(255,255,255,.14) !important}

/* ===== Botones .btn--whatsapp (cierres, contacto, artículos): rojos con letra blanca como el resto; el flotante sigue verde ===== */
.btn.btn--whatsapp,a.btn--whatsapp{background:var(--p-acento) !important;border-color:var(--p-acento) !important;color:#fff !important;border-radius:8px !important;box-shadow:none !important}
.btn.btn--whatsapp:hover,a.btn--whatsapp:hover{background:var(--p-acento-2) !important;border-color:var(--p-acento-2) !important;color:#fff !important}

/* ===== 404: encabezado con la foto del hero (el header va transparente encima, como en la home) ===== */
#main-content > section.e404{padding-top:calc(var(--alto-header) + 48px) !important}
.e404 .e404__code{color:var(--p-acento) !important;font-family:var(--cab-f-titulos) !important}
.e404 .e404__title{font-family:var(--cab-f-titulos) !important}
.e404 .e404__code,.e404 .e404__title,.e404 .e404__lead{text-shadow:0 1px 3px rgba(0,0,0,.35),0 2px 16px rgba(0,0,0,.45)}
.e404 .e404__btn{background:var(--p-acento) !important;color:#fff !important;border-radius:8px !important;font-family:var(--cab-f-titulos) !important;text-transform:uppercase;letter-spacing:.04em;box-shadow:none !important}
.e404 .e404__btn:hover{background:var(--p-acento-2) !important}

/* ======================================================================================================
   PASE 2 (23/10/2026, "faltan secciones todavía"): las secciones que seguían con el diseño anterior, al modelo de pintor.uy
   ====================================================================================================== */

/* ===== Títulos de las secciones de texto: sin el ícono al costado, en bloque y con la rayita roja abajo (como pintor) ===== */
.secciones__h2,.cta-bottom__title{display:block !important}
.secciones__h2 > img.secciones__icono,.cta-bottom__title > img.secciones__icono{display:none !important}
.secciones__h2::after{content:"" !important;display:block !important;width:44px !important;height:4px !important;border-radius:2px;background:var(--p-acento) !important;margin:14px 0 0 !important;position:static !important}
.secciones__h3{display:block !important}
.secciones__h3 > img{display:none !important}

/* ===== Pasos ("Cómo alquilar"): lista vertical como "Cómo trabajamos" de pintor.uy: ícono en círculo gris y una línea que los une ===== */
.pasos .pasos__header{text-align:left !important;margin-left:0 !important;max-width:760px}
.pasos .pasos__list{display:grid !important;grid-template-columns:1fr !important;gap:0 !important;max-width:760px;margin:28px 0 0 !important;padding:0 !important}
.pasos .pasos__item{position:relative;display:grid !important;grid-template-columns:64px 1fr;column-gap:20px;align-items:start;text-align:left !important;padding:0 0 26px !important;margin:0 !important}
.pasos .pasos__item:last-child{padding-bottom:0 !important}
.pasos .pasos__item::after{content:"" !important;position:absolute !important;left:31px !important;top:66px !important;bottom:4px !important;right:auto !important;width:2px !important;height:auto !important;background:#C6C6C6 !important;transform:none !important}
.pasos .pasos__item:last-child::after{display:none !important}
.pasos .pasos__icon{width:64px !important;height:64px !important;margin:0 !important;border-radius:50% !important;background:var(--p-gris) !important;border:0 !important;outline:0 !important;box-shadow:none !important;display:grid !important;place-items:center}
#main-content > section.pasos:nth-of-type(odd) .pasos__icon{background:#fff !important}
.pasos .pasos__icon img{width:40px !important;height:40px !important;object-fit:contain}
.pasos .pasos__content{padding-top:8px}
.pasos .pasos__step-title{margin:0 0 6px !important;font-size:var(--cab-fs-h3) !important;color:var(--p-pri) !important;text-align:left !important}
.pasos .pasos__desc{margin:0 !important;max-width:none !important;text-align:left !important;color:var(--p-texto-2) !important}
.pasos .pasos__cta{justify-content:flex-start !important;text-align:left !important;margin-top:28px !important}

/* ===== Preguntas frecuentes como pintor.uy: tarjetas con sombra recta; + rojo en círculo que gira a × y pasa a gris oscuro ===== */
.faq .faq__header{text-align:left !important;margin-left:0 !important}
.faq .faq__item{margin:0 0 14px !important;border:1px solid var(--p-borde) !important;border-radius:16px !important;background:#fff !important;box-shadow:5px 5px 0 var(--p-sombra) !important;transition:border-color .2s ease,box-shadow .2s ease}
.faq .faq__item:hover{border-color:var(--p-pri) !important}
.faq .faq__item[open]{border-color:var(--p-pri) !important;box-shadow:6px 6px 0 var(--p-pri) !important}
.faq .faq__item summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 22px !important;cursor:pointer;list-style:none}
.faq .faq__item summary::-webkit-details-marker{display:none}
.faq .faq__q{font-family:var(--cab-f-titulos) !important;font-weight:700 !important;text-transform:uppercase !important;letter-spacing:.02em !important;font-size:1.125rem !important;line-height:1.25 !important;color:var(--p-pri) !important}
.faq .faq__icon{flex:0 0 auto;display:grid !important;place-items:center;width:34px !important;height:34px !important;border-radius:50% !important;background:var(--p-acento) !important;color:#fff !important;font-size:1.25rem !important;transition:transform .25s ease,background-color .2s ease}
.faq .faq__item[open] .faq__icon{transform:rotate(45deg);background:var(--p-pri) !important}
.faq .faq__a{margin:0 22px !important;padding:16px 0 20px !important;border-top:1px dashed #D5D5D5}
.faq .faq__a p{color:var(--p-texto-2) !important;line-height:1.65}
@media (max-width:639px){.faq .faq__item summary{padding:16px !important}.faq .faq__q{font-size:1rem !important}.faq .faq__a{margin:0 16px !important}.faq .faq__icon{width:30px !important;height:30px !important}}
/* Escritorio: el título a la izquierda (fijo al bajar) y las preguntas a la derecha */
@media (min-width:1000px){
  .faq > .container{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);column-gap:64px;align-items:start}
  .faq .faq__header{grid-column:1;grid-row:1 / span 3;position:sticky;top:calc(var(--alto-header) + 24px);margin-bottom:0 !important}
  .faq .faq__list{grid-column:2;max-width:none !important;margin:0 !important}
  .faq .faq__cta{grid-column:2}
}
@media (prefers-reduced-motion:reduce){.faq .faq__item,.faq .faq__icon{transition:none}}
/* Texto corrido de las secciones a un ancho cómodo de lectura (como pintor.uy); tablas y grillas de tarjetas siguen a todo el ancho */
.secciones__inner > p,.secciones__inner > ul,.secciones__inner > ol,.zona-texto__inner > p,.secciones__bloque > p,.secciones__bloque > ul{max-width:52rem}

/* ===== Enlaces relacionados: dos tarjetas con sombra recta; título Oswald con rayita y los enlaces como chips con flecha ===== */
.relacionados .relacionados__inner{display:grid !important;grid-template-columns:1fr;gap:18px}
@media (min-width:860px){.relacionados .relacionados__inner{grid-template-columns:2fr 1fr}}
.relacionados .relacionados__col{padding:24px 24px 22px !important;margin:0 !important}
.relacionados .relacionados__title{position:relative;margin:0 0 16px !important;padding-bottom:10px;font-family:var(--cab-f-titulos) !important;font-weight:700 !important;text-transform:uppercase;letter-spacing:.03em;font-size:1.25rem !important;color:var(--p-pri) !important}
.relacionados .relacionados__title::after{content:"";position:absolute;left:0;bottom:0;width:28px;height:3px;border-radius:2px;background:var(--p-acento)}
.relacionados .relacionados__list{display:flex !important;flex-wrap:wrap;gap:8px;margin:0 !important;padding:0 !important;list-style:none}
.relacionados .relacionados__list li{margin:0 !important;padding:0 !important}
.relacionados .relacionados__list li::before{display:none !important}
.relacionados .relacionados__list a{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;background:var(--p-gris);color:var(--p-pri) !important;font-weight:600;font-size:var(--cab-fs-sm);text-decoration:none !important;transition:background-color .2s,color .2s}
.relacionados .relacionados__list a::after{content:"\2192";color:var(--p-acento-2)}
.relacionados .relacionados__list a:hover{background:var(--p-pri);color:#fff !important}
.relacionados .relacionados__list a:hover::after{color:#fff}
.contacto-home .contacto-home__datos li,.contacto-home .contacto-home__datos span,.contacto-home .contacto-home__datos p{color:#E4E4E4 !important}

/* ======================================================================================================
   Propio de volquetasmontevideo.com (23/10/2026): secciones que sanitariosmoviles no tiene
   ====================================================================================================== */

/* Cifras (stats-strip): banda gris oscuro con los números en rojo, como el cierre (la banda gris clara las dejaba blancas sobre gris) */
#main-content > section.stats-strip{background:var(--p-pri) !important;color:#fff}
.stats-strip .stats-strip__num{font-family:var(--cab-f-titulos) !important;color:var(--p-acento) !important}
.stats-strip .stats-strip__label{color:#E4E4E4 !important;font-family:var(--f) !important}
.stats-strip .stats-strip__item + .stats-strip__item{border-left-color:rgba(255,255,255,.14) !important}

/* Tablas de tamaños y datos de zona: marco con radio y sombra recta, encabezado gris oscuro con letra blanca, filas alternas */
.zona-datos__tabla-wrap{border:1px solid var(--p-borde);border-radius:12px;box-shadow:4px 4px 0 var(--p-sombra);background:#fff;margin:20px 0 28px !important}
.zona-datos__tabla{font-size:var(--cab-fs-sm) !important}
.zona-datos__tabla th{background:var(--p-pri) !important;color:#fff !important;font-family:var(--cab-f-titulos) !important;font-weight:700;font-size:.9375rem !important;letter-spacing:.04em !important;padding:12px 16px !important;border:0 !important}
.zona-datos__tabla td{padding:12px 16px !important;color:var(--p-texto-2)}
.zona-datos__tabla tbody tr:nth-child(even){background:var(--p-gris)}
.zona-datos__tabla tbody tr:last-child td{border-bottom:0 !important}
.zona-datos__tabla td:first-child{font-family:var(--cab-f-titulos);font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--p-pri);white-space:nowrap}

/* Listas de texto: cuadradito rojo en lugar del punto */
.zona-texto__lista{list-style:none !important;padding-left:0 !important;max-width:52rem}
.zona-texto__lista > li{position:relative;padding-left:1.4em;margin-bottom:.5rem !important;color:var(--p-texto-2)}
.zona-texto__lista > li::before{content:"";position:absolute;left:.1em;top:.66em;width:8px;height:8px;border-radius:2px;background:var(--p-acento)}
.zona-texto__title--sub{margin-top:clamp(28px,4vw,44px) !important}

/* Íconos planos (PNG de ChatGPT) en "Por qué elegirnos" y en los pasos */
.dif-item .dif-item__icon{width:76px !important;height:76px !important;margin-bottom:16px}
.dif-item .dif-item__icon img{width:52px;height:52px;object-fit:contain}
.dif-item .dif-item__title{margin-bottom:8px !important}
.dif-item .dif-item__title a{color:inherit !important;text-decoration:none}
.dif-item .dif-item__title a:hover{color:var(--p-acento-2) !important}

/* Quiénes somos: la foto con la sombra recta roja (el selector de arriba no llegaba a pisar la sombra difusa de style.css) */
.quienes-somos .quienes-somos__img{border-radius:16px !important;box-shadow:8px 8px 0 var(--p-acento) !important}
.quienes-somos .quienes-somos__media{box-shadow:none !important;overflow:visible !important;border-radius:16px}
/* El cierre de contacto y el pie son del mismo gris oscuro: una raya roja los separa (como la raya de acento del pie de pintor) */
.footer{border-top:4px solid var(--p-acento) !important}
/* style.css pintaba de blanco las imágenes de los pasos (filter brightness+invert): los íconos planos van a color */
.pasos .pasos__icon img,.dif-item .dif-item__icon img{filter:none !important}
/* Migas de las landings alineadas con el contenido (style.css les sacaba el margen automático del container) */
.migas .migas__list{max-width:1180px !important;margin-left:auto !important;margin-right:auto !important}
/* Índices (todos los servicios, zonas): títulos Oswald con la rayita roja como el resto de los H2 */
.zonas-indice__grupo-title{font-family:var(--cab-f-titulos) !important;text-transform:uppercase;letter-spacing:.015em;color:var(--p-pri) !important}
.zonas-indice__grupo-title::after{content:"";display:block;width:44px;height:4px;border-radius:2px;background:var(--p-acento);margin:12px 0 18px}

/* ===== Tamaños de volqueta (home) como la banda de precios de pintor.uy (23/10/2026): una tarjeta por tamaño, la primera oscura
   con sombra roja; abajo "Qué incluye" a la izquierda y la tarjeta con los botones a la derecha ===== */
.tamanos-pintor .zona-texto__inner{max-width:1180px}
.tamanos-pintor .zona-texto__inner > p{max-width:760px}
.tamanos-tarjetas{list-style:none;margin:28px 0 8px;padding:0;display:grid;gap:18px;grid-template-columns:1fr}
@media (min-width:760px){.tamanos-tarjetas{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}}
.tamano-card{position:relative;display:flex;flex-direction:column;margin:0;padding:26px 24px 24px;background:#fff;border:1px solid var(--p-borde);border-radius:16px;box-shadow:5px 5px 0 var(--p-sombra);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.tamano-card:hover{transform:translate(-3px,-3px);box-shadow:8px 8px 0 var(--p-pri);border-color:var(--p-pri)}
.tamano-card__nombre{margin:0;padding-bottom:16px;border-bottom:1px dashed #D5D5D5;line-height:1.1}
.tamano-card__nombre strong{display:block;font-family:var(--cab-f-titulos);font-weight:700;text-transform:uppercase;font-size:clamp(2.25rem,1.9rem + 1.2vw,2.75rem);letter-spacing:.01em;color:var(--p-pri);white-space:nowrap}
.tamano-card__nombre span{display:block;margin-top:6px;font-size:var(--cab-fs-sm);font-weight:600;color:var(--p-acento-2)}
.tamano-card__uso{margin:14px 0 0;font-size:var(--cab-fs-sm);line-height:1.55;color:var(--p-texto-2)}
.tamano-card__uso span{display:block;margin-bottom:4px;font-family:var(--cab-f-titulos);font-weight:700;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--p-pri)}
.tamano-card--destacada{background:var(--p-pri);border-color:var(--p-pri);box-shadow:5px 5px 0 var(--p-acento)}
.tamano-card--destacada:hover{box-shadow:8px 8px 0 var(--p-acento-2);border-color:var(--p-pri-2)}
.tamano-card--destacada .tamano-card__nombre{border-bottom-color:rgba(255,255,255,.25)}
.tamano-card--destacada .tamano-card__nombre strong{color:#fff}
.tamano-card--destacada .tamano-card__nombre span,.tamano-card--destacada .tamano-card__uso span{color:#F08A8D}
.tamano-card--destacada .tamano-card__uso{color:rgba(255,255,255,.86)}
@media (prefers-reduced-motion:reduce){.tamano-card{transition:none}.tamano-card:hover{transform:none}}
/* Abajo: la lista de lo que incluye y la tarjeta de botones (lado a lado desde 900 px) */
.tamanos-pintor__abajo{display:grid;grid-template-columns:1fr;gap:28px;align-items:center;margin-top:8px}
@media (min-width:900px){.tamanos-pintor__abajo{grid-template-columns:minmax(0,1fr) minmax(0,420px);column-gap:48px}}
.tamanos-pintor__incluye > p{margin:0}
.tamanos-pintor .cta-inline{display:flex;flex-direction:column;align-items:stretch;gap:10px;margin:0;padding:22px;background:#fff;border:1px solid var(--p-borde);border-radius:16px;box-shadow:5px 5px 0 var(--p-sombra)}
.tamanos-pintor .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);font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:var(--cab-fs-btn);line-height:1.2;text-decoration:none !important;border:2px solid transparent;transition:background-color .2s,color .2s}
.tamanos-pintor .btn .icon{width:1.15em;height:1.15em;flex:0 0 auto}
.tamanos-pintor .btn--wa{background:var(--p-acento);color:#fff !important}
.tamanos-pintor .btn--wa:hover{background:var(--p-acento-2)}
.tamanos-pintor .btn--linea{background:#fff;color:var(--p-pri) !important;border-color:var(--p-pri)}
.tamanos-pintor .btn--linea:hover{background:var(--p-gris)}

/* ======================================================================================================
   PASE 3 (23/10/2026, "seguí con toda la web"): lo que faltaba igualar a pintor.uy
   ====================================================================================================== */

/* Pasos como "Cómo es un trabajo" de pintor.uy: número en círculo gris oscuro y una línea gris que los une */
.pasos .pasos__item{grid-template-columns:44px 1fr !important;column-gap:18px !important}
.pasos .pasos__icon,#main-content > section.pasos:nth-of-type(odd) .pasos__icon{width:44px !important;height:44px !important;background:var(--p-pri) !important;color:#fff !important}
.pasos .pasos__num{font-family:var(--cab-f-titulos);font-weight:700;font-size:1.25rem;line-height:1;color:#fff}
.pasos .pasos__item::after{left:21px !important;top:50px !important}
.pasos .pasos__content{padding-top:6px}

/* Cierre de la home y las landings como "contacto-final" de pintor.uy: la banda queda clara y el contenido va en una tarjeta
   gris oscuro con sombra roja; el formulario sigue blanco adentro */
#main-content > section.contacto-home{background:#fff !important;color:inherit;padding-bottom:clamp(48px,6vw,80px) !important}
.contacto-home .contacto-home__layout{background:var(--p-pri);color:#E4E4E4;border-radius:16px;box-shadow:6px 6px 0 var(--p-acento);padding:clamp(26px,4vw,48px)}
.contacto-home .contacto-home__form{box-shadow:none !important}
@media (max-width:420px){.contacto-home .contacto-home__layout{padding:26px 18px}}
/* Ya no hace falta la raya entre el cierre y el pie: los separa la banda clara */
.footer{border-top:0 !important}

/* Pie como pintor.uy: títulos con rayita roja y la barra de abajo separada con una línea */
.footer .footer__heading{position:relative;padding-bottom:10px;margin-bottom:18px !important}
.footer .footer__heading::after{content:"";position:absolute;left:0;bottom:0;width:28px;height:3px;border-radius:2px;background:var(--p-acento)}

/* Página de contacto: el formulario en tarjeta con sombra recta, las tarjetas laterales con sombra recta y el atajo de WhatsApp en rojo
   (como todos los botones de WhatsApp de pintor.uy; solo el flotante sigue verde) */
.contacto .contacto__form-wrap{background:#fff;border:1px solid var(--p-borde);border-radius:16px;box-shadow:5px 5px 0 var(--p-sombra);padding:clamp(20px,3vw,32px)}
.contacto .contacto__form-title{font-family:var(--cab-f-titulos) !important;text-transform:uppercase;letter-spacing:.02em;color:var(--p-pri) !important;position:relative;padding-bottom:10px}
.contacto .contacto__form-title::after{content:"";position:absolute;left:0;bottom:0;width:28px;height:3px;border-radius:2px;background:var(--p-acento)}
.contacto .contacto__input,.contacto .contacto__select,.contacto .contacto__textarea{border:1px solid #CFCFCF !important;border-radius:8px !important;font-family:var(--f) !important}
.contacto .contacto__input:focus,.contacto .contacto__select:focus,.contacto .contacto__textarea:focus{border-color:var(--p-pri) !important;box-shadow:0 0 0 3px rgba(43,43,46,.12) !important;outline:0}
.contacto .contacto__info-block{background:#fff !important;border:1px solid var(--p-borde) !important;border-radius:16px !important;box-shadow:5px 5px 0 var(--p-sombra) !important}
.contacto .contacto__info-heading{font-family:var(--cab-f-titulos) !important;color:var(--p-pri) !important}
.contacto .contacto__info-heading i{color:var(--p-acento) !important}
.contacto .contacto__wa-card{background:var(--p-acento) !important;border-radius:16px !important;box-shadow:5px 5px 0 var(--p-pri) !important;transition:transform .2s ease,box-shadow .2s ease,background-color .2s}
.contacto .contacto__wa-card:hover{background:var(--p-acento-2) !important;transform:translate(-3px,-3px);box-shadow:8px 8px 0 var(--p-pri) !important}
.contacto .btn{border-radius:8px !important;font-family:var(--cab-f-titulos) !important;text-transform:uppercase;letter-spacing:.04em}
.contacto .contacto__email-link{color:var(--p-acento-2) !important}

/* Guías (índice): tarjetas con sombra recta como el resto; al pasar el mouse la sombra pasa a gris oscuro */
.ar-card{border:1px solid var(--p-borde) !important;border-radius:16px !important;box-shadow:5px 5px 0 var(--p-sombra) !important;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease !important}
.ar-card:hover{transform:translate(-3px,-3px) !important;box-shadow:8px 8px 0 var(--p-pri) !important;border-color:var(--p-pri) !important}
.ar-card__title{font-family:var(--cab-f-titulos) !important;color:var(--p-pri) !important}
.ar-card__cat{color:var(--p-acento-2) !important}
.ar-list__cat{border-radius:8px !important}
@media (prefers-reduced-motion:reduce){.ar-card{transition:none !important}.ar-card:hover{transform:none !important}}