/* Títulos en Spectral 200, la tipografía de títulos de atamark.com en producción (petición de Jose, 2026-10-18).
   Una sola cara declarada para todo el rango de pesos: se ve siempre ExtraLight, como en el sitio live. */
@font-face {
  font-family: 'Spectral';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/dv/fonts/spectral-200-normal-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;
}
@font-face {
  font-family: 'Spectral';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/dv/fonts/spectral-200-normal-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: 'Spectral';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(/dv/fonts/spectral-200-italic-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;
}
@font-face {
  font-family: 'Spectral';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(/dv/fonts/spectral-200-italic-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;
}
/* ATAMARK — nuevo diseno boutique. Fuentes self-hosted (Google Fonts subsetadas) + estilos base. Generado desde el mockup 14_NUEVO DISENO. */
/* cyrillic-ext */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/dv/fonts/1476b257-3e18-4d92-aead-460f1098caf5.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/dv/fonts/af2dbb1f-451a-44a5-bb15-6a4db1597c6f.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/dv/fonts/30f8335e-5633-4339-a729-a9c26c5b2812.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/dv/fonts/fca48c8a-31d3-472d-9e87-35e648e621a5.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;
}
/* latin */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/dv/fonts/28f37a0e-df11-4405-a33b-ea183c58e347.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;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(/dv/fonts/1476b257-3e18-4d92-aead-460f1098caf5.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(/dv/fonts/af2dbb1f-451a-44a5-bb15-6a4db1597c6f.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(/dv/fonts/30f8335e-5633-4339-a729-a9c26c5b2812.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(/dv/fonts/fca48c8a-31d3-472d-9e87-35e648e621a5.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;
}
/* latin */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(/dv/fonts/28f37a0e-df11-4405-a33b-ea183c58e347.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;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/dv/fonts/18cd6852-eb6b-4974-b645-a05844d82759.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/dv/fonts/5418adf7-3f3b-4c2e-96df-9ed69572eb29.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/dv/fonts/c4ca809f-456c-4de1-bd33-5ff3fe1f9d35.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/dv/fonts/9b4b94d4-b65d-430d-bfbf-a1525f318dd9.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;
}
/* latin */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/dv/fonts/27f0e43c-c8df-479d-9754-0e80a8633e94.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;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/dv/fonts/18cd6852-eb6b-4974-b645-a05844d82759.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/dv/fonts/5418adf7-3f3b-4c2e-96df-9ed69572eb29.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/dv/fonts/c4ca809f-456c-4de1-bd33-5ff3fe1f9d35.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/dv/fonts/9b4b94d4-b65d-430d-bfbf-a1525f318dd9.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;
}
/* latin */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/dv/fonts/27f0e43c-c8df-479d-9754-0e80a8633e94.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;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/dv/fonts/18cd6852-eb6b-4974-b645-a05844d82759.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/dv/fonts/5418adf7-3f3b-4c2e-96df-9ed69572eb29.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/dv/fonts/c4ca809f-456c-4de1-bd33-5ff3fe1f9d35.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/dv/fonts/9b4b94d4-b65d-430d-bfbf-a1525f318dd9.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;
}
/* latin */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/dv/fonts/27f0e43c-c8df-479d-9754-0e80a8633e94.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;
}
/* cyrillic */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/dv/fonts/154f7a50-c0fb-47a6-a362-a01227a2d739.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/dv/fonts/07485cdf-a030-4dcc-b911-8f0b7316123e.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;
}
/* latin */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/dv/fonts/7e690f02-b150-422e-8c17-02f00ecb9124.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;
}
/* cyrillic */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/dv/fonts/154f7a50-c0fb-47a6-a362-a01227a2d739.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/dv/fonts/07485cdf-a030-4dcc-b911-8f0b7316123e.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;
}
/* latin */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/dv/fonts/7e690f02-b150-422e-8c17-02f00ecb9124.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;
}
/* cyrillic */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/dv/fonts/154f7a50-c0fb-47a6-a362-a01227a2d739.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/dv/fonts/07485cdf-a030-4dcc-b911-8f0b7316123e.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;
}
/* latin */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/dv/fonts/7e690f02-b150-422e-8c17-02f00ecb9124.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;
}


body{margin:0;background:#eceae4;font-family:'Jost',sans-serif;color:#23201b}
a{color:#23201b;text-decoration:none}a:hover{color:#8a6f4d}
input,textarea{font-family:'Jost',sans-serif}
h1,h2,h3,p,figure{margin:0}

/* ---------- realces sutiles (hover) ---------- */
.dv-sector{display:block}
.dv-sector-img{display:block;overflow:hidden;border:1px solid rgba(35,32,27,.12)}
.dv-sector-img img{display:block;transition:transform .6s cubic-bezier(.2,.7,.2,1);border:none!important}
.dv-sector:hover .dv-sector-img img{transform:scale(1.05)}
.dv-sector figcaption{transition:color .3s ease}
.dv-sector:hover figcaption{color:#8a6f4d}
.dv-btn{transition:background .3s ease,color .3s ease}
.dv-btn:hover{background:#8a6f4d!important;color:#f7f4ee!important}
a.dv-link:hover{color:#23201b}
.dv-card img{background:#efece5}

/* ---------- responsive ---------- */
@media (max-width:1000px){
  .dv-hero{padding:64px 40px 48px!important}
  .dv-hero h1{font-size:64px!important}
  .dv-sectores,.dv-manifesto,.dv-servicios,.dv-proceso,.dv-split,.dv-footer,.dv-marcas{padding-left:40px!important;padding-right:40px!important}
  .dv-grid2{padding-left:40px!important;padding-right:40px!important}
  .dv-servicios{grid-template-columns:1fr!important;gap:36px!important}
}
@media (max-width:760px){
  .dv-header{flex-wrap:wrap;justify-content:center;gap:14px;padding:18px 20px!important}
  .dv-header .dv-nav{order:2;gap:20px;font-size:12px}
  .dv-header .dv-logo{order:1;width:100%}
  .dv-hero{padding:48px 22px 36px!important;gap:20px}
  .dv-hero h1{font-size:44px!important}
  .dv-cta-row{flex-direction:column;width:100%}
  .dv-cta-row a{text-align:center}
  .dv-sectores,.dv-manifesto,.dv-servicios,.dv-proceso,.dv-split,.dv-footer{padding-left:22px!important;padding-right:22px!important;padding-top:56px!important;padding-bottom:56px!important}
  .dv-marcas{padding:28px 22px!important;flex-direction:column;gap:18px;text-align:center}
  /* el gap de la lista lo fijan ahora las reglas de la banda de logos (abajo) */
  .dv-marcas-list{flex-wrap:wrap;justify-content:center}
  .dv-manifesto h2{font-size:34px!important}
  .dv-sectores-grid{grid-template-columns:repeat(2,1fr)!important;gap:14px!important}
  .dv-grid2{grid-template-columns:1fr!important;padding:0 22px 56px!important}
  .dv-servicios-list{grid-template-columns:1fr 1fr!important}
  .dv-proceso-grid{grid-template-columns:1fr!important;gap:28px!important}
  .dv-proceso-grid>div{padding-left:0!important;padding-right:0!important}
  .dv-proceso-grid>*{order:0!important}
  /* en móvil: cada concepto con su imagen ENCIMA del texto (orden consistente) */
  .dv-proceso-grid>:nth-child(1){order:1!important}
  .dv-proceso-grid>:nth-child(2){order:2!important}
  .dv-proceso-grid>:nth-child(3){order:4!important}
  .dv-proceso-grid>:nth-child(4){order:3!important}
  .dv-proceso-grid>:nth-child(5){order:5!important}
  .dv-proceso-grid>:nth-child(6){order:6!important}
  .dv-proceso-grid>:nth-child(7){order:8!important}
  .dv-proceso-grid>:nth-child(8){order:7!important}
  .dv-split{grid-template-columns:1fr!important;gap:28px!important}
  .dv-footer-top{grid-template-columns:1fr!important;gap:36px!important}
  .dv-footer-top h2{font-size:36px!important}
  .dv-footer-top a[href^="mailto"]{font-size:32px!important;word-break:break-word}
  .dv-footer-legal{flex-direction:column;gap:8px}
}

/* ---------- galería "Por qué elegir Atamark" (rehecha) ---------- */
.dv-gallery{display:grid;grid-template-columns:1.4fr 1fr 1fr;grid-auto-rows:258px;gap:16px}
.dv-gitem{position:relative;overflow:hidden;display:block;background:#e7e2d8}
.dv-gitem.tall{grid-row:span 2}
.dv-gitem img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.dv-gitem:hover img{transform:scale(1.06)}
.dv-gcap{position:absolute;left:0;right:0;bottom:0;padding:22px 24px;color:#f7f4ee;background:linear-gradient(to top,rgba(20,18,14,.82),rgba(20,18,14,.32) 58%,transparent);display:flex;flex-direction:column;gap:7px}
.dv-gcap h3{margin:0;font-family:'Spectral',serif;font-weight:500;font-size:22px;line-height:1.15;color:#f7f4ee}
.dv-gcap p{margin:0;font-weight:300;font-size:13px;line-height:1.55;color:rgba(247,244,238,.85);max-height:0;opacity:0;overflow:hidden;transform:translateY(6px);transition:max-height .5s ease,opacity .45s ease,transform .45s ease}
.dv-gitem:hover .dv-gcap p{max-height:96px;opacity:1;transform:none}
@media (max-width:760px){
  .dv-gallery{grid-template-columns:1fr 1fr;grid-auto-rows:170px;gap:8px}
  .dv-gcap{padding:14px 16px}
  .dv-gcap h3{font-size:18px}
  .dv-gcap p{display:none} /* móvil: solo título, imagen visible (sin hover) */
}

/* ---------- páginas de servicio (verticales) ---------- */
.dv-tipo-img img{transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.dv-tipo:hover .dv-tipo-img img{transform:scale(1.05)}
/* el "Saber más" va al pie de la tarjeta: misma altura en toda la fila aunque los textos midan distinto */
.dv-tipo>div{flex:1}
.dv-tipo>div>a:last-child{margin-top:auto}
/* imagen, título, texto y enlace en filas compartidas por toda la fila de tarjetas: aunque un título ocupe
   dos líneas y el de al lado una, los textos y los «Saber más» empiezan a la misma altura */
@supports (grid-template-rows:subgrid){
  .dv-tipos-grid{row-gap:24px}
  .dv-tipo{display:grid!important;grid-row:span 4;grid-template-rows:subgrid;row-gap:0}
  .dv-tipo>div{display:grid!important;grid-row:span 3;grid-template-rows:subgrid;row-gap:12px;align-content:start}
  .dv-tipo>div>a:last-child{margin-top:0;justify-self:start;align-self:end}
}
/* Spectral es más ancha que Cormorant: a 23px el título más largo («Expositor de sobremesa de cartón») cabe en una línea a 1440 */
.dv-tipo h3{font-size:23px!important}
.dv-post>span:last-child{margin-top:auto}
/* un título, una sola letra: sin tramos en cursiva dentro */
h1 em,h2 em,h3 em,h4 em{font-style:normal}
.dv-descubre-card{transition:background .3s ease,border-color .3s ease}
.dv-descubre-card:hover{background:#efe9dc;border-color:#8a6f4d!important}
@media (max-width:1000px){
  .dv-vhero{grid-template-columns:1fr!important;gap:40px!important;padding:64px 40px 48px!important}
  .dv-vhero h1{font-size:60px!important}
  .dv-partner{padding:64px 40px!important}
  .dv-galeria,.dv-descubre{padding-left:40px!important;padding-right:40px!important}
  .dv-tipos-grid{grid-template-columns:1fr 1fr!important}
  .dv-descubre-grid{grid-template-columns:1fr 1fr!important}
}
@media (max-width:760px){
  .dv-vhero{padding:44px 22px 36px!important;gap:28px!important}
  .dv-vhero h1{font-size:46px!important}
  .dv-galeria,.dv-descubre,.dv-partner{padding-left:22px!important;padding-right:22px!important;padding-top:56px!important;padding-bottom:56px!important}
  .dv-tipos-grid{grid-template-columns:1fr!important}
  .dv-descubre-grid{grid-template-columns:1fr 1fr!important;gap:12px!important}
  .dv-partner img{height:340px!important}
}

/* ---------- ancho completo (Jose: "a página completa") ----------
   El mockup venía con la tarjeta capada a 1360px centrada -> en pantallas
   anchas dejaba márgenes enormes y parecía una columna. Ahora llena la
   pantalla; en pantallas anchas se añade aire lateral fluido (vw) para que
   el contenido no se pegue a los bordes ni las líneas de texto sean eternas. */
.dv-card{max-width:none!important;width:100%}
@media (min-width:1440px){
  .dv-hero{padding-left:10vw!important;padding-right:10vw!important}
  .dv-manifesto{padding-left:12vw!important;padding-right:12vw!important}
  .dv-sectores,.dv-servicios,.dv-proceso,.dv-split,.dv-footer,.dv-marcas,
  .dv-vhero,.dv-galeria,.dv-descubre,.dv-partner{padding-left:6vw!important;padding-right:6vw!important}
  .dv-grid2{padding-left:6vw!important;padding-right:6vw!important}
}
/* ---------- proceso: marco blanco uniforme y centrado ----------
   Las 4 imágenes de proceso traían un marco blanco cocido y DESCENTRADO.
   Recortadas a la foto (sin blanco) + marco blanco por CSS = centrado exacto. */
.dv-proceso-grid img{background:#fff !important;padding:18px;box-sizing:border-box}

/* ---------- header sticky con efecto (Jose 2026-08-06) ----------
   Se queda fijo arriba; al bajar se condensa + fondo esmerilado + sombra,
   y el logo encoge un pelín. Transiciones suaves. JS: /dv/dv.js */
.dv-header{position:sticky;top:0;z-index:60;background:#f7f4ee;
  transition:padding .38s cubic-bezier(.2,.7,.2,1),background .38s ease,box-shadow .38s ease,backdrop-filter .38s ease,border-color .38s ease;
  will-change:padding,background}
.dv-header--scrolled{
  padding-top:14px!important;padding-bottom:14px!important;
  background:rgba(247,244,238,.78);
  -webkit-backdrop-filter:saturate(140%) blur(14px);backdrop-filter:saturate(140%) blur(14px);
  border-bottom-color:transparent!important;
  box-shadow:0 1px 0 rgba(35,32,27,.08),0 14px 34px -22px rgba(35,32,27,.45)}
/* logo: encoge suavemente al hacer scroll */
.dv-logo img{height:52px;width:auto;display:block;transition:height .38s ease}
.dv-header--scrolled .dv-logo img{height:42px}
@media (max-width:760px){
  /* en móvil el header envuelve en 2 filas: al hacer scroll compacta un poco */
  .dv-header--scrolled{padding-top:10px!important;padding-bottom:10px!important}
}

/* ---------- MEGA MENÚ "Soluciones" (Jose 2026-08-06) ---------- */
.dv-mega-trigger{position:relative}
.dv-header.dv-mega-open .dv-mega-trigger{color:#8a6f4d}
.dv-mega{
  position:absolute;left:0;right:0;top:100%;
  background:#f7f4ee;border-top:1px solid rgba(35,32,27,.10);
  box-shadow:0 28px 44px -26px rgba(35,32,27,.5);
  padding:46px 6vw 54px;
  opacity:0;visibility:hidden;transform:translateY(-12px);pointer-events:none;
  transition:opacity .34s ease,transform .34s cubic-bezier(.2,.7,.2,1),visibility .34s;
  z-index:55}
.dv-header.dv-mega-open .dv-mega{opacity:1;visibility:visible;transform:none;pointer-events:auto}
.dv-mega-inner{display:grid;grid-template-columns:280px 1fr;gap:60px;align-items:start;max-width:1520px;margin:0 auto;text-align:left}
.dv-mega-eyebrow{font-size:11px;letter-spacing:.34em;text-transform:uppercase;color:#8a6f4d;margin-bottom:14px}
.dv-mega-title{font-family:'Spectral',serif;font-weight:500;font-size:32px;line-height:1.14;margin:0 0 16px;color:#23201b}
.dv-mega-lead{font-weight:300;font-size:14px;line-height:1.75;color:#4c463c;margin:0 0 22px}
.dv-mega-all{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#23201b;border-bottom:1px solid #23201b;padding-bottom:5px;transition:color .25s,border-color .25s}
.dv-mega-all:hover{color:#8a6f4d;border-color:#8a6f4d}
.dv-mega-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:24px}
.dv-mega-card{display:flex;flex-direction:column;gap:12px;
  opacity:0;transform:translateY(10px);transition:opacity .45s ease,transform .45s cubic-bezier(.2,.7,.2,1)}
.dv-header.dv-mega-open .dv-mega-card{opacity:1;transform:none}
.dv-header.dv-mega-open .dv-mega-card:nth-child(1){transition-delay:.05s}
.dv-header.dv-mega-open .dv-mega-card:nth-child(2){transition-delay:.10s}
.dv-header.dv-mega-open .dv-mega-card:nth-child(3){transition-delay:.15s}
.dv-header.dv-mega-open .dv-mega-card:nth-child(4){transition-delay:.20s}
.dv-header.dv-mega-open .dv-mega-card:nth-child(5){transition-delay:.25s}
.dv-mega-thumb{display:block;overflow:hidden;background:#efece5;aspect-ratio:4/3;border:1px solid rgba(35,32,27,.10)}
.dv-mega-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .55s cubic-bezier(.2,.7,.2,1)}
.dv-mega-card:hover .dv-mega-thumb img{transform:scale(1.07)}
.dv-mega-name{font-family:'Spectral',serif;font-size:21px;font-weight:500;color:#23201b;transition:color .25s;display:flex;justify-content:space-between;align-items:baseline}
.dv-mega-name::after{content:'↗';font-size:12px;color:#8a6f4d;opacity:0;transform:translateX(-4px);transition:opacity .25s,transform .25s;font-family:'Jost',sans-serif}
.dv-mega-card:hover .dv-mega-name{color:#8a6f4d}
.dv-mega-card:hover .dv-mega-name::after{opacity:1;transform:none}
.dv-mega-desc{font-size:12px;line-height:1.55;color:#6f6759;font-weight:300}
@media (max-width:1100px){
  .dv-mega-inner{grid-template-columns:1fr;gap:32px}
  .dv-mega-grid{grid-template-columns:repeat(5,1fr);gap:16px}
  .dv-mega-name{font-size:18px}
}
@media (max-width:760px){ .dv-mega{display:none} }

/* ---------- MENÚ HAMBURGUESA MÓVIL (Jose 2026-08-06) ---------- */
.dv-burger{display:none;position:absolute;right:22px;top:50%;transform:translateY(-50%);
  background:none;border:0;padding:8px;cursor:pointer;width:42px;height:42px;
  flex-direction:column;justify-content:center;align-items:center;gap:7px;z-index:75}
.dv-burger span{display:block;width:26px;height:1.5px;background:#23201b;
  transition:transform .38s cubic-bezier(.2,.7,.2,1),opacity .25s,width .38s ease}
body.dv-menu-open .dv-burger span:nth-child(1){transform:translateY(4.25px) rotate(45deg)}
body.dv-menu-open .dv-burger span:nth-child(2){transform:translateY(-4.25px) rotate(-45deg)}
body.dv-menu-open{overflow:hidden}

.dv-drawer{position:fixed;inset:0;z-index:70;background:#f7f4ee;
  display:flex;flex-direction:column;padding:24px 30px 40px;overflow-y:auto;
  opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .42s ease,visibility .42s}
body.dv-menu-open .dv-drawer{opacity:1;visibility:visible;pointer-events:auto}
.dv-drawer-top{display:flex;align-items:center;justify-content:space-between;height:56px;margin-bottom:6vh}
.dv-drawer-logo{font-family:'Spectral',serif;font-size:26px;letter-spacing:.28em;font-weight:500;color:#23201b}
.dv-drawer-close{background:none;border:0;font-size:34px;line-height:1;cursor:pointer;color:#23201b;padding:4px 8px;font-weight:300}
.dv-drawer-nav{display:flex;flex-direction:column;gap:2px}
.dv-drawer-nav>a{font-family:'Spectral',serif;font-size:34px;font-weight:500;color:#23201b;
  padding:9px 0;line-height:1.05;text-decoration:none;
  opacity:0;transform:translateY(16px);
  transition:opacity .55s ease,transform .55s cubic-bezier(.2,.7,.2,1),color .2s}
.dv-drawer-nav>a:active,.dv-drawer-nav>a:hover{color:#8a6f4d}
.dv-drawer-sub{display:flex;flex-direction:column;gap:1px;padding:4px 0 16px 3px;
  opacity:0;transform:translateY(16px);
  transition:opacity .55s ease,transform .55s cubic-bezier(.2,.7,.2,1)}
.dv-drawer-sub a{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#6f6759;padding:7px 0;text-decoration:none}
.dv-drawer-sub a:active,.dv-drawer-sub a:hover{color:#8a6f4d}
body.dv-menu-open .dv-drawer-nav>*{opacity:1;transform:none}
body.dv-menu-open .dv-drawer-sub{opacity:1;transform:none}
body.dv-menu-open .dv-drawer-nav>*:nth-child(1){transition-delay:.10s}
body.dv-menu-open .dv-drawer-nav>*:nth-child(2){transition-delay:.16s}
body.dv-menu-open .dv-drawer-nav>*:nth-child(3){transition-delay:.20s}
body.dv-menu-open .dv-drawer-nav>*:nth-child(4){transition-delay:.26s}
body.dv-menu-open .dv-drawer-nav>*:nth-child(5){transition-delay:.32s}
body.dv-menu-open .dv-drawer-nav>*:nth-child(6){transition-delay:.38s}
.dv-drawer-foot{margin-top:auto;padding-top:34px;border-top:1px solid rgba(35,32,27,.14);
  display:flex;flex-direction:column;gap:16px;
  opacity:0;transition:opacity .5s ease .42s}
body.dv-menu-open .dv-drawer-foot{opacity:1}
.dv-drawer-foot a[href^="mailto"]{font-family:'Spectral',serif;font-style:italic;font-size:28px;color:#8a6f4d;text-decoration:none}
.dv-drawer-social{display:flex;gap:26px;font-size:11px;letter-spacing:.2em;text-transform:uppercase}
@media (max-width:760px){
  .dv-header .dv-nav{display:none!important}
  .dv-header{justify-content:center!important;padding-left:22px!important;padding-right:22px!important}
  .dv-burger{display:flex}
}
@media (min-width:761px){ .dv-drawer{display:none} }

/* ---------- verticales: banda de razones "Por qué Atamark" ---------- */
@media (max-width:1000px){ .dv-razones{grid-template-columns:1fr 1fr!important;gap:32px!important} }
@media (max-width:760px){ .dv-razones{grid-template-columns:1fr!important;gap:28px!important} .dv-razones>div{padding-right:0!important} }

/* ---------- logo real en móvil + drawer ---------- */
@media (max-width:760px){ .dv-logo img{height:44px} }
.dv-drawer-logo{height:34px;width:auto;display:block}

/* ---------- checkbox de política de privacidad en forms ---------- */
.dv-check{display:flex;gap:10px;align-items:flex-start;font-size:12px;font-weight:300;line-height:1.5;color:#4c463c;margin-top:6px;cursor:pointer}
.dv-check input{margin-top:2px;flex:none;width:15px;height:15px;accent-color:#23201b}
.dv-check a{color:#8a6f4d;border-bottom:1px solid #8a6f4d}

/* ---------- banner de cookies ---------- */
.dv-cookies{position:fixed;left:0;right:0;bottom:0;z-index:80;background:rgba(35,32,27,.97);color:#f7f4ee;
  display:flex;align-items:center;justify-content:center;gap:30px;flex-wrap:wrap;padding:18px 28px;
  transform:translateY(110%);transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.dv-cookies.show{transform:none}
.dv-cookies p{margin:0;font-size:13px;font-weight:300;line-height:1.55;max-width:660px}
.dv-cookies a{color:#cbbfae;border-bottom:1px solid #cbbfae}
.dv-cookies-btns{display:flex;gap:12px;flex:none}
.dv-cookies button{font-family:'Jost',sans-serif;font-size:11px;letter-spacing:.2em;text-transform:uppercase;padding:12px 26px;cursor:pointer;border:1px solid #f7f4ee;background:none;color:#f7f4ee;transition:opacity .25s}
.dv-cookies button[data-c=accept]{background:#f7f4ee;color:#23201b}
.dv-cookies button:hover{opacity:.82}
@media (max-width:640px){.dv-cookies{gap:14px;padding:16px 18px}.dv-cookies p{font-size:12px}.dv-cookies-btns{width:100%}.dv-cookies button{flex:1}}

/* ---------- páginas legales ---------- */
.dv-legal{max-width:840px;margin:0 auto;padding:72px 40px 96px;display:flex;flex-direction:column;gap:22px}
.dv-legal h1{margin:0 0 6px;font-family:'Spectral',serif;font-weight:500;font-size:56px;line-height:1.05}
.dv-legal .dv-legal-eyebrow{font-size:12px;letter-spacing:.34em;text-transform:uppercase;color:#8a6f4d;margin-bottom:10px}
.dv-legal h2{margin:26px 0 2px;font-family:'Spectral',serif;font-weight:500;font-size:28px}
.dv-legal p,.dv-legal li{font-weight:300;font-size:15px;line-height:1.8;color:#4c463c}
.dv-legal ul{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px}
.dv-legal a{color:#8a6f4d;border-bottom:1px solid #8a6f4d}
.dv-legal table{border-collapse:collapse;width:100%;font-size:14px}
.dv-legal th,.dv-legal td{border:1px solid rgba(35,32,27,.16);padding:10px 12px;text-align:left;font-weight:300;vertical-align:top}
.dv-legal th{background:#efece5;font-weight:500}
@media (max-width:760px){.dv-legal{padding:48px 22px 64px}.dv-legal h1{font-size:40px}}

/* el logo es transparente: sin el fondo de relleno de .dv-card img */
.dv-logo img,.dv-drawer-logo{background:none!important}

/* ---------- barra de utilidades (idioma + acceso clientes) ---------- */
.dv-topbar{display:flex;justify-content:flex-end;align-items:center;gap:26px;padding:9px 56px;border-bottom:1px solid rgba(35,32,27,.08);font-size:11px;letter-spacing:.16em;text-transform:uppercase;background:#f7f4ee}
.dv-lang{display:flex;gap:13px}
.dv-lang a{color:#6f6759;transition:color .2s}
.dv-lang a:hover{color:#23201b}
.dv-lang a.dv-lang-on{color:#23201b;font-weight:500;pointer-events:none}
.dv-acceso{color:#8a6f4d;display:inline-flex;gap:5px;align-items:center;transition:color .2s}
.dv-acceso:hover{color:#23201b}
@media (max-width:900px){.dv-topbar{padding-left:22px;padding-right:22px}}
@media (max-width:760px){.dv-topbar{display:none}}
/* idioma dentro del drawer móvil */
.dv-drawer-lang{display:flex;gap:16px;font-size:12px;letter-spacing:.2em;text-transform:uppercase;padding-top:6px}
.dv-drawer-lang a{color:#6f6759}
.dv-drawer-lang a.dv-lang-on{color:#23201b;font-weight:500}

body.dv-menu-open .dv-drawer-nav>*:nth-child(7){transition-delay:.44s}

/* ---------- artículo de blog ---------- */
.dv-article-hero{max-width:820px;margin:0 auto;padding:64px 40px 8px;display:flex;flex-direction:column;gap:18px;text-align:center;align-items:center}
.dv-article-hero .dv-cat{font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:#8a6f4d}
.dv-article-hero h1{margin:0;font-family:'Spectral',serif;font-weight:500;font-size:56px;line-height:1.08;max-width:760px;text-wrap:balance}
.dv-article-hero .dv-meta{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#6f6759}
.dv-article-cover{max-width:1100px;margin:36px auto 0;padding:0 40px}
.dv-article-cover img{width:100%;height:460px;object-fit:cover;display:block;border:1px solid rgba(35,32,27,.1)}
.dv-article-wrap{max-width:800px;margin:0 auto;padding:56px 40px 40px}
.dv-article h2{font-family:'Spectral',serif;font-weight:500;font-size:34px;line-height:1.15;margin:46px 0 12px;color:#23201b}
.dv-article h3{font-family:'Spectral',serif;font-weight:500;font-size:26px;margin:34px 0 8px;color:#23201b}
.dv-article p{font-weight:300;font-size:16.5px;line-height:1.85;color:#3a352d;margin:0 0 20px}
.dv-article ul,.dv-article ol{margin:0 0 22px;padding-left:4px;display:flex;flex-direction:column;gap:9px;list-style:none}
.dv-article li{font-weight:300;font-size:16.5px;line-height:1.7;color:#3a352d;padding-left:22px;position:relative}
.dv-article li::before{content:'';position:absolute;left:2px;top:12px;width:8px;height:1px;background:#8a6f4d}
.dv-article ol{counter-reset:li}
.dv-article ol li::before{content:counter(li);counter-increment:li;top:0;left:0;width:auto;height:auto;background:none;color:#8a6f4d;font-family:'Spectral',serif;font-size:15px}
.dv-article a{color:#8a6f4d;border-bottom:1px solid #8a6f4d}
.dv-article img{width:100%;height:auto;display:block;margin:30px 0;border:1px solid rgba(35,32,27,.1)}
.dv-article blockquote{margin:28px 0;padding:4px 0 4px 26px;border-left:2px solid #8a6f4d;font-family:'Spectral',serif;font-style:italic;font-size:23px;line-height:1.4;color:#4c463c}
.dv-article blockquote p{font-family:inherit;font-style:inherit;font-size:inherit;color:inherit;margin:0}
.dv-article table{border-collapse:collapse;width:100%;margin:26px 0;font-size:15px;display:block;overflow-x:auto}
.dv-article th,.dv-article td{border:1px solid rgba(35,32,27,.16);padding:10px 13px;text-align:left;font-weight:300;vertical-align:top}
.dv-article th{background:#efece5;font-weight:500}
.dv-article strong{font-weight:500;color:#23201b}
.dv-article h2:first-child,.dv-article h3:first-child{margin-top:0}
.dv-related{border-top:1px solid rgba(35,32,27,.14);padding:64px 96px 24px;display:flex;flex-direction:column;gap:36px}
.dv-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
@media (max-width:900px){.dv-related{padding-left:40px;padding-right:40px}.dv-related-grid{grid-template-columns:1fr}}
@media (max-width:760px){
  .dv-article-hero{padding:44px 22px 4px}.dv-article-hero h1{font-size:38px}
  .dv-article-cover{padding:0 22px}.dv-article-cover img{height:260px}
  .dv-article-wrap{padding:40px 22px 32px}
  .dv-article h2{font-size:28px}.dv-article p,.dv-article li{font-size:16px}
  .dv-related{padding:48px 22px 16px}
}

/* ---------- banda "confían en nosotros": logos reales ----------
   Los nombres iban en texto estilizado (venían así del mockup). Ahora son los
   logos de marca, recoloreados a tinta sobre el greige (ver _verificacion/gen_marcas.py).
   El alto lo fija cada <img> por separado para igualar la altura de mayúscula;
   aquí solo va lo que no puede ir inline. */
.dv-marcas-list{--m:1;display:flex;gap:44px;align-items:center;flex-wrap:wrap}
/* background:none anula `.dv-card img{background:#efece5}` — .dv-card envuelve
   todo el body, y ese relleno claro se ve como recuadro bajo un logo con alfa. */
.dv-marcas-list .dv-m{width:auto;display:block;flex:0 0 auto;background:none;max-width:100%;object-fit:contain}
/* Alto por logo, no uno comun: iguala la altura de mayuscula entre marcas que
   llevan tagline y marcas que son solo wordmark. --m los encoge a la vez. */
.dv-marcas-list .dv-m--sesderma{height:calc(32px*var(--m))}
.dv-marcas-list .dv-m--kosswell{height:calc(30px*var(--m))}
.dv-marcas-list .dv-m--cacaolat{height:calc(40px*var(--m))}
.dv-marcas-list .dv-m--equivalenza{height:calc(22px*var(--m))}
.dv-marcas-list .dv-m--haute{height:calc(34px*var(--m))}
.dv-marcas-list .dv-m--vitry{height:calc(34px*var(--m))}
.dv-marcas-list .dv-m--brazil{height:calc(34px*var(--m))}
.dv-marcas-list .dv-m--sendo{height:calc(26px*var(--m))}
/* 1420 (antes 1180): con 7 logos la fila al lado del rótulo ya no cabe a 1200 */
@media (max-width:1420px){
  .dv-marcas{flex-direction:column;gap:24px;text-align:center}
  .dv-marcas-list{--m:.88;justify-content:center;gap:26px 30px}
}
/* Por debajo de 1000px la fila unica ya no cabe. Con flex-wrap salian filas
   desparejas (5+1, 3+2+1); en rejilla el reparto es siempre limpio: 3+3 y 2+2+2.
   object-fit evita que max-width deforme el logo al estrecharse la columna. */
@media (max-width:1000px){
  .dv-marcas-list{--m:.84;display:flex;flex-wrap:wrap;justify-content:center;
                  gap:26px 22px;width:100%}
  /* 7 logos (2026-10-19): filas de 4 centradas -> 4+3 */
  .dv-marcas-list .dv-m{flex:0 0 calc((100% - 66px)/4)}
}
@media (max-width:520px){
  .dv-marcas-list{--m:.68;gap:24px 18px}
  .dv-marcas-list .dv-m{flex:0 0 calc((100% - 36px)/3)}  /* 3+3+1 centrado */
}

/* «Sobre nosotros»: en móvil la imagen principal se ve entera en su proporción en vez de recortada a 460px de alto
   (2026-10-19). La proporción llega en --ar desde el panel, así vale para cualquier imagen que se ponga. */
@media (max-width:760px){
  img.dv-img-entera{height:auto!important;aspect-ratio:var(--ar)}
}

/* iconos del equipo («Sobre nosotros»): sin el fondo que pinta .dv-card img bajo las imágenes con transparencia (2026-10-19) */
.dv-card .dv-eq-icono img,.dv-eq-icono img{background:none!important}
.dv-eq-icono{text-align:center}
.dv-eq-icono img{margin:0 auto}

/* scroll horizontal fijado (ver dv.js) */
.dv-hs-win{overflow:hidden}
.dv-hs-sticky{display:flex;flex-direction:column;gap:inherit;align-self:stretch;width:100%}
.dv-hs-on .dv-hs-sticky{position:sticky;box-sizing:border-box}
.dv-hs-on .dv-tipos-grid{will-change:transform}
.dv-sectores.dv-hs-on{padding:0!important}