/* Estilos ACOTADOS del modelo "Sobre Nosotros" 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 #empresa para no tocar nada del
   resto de la página Chile (Elevate). */

#empresa{
  --e-green:#D91023; --e-yellow:#FEDD00; --e-blue:#2E2E2E;
  padding:100px 0;background:#fff;position:relative;overflow:hidden;
}
#empresa::before{content:'';position:absolute;top:0;right:0;width:45%;height:100%;background:linear-gradient(135deg,rgba(217,16,35,.03) 0%,rgba(1,33,105,.04) 100%);clip-path:polygon(8% 0,100% 0,100% 100%,0% 100%);pointer-events:none}
#empresa .empresa-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;position:relative;z-index:1}
#empresa .empresa-left{position:relative}
#empresa .empresa-img-wrap{display:block;position:relative;aspect-ratio:4/5;overflow:hidden;text-decoration:none;cursor:pointer}
#empresa .empresa-img-wrap img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s ease}
#empresa .empresa-img-wrap:hover img{transform:scale(1.04)}
#empresa .empresa-img-wrap::after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,transparent 40%,rgba(1,33,105,.75) 100%);pointer-events:none}
#empresa .empresa-badge{position:absolute;top:24px;left:24px;z-index:2;background-image:linear-gradient(90deg, #FF8A8A 0%, #D91023 100%);padding:.45rem 1rem;font-family:'Montserrat',sans-serif;font-size:.62rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:#ffffff}
#empresa .empresa-exp-chip{position:absolute;top:24px;right:16px;z-index:3;background:var(--e-green);padding:1rem 1.25rem;display:flex;flex-direction:column;align-items:center;box-shadow:0 8px 28px rgba(217,16,35,.35)}
@media (max-width:767px){ #empresa .empresa-exp-chip{ display:none; } }
#empresa .empresa-exp-chip .num{font-family:'Montserrat',sans-serif;font-size:2rem;font-weight:900;color:#fff;line-height:1}
#empresa .empresa-exp-chip .lbl{font-family:'Montserrat',sans-serif;font-size:.55rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.8);margin-top:2px;text-align:center}
#empresa .empresa-stats-strip{position:absolute;bottom:0;left:0;right:0;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(255,255,255,.15)}
#empresa .stat-chip{background-image:linear-gradient(90deg, #FF8A8A 0%, #D91023 100%);backdrop-filter:blur(12px);padding:1rem 1.25rem;display:flex;flex-direction:column;align-items:center;border-top:1px solid rgba(255,255,255,.1)}
#empresa .stat-chip .num{font-family:'Montserrat',sans-serif;font-size:1.6rem;font-weight:900;color:#ffffff;line-height:1}
#empresa .stat-chip .lbl{font-family:'Montserrat',sans-serif;font-size:.58rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.65);margin-top:3px}
#empresa .empresa-img-accent{position:absolute;top:40px;left:-16px;width:4px;height:80px;background:linear-gradient(to bottom,var(--e-green),var(--e-yellow))}
#empresa .empresa-right{padding-top:1rem;overflow-y:auto;padding-right:.85rem;scrollbar-width:thin;scrollbar-color:#D91023 transparent}
#empresa .empresa-right::-webkit-scrollbar{width:4px}
#empresa .empresa-right::-webkit-scrollbar-track{background:transparent;border-radius:999px;margin:16px 0}
#empresa .empresa-right::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,#2E2E2E 0%,#D91023 55%,#FEDD00 100%);border-radius:999px}
#empresa .empresa-right::-webkit-scrollbar-thumb:hover{filter:brightness(1.15)}
#empresa .section-label{display:block;font-family:'Montserrat',sans-serif;font-size:.85rem;font-weight:800;letter-spacing:.06em;color:#D91023;margin-bottom:.5rem}
#empresa .empresa-title{font-family:'Montserrat',sans-serif;font-size:clamp(1.9rem,3vw,2.6rem);font-weight:900;line-height:1.1;letter-spacing:-.02em;color:var(--e-blue);margin-bottom:1.25rem}
#empresa .empresa-title span{background-image:linear-gradient(100deg, #C8102E 0%, #D91023 45%, #E60012 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
#empresa .empresa-desc{font-size:.92rem;color:rgba(1,33,105,.65);line-height:1.5;margin-bottom:1rem;text-align:justify}
#empresa .empresa-desc:last-of-type{padding-bottom:1.5rem}
.empresa-sectores{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}
.sector-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.38rem .9rem;background:rgba(217,16,35,.07);border:1.5px solid rgba(217,16,35,.25);font-family:'Montserrat',sans-serif;font-size:.65rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#D91023;transition:all .32s ease;cursor:pointer;text-decoration:none}
.sector-chip i{font-size:.6rem}
.sector-chip:hover{background:#E60012;color:#fff;border-color:#E60012}
#empresa .empresa-sep{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}
#empresa .empresa-sep::before,#empresa .empresa-sep::after{content:'';flex:1;height:1.5px;background:rgba(1,33,105,.08)}
#empresa .empresa-sep span{font-family:'Montserrat',sans-serif;font-size:.6rem;font-weight:900;letter-spacing:.22em;text-transform:uppercase;color:rgba(1,33,105,.3)}
#empresa .mobile-flip-hint{display:none;text-align:center;margin-bottom:.85rem;font-family:'Montserrat',sans-serif;font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(1,33,105,.35)}
#empresa .mobile-flip-hint i{color:var(--e-green)}
@media (hover:none){#empresa .mobile-flip-hint{display:block}}
#empresa .scroll-hint-desktop{display:none;flex-direction:column;align-items:center;gap:.75rem;overflow:hidden;max-height:200px;opacity:1;margin-bottom:1.5rem;transition:max-height .5s cubic-bezier(.4,0,.2,1),opacity .4s ease,margin .5s cubic-bezier(.4,0,.2,1)}
@media (hover:hover){#empresa .scroll-hint-desktop{display:flex}}
#empresa .scroll-hint-desktop.hidden{max-height:0;opacity:0;margin-bottom:0}
#empresa .scroll-mouse{position:relative;width:44px;height:68px}
#empresa .scroll-mouse svg{position:absolute;inset:0;width:100%;height:100%}
#empresa .scroll-wheel{position:absolute;left:50%;top:16px;transform:translateX(-50%);width:6px;height:10px;border-radius:999px;background:linear-gradient(to bottom,#D91023,#FEDD00);animation:e-wheelScroll 1.6s cubic-bezier(.4,0,.2,1) infinite}
@keyframes e-wheelScroll{0%{transform:translateX(-50%) translateY(0);opacity:1}60%{transform:translateX(-50%) translateY(20px);opacity:.15}61%{transform:translateX(-50%) translateY(0);opacity:0}80%{opacity:1}100%{transform:translateX(-50%) translateY(0);opacity:1}}
#empresa .scroll-hint-text{font-family:'Montserrat',sans-serif;font-size:.62rem;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:rgba(1,33,105,.32);animation:e-hintTextPulse 1.6s ease-in-out infinite}
@keyframes e-hintTextPulse{0%,100%{opacity:.32}50%{opacity:.75}}
#empresa .scroll-chevrons{display:flex;flex-direction:column;align-items:center;gap:2px}
#empresa .scroll-chevrons i{font-size:.75rem;animation:e-chevronCascade 1.6s ease-in-out infinite;opacity:0}
#empresa .scroll-chevrons i:nth-child(1){animation-delay:0s;color:#2E2E2E}
#empresa .scroll-chevrons i:nth-child(2){animation-delay:.18s;color:#D91023}
#empresa .scroll-chevrons i:nth-child(3){animation-delay:.36s;color:#FEDD00}
@keyframes e-chevronCascade{0%,100%{opacity:0;transform:translateY(-4px)}40%{opacity:1;transform:translateY(0)}70%{opacity:.35;transform:translateY(4px)}}
#empresa .mv-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
#empresa .flip-wrap{perspective:1000px;height:380px;cursor:pointer}
#empresa .flip-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.4,0,.2,1);will-change:transform}
@media (hover:hover){#empresa .flip-wrap:hover .flip-inner{transform:rotateY(180deg)}}
#empresa .flip-wrap.flipped .flip-inner{transform:rotateY(180deg)}
#empresa .flip-front,#empresa .flip-back{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border:1.5px solid rgba(1,33,105,.1)}
#empresa .flip-front{background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1.5rem}
#empresa .flip-front::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;transform:scaleX(0);transform-origin:left;transition:transform .5s ease}
#empresa .flip-wrap.mision .flip-front::before{background:linear-gradient(90deg,var(--e-green),var(--e-yellow))}
#empresa .flip-wrap.vision .flip-front::before{background:linear-gradient(90deg,var(--e-blue),var(--e-green))}
@media (hover:hover){#empresa .flip-wrap:hover .flip-front::before{transform:scaleX(1)}}
#empresa .flip-front-icon{width:72px;height:72px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;margin-bottom:1.25rem;position:relative;transition:all .32s ease}
#empresa .flip-wrap.mision .flip-front-icon{background:rgba(217,16,35,.1);color:var(--e-green)}
#empresa .flip-wrap.vision .flip-front-icon{background:rgba(1,33,105,.08);color:var(--e-blue)}
@media (hover:hover){#empresa .flip-wrap.mision:hover .flip-front-icon{background:var(--e-green);color:#fff;box-shadow:0 0 28px rgba(217,16,35,.35)}#empresa .flip-wrap.vision:hover .flip-front-icon{background:var(--e-blue);color:#fff;box-shadow:0 0 28px rgba(1,33,105,.25)}}
#empresa .flip-front-icon::after{content:'';position:absolute;inset:-8px;border:2px solid transparent;transition:border-color .4s}
@media (hover:hover){#empresa .flip-wrap.mision:hover .flip-front-icon::after{border-color:rgba(217,16,35,.2);animation:e-pulseRing 1.5s ease-in-out infinite}#empresa .flip-wrap.vision:hover .flip-front-icon::after{border-color:rgba(1,33,105,.15);animation:e-pulseRing 1.5s ease-in-out infinite}}
@keyframes e-pulseRing{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.12);opacity:.5}}
#empresa .flip-front-tag{font-family:'Montserrat',sans-serif;font-size:.62rem;font-weight:900;letter-spacing:.28em;text-transform:uppercase;margin-bottom:.4rem}
#empresa .flip-wrap.mision .flip-front-tag{color:var(--e-green)}
#empresa .flip-wrap.vision .flip-front-tag{color:var(--e-blue)}
#empresa .flip-hint-label{position:absolute;bottom:14px;display:flex;align-items:center;gap:.35rem;font-size:.58rem;color:rgba(1,33,105,.28);font-family:'Montserrat',sans-serif;font-weight:700;letter-spacing:.1em;text-transform:uppercase;transition:color .3s}
@media (hover:hover){#empresa .flip-wrap:hover .flip-hint-label{color:rgba(1,33,105,.5)}}
#empresa .flip-back{transform:rotateY(180deg);display:flex;flex-direction:column;align-items:flex-start;padding:1.5rem}
#empresa .flip-wrap.mision .flip-back{background:var(--e-green);border-color:var(--e-green)}
#empresa .flip-wrap.vision .flip-back{background:var(--e-blue);border-color:var(--e-blue)}
#empresa .flip-back-num{position:absolute;top:10px;right:14px;font-family:'Montserrat',sans-serif;font-size:3.5rem;font-weight:900;color:rgba(255,255,255,.08);line-height:1;pointer-events:none}
#empresa .flip-back-icon{width:34px;height:34px;flex-shrink:0;background:rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;font-size:.85rem;color:#fff;margin-bottom:.7rem}
#empresa .flip-back-tag{font-family:'Montserrat',sans-serif;font-size:.56rem;font-weight:900;letter-spacing:.24em;text-transform:uppercase;color:rgba(255,255,255,.6);margin-bottom:.3rem}
#empresa .flip-back h3{font-family:'Montserrat',sans-serif;font-size:.92rem;font-weight:800;line-height:1.25;color:#fff;margin-bottom:.55rem}
#empresa .flip-back-sep{width:100%;height:1px;background:rgba(255,255,255,.15);margin-bottom:.65rem;flex-shrink:0}
#empresa .flip-back p{font-size:.74rem;color:rgba(255,255,255,.78);line-height:1.7;margin-bottom:.75rem}
#empresa .flip-principles{display:flex;gap:.3rem;flex-wrap:wrap}
#empresa .flip-pill{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .55rem;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.28);border-radius:999px;font-family:'Montserrat',sans-serif;font-size:.54rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.92)}
#empresa .flip-pill::before{content:'';width:4px;height:4px;border-radius:50%;background:rgba(255,255,255,.65);flex-shrink:0}
@media (max-width:1024px){#empresa .empresa-grid{gap:3rem}}
@media (max-width:768px){
  #empresa{padding:64px 0}
  #empresa .empresa-grid{grid-template-columns:1fr;gap:2.5rem}
  #empresa .empresa-img-wrap{aspect-ratio:3/4;min-height:320px}
  #empresa .empresa-right{max-height:none!important;overflow-y:visible;padding-right:0}
  #empresa .mv-grid{grid-template-columns:1fr}
  #empresa .flip-wrap{height:300px}
  #empresa::before{display:none}
  #empresa .scroll-hint-desktop{display:none}
}
/* Íconos Font Awesome usados dentro de la sección (sectores, mision/vision) */
#empresa .fas, #empresa .fa-hand-pointer, #empresa .fa-sync-alt, #empresa .fa-bullseye, #empresa .fa-eye,
#empresa .fa-hard-hat, #empresa .fa-industry, #empresa .fa-store, #empresa .fa-truck, #empresa .fa-oil-can{
  font-family:"Font Awesome 6 Free"; font-weight:900;
}