/* Estilos ACOTADOS del modelo "Marcas" de Brasil, extraídos de
   tes-cronostec/wp-content/themes/cronostec-theme-PT-BR-v2.1.0/assets/css/theme.css
   Sin reset global — todo prefijado bajo .marcas-modelo para no tocar nada
   del resto de la página Chile (Elevate). */

.marcas-modelo{
  --m-green:#0040A8; --m-yellow:#FEDD00; --m-blue:#012169;
  padding:3.5rem 0 5rem;
}
@media (min-width:768px){ .marcas-modelo{ padding:5rem 0 6rem; } }
.marcas-modelo *, .marcas-modelo *::before, .marcas-modelo *::after{ box-sizing:border-box; }
.marcas-modelo img{ max-width:100%; }

.marcas-modelo .marcas-header{text-align:center;margin-bottom:4rem;position:relative;z-index:1}
.marcas-modelo .marcas-header h2{font-family:'Montserrat',sans-serif;font-size:clamp(2rem,4vw,3rem);font-weight:900;line-height:1.1;letter-spacing:-.02em;color:var(--m-blue)}
.marcas-modelo .marcas-header h2 span{background-image:linear-gradient(100deg, #003B96 0%, #0040A8 45%, #E60012 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.marcas-modelo .marcas-header p{margin-top:1rem;font-size:.92rem;color:rgba(1,33,105,.58);line-height:1.75;max-width:42ch;margin-left:auto;margin-right:auto}
.marcas-modelo .marcas-header .section-label{display:block;font-family:'Montserrat',sans-serif;font-size:.85rem;font-weight:800;letter-spacing:.06em;color:#0040A8;margin-bottom:.5rem}

.marcas-modelo .marcas-divider{display:flex;align-items:center;gap:1rem;justify-content:center;margin-top:1.5rem}
.marcas-modelo .marcas-divider::before,.marcas-modelo .marcas-divider::after{content:'';width:60px;height:2px;background:linear-gradient(90deg,transparent,rgba(0,64,168,.3))}
.marcas-modelo .marcas-divider::after{background:linear-gradient(90deg,rgba(0,64,168,.3),transparent)}
.marcas-modelo .marcas-divider-dot{width:8px;height:8px;border-radius:50%;background:#0040A8;box-shadow:0 0 10px rgba(0,64,168,.4)}

.marcas-modelo .brands-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;position:relative;z-index:1}
.marcas-modelo .brand-card{position:relative;background:#ffffff;border:1.5px solid rgba(1,33,105,.1);padding:3rem 2rem 2rem;display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:all .35s cubic-bezier(.4,0,.2,1);overflow:hidden}
.marcas-modelo .brand-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background-image:linear-gradient(90deg,#0040A8,#E60012);transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.16,1,.3,1)}
.marcas-modelo .brand-card::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 40%,rgba(0,64,168,.05) 0%,transparent 70%);opacity:0;transition:opacity .4s ease}
.marcas-modelo .brand-card:hover{border-color:rgba(0,64,168,.25);transform:translateY(-6px);box-shadow:0 20px 60px -10px rgba(0,64,168,.12),0 8px 24px -4px rgba(1,33,105,.08)}
.marcas-modelo .brand-card:hover::before{transform:scaleX(1)}
.marcas-modelo .brand-card:hover::after{opacity:1}
.marcas-modelo .brand-num{position:absolute;top:14px;right:18px;font-family:'Montserrat',sans-serif;font-size:.58rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:rgba(1,33,105,.2);transition:color .3s}
.marcas-modelo .brand-card:hover .brand-num{color:rgba(0,64,168,.5)}
.marcas-modelo .brand-logo-wrap{width:100%;max-width:220px;height:100px;display:flex;align-items:center;justify-content:center;margin-bottom:1.75rem;position:relative;z-index:1;filter:grayscale(100%) opacity(.6);transition:filter .45s ease}
.marcas-modelo .brand-card:hover .brand-logo-wrap{filter:grayscale(0%) opacity(1)}
.marcas-modelo .brand-logo-wrap img{max-width:100%;max-height:100%;object-fit:contain;display:block}
.marcas-modelo .brand-sep{width:32px;height:2px;background:rgba(1,33,105,.12);margin-bottom:1.1rem;transition:background .35s,width .35s;position:relative;z-index:1}
.marcas-modelo .brand-card:hover .brand-sep{background-image:linear-gradient(90deg,#0040A8,#E60012);width:48px}
.marcas-modelo .brand-name{font-family:'Montserrat',sans-serif;font-size:.92rem;font-weight:800;letter-spacing:.04em;text-align:center;color:var(--m-blue);margin-bottom:.5rem;position:relative;z-index:1;transition:color .3s}
.marcas-modelo .brand-card:hover .brand-name{color:#0040A8}
.marcas-modelo .brand-tag{font-size:.72rem;color:rgba(1,33,105,.45);text-align:center;line-height:1.5;position:relative;z-index:1}
.marcas-modelo .brand-badge{display:inline-flex;align-items:center;gap:.35rem;margin-top:1.25rem;padding:.3rem .75rem;background:rgba(0,64,168,.07);border:1px solid rgba(0,64,168,.2);border-radius:999px;font-family:'Montserrat',sans-serif;font-size:.58rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#0040A8;position:relative;z-index:1;transition:all .35s cubic-bezier(.4,0,.2,1)}
.marcas-modelo .brand-badge::before{content:'';width:6px;height:6px;border-radius:50%;background:#0040A8;box-shadow:0 0 6px rgba(0,64,168,.5);flex-shrink:0}
.marcas-modelo .brand-card:hover .brand-badge{background:#0040A8;border-color:#0040A8;color:#fff}
.marcas-modelo .brand-card:hover .brand-badge::before{background:#fff;box-shadow:none}

@media (max-width:900px){
  .marcas-modelo .brands-grid{grid-template-columns:repeat(2,1fr)}
  .marcas-modelo .brand-card:last-child:nth-child(odd){grid-column:1 / -1;max-width:400px;margin:0 auto;width:100%}
}
@media (max-width:560px){
  .marcas-modelo{padding:64px 0}
  .marcas-modelo .brands-grid{grid-template-columns:1fr;gap:1rem}
  .marcas-modelo .brand-card:last-child:nth-child(odd){grid-column:auto;max-width:100%;margin:0}
  .marcas-modelo .brand-card{padding:2rem 1.5rem 1.5rem}
}