:root{
  --nic-dark:#17212b;
  --nic-orange:#f26a16;
  --nic-green:#159447;
  --nic-bg:#f3f5f7;
}
body{background:var(--nic-bg);color:#1e2933}
.nic-nav{background:linear-gradient(90deg,#111a23,#1e2c39)}
.navbar-brand{font-size:1.15rem;line-height:1}
.navbar-brand small{display:block;font-size:.62rem;font-weight:400;margin-left:27px;color:#d8dde2}
.brand-mark{color:var(--nic-orange);font-size:1.5rem}
.page-title h1{margin:0;font-size:1.8rem}
.page-title p{margin:.35rem 0 0;color:#687381}
.nic-card,.metric-card{border:0;border-radius:10px;box-shadow:0 4px 16px rgba(20,31,43,.07);background:#fff}
.nic-card .card-header{background:#fff;font-weight:700;padding:1rem 1.2rem;border-bottom:1px solid #e6e9ed}
.metric-card{padding:1.1rem 1.25rem}
.metric-card span{display:block;color:#6b7580}
.metric-card strong{font-size:2rem}
.list-row,.quote-row{display:flex;justify-content:space-between;gap:1rem;padding:.75rem 0;border-bottom:1px solid #edf0f2}
.list-row:last-child,.quote-row:last-child{border-bottom:0}
.list-row a,.quote-row a{font-weight:700;text-decoration:none}
.list-row small,.quote-row small,td small{display:block;color:#71808f}
.danger-header{color:#b42318!important}
.price-card .card-header{color:#fff}
.diesel-header{background:linear-gradient(90deg,#2d7fd3,#3e9be8)!important}
.euro-header{background:linear-gradient(90deg,#efb91c,#ffd24d)!important;color:#1c2024!important}
.nafta-header{background:linear-gradient(90deg,#66b934,#8dd44b)!important}
.timeline-item{border-left:4px solid var(--nic-orange);padding:0 0 1.2rem 1rem;margin-bottom:1.2rem}
.timeline-item p{margin:.4rem 0}
.total-field{font-weight:800;background:#eef7f1!important}
.detail-table th{width:35%;color:#596675}
.table thead th{font-size:.85rem;color:#52606d;background:#f8f9fa}
.btn-success{background:var(--nic-green);border-color:var(--nic-green)}
\n\n
.correo-cuerpo{white-space:pre-wrap;line-height:1.55;overflow-wrap:anywhere}
.correo-sidebar{background:#fff;border-radius:10px;padding:1rem;box-shadow:0 4px 16px rgba(20,31,43,.07)}
.correo-sidebar .nav-link{color:#344454}
.correo-sidebar .nav-link.active{background:var(--nic-dark);color:#fff}
.correo-no-leido{background:#f0f7ff}
.nic-mobile-menu>a{display:block;color:#f4f6f8;text-decoration:none;padding:.65rem .75rem;border-radius:.4rem}
.nic-mobile-menu>a:hover{background:rgba(255,255,255,.1)}
.nic-mobile-menu .menu-label{margin-top:1rem;padding:.35rem .75rem;color:#9eabb7;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
@media (max-width:991.98px){.nic-nav .container{max-width:none}.correo-sidebar{box-shadow:none;padding:0}}

.nic-nav{min-height:68px;box-shadow:0 3px 14px rgba(4,12,20,.22)}
.nic-nav .navbar-brand{margin-right:2rem;white-space:nowrap}
.nic-desktop-menu>.nav-link,
.nic-desktop-menu>.dropdown>.nav-link{
  border-radius:8px;
  padding:.55rem .72rem;
  transition:background-color .18s ease,transform .18s ease;
  text-decoration:none;
}
.nic-desktop-menu>.nav-link:hover,
.nic-desktop-menu>.dropdown>.nav-link:hover{
  background:rgba(255,255,255,.11);
  transform:translateY(-1px);
}
.nic-desktop-menu .dropdown-menu{
  margin-top:.55rem;
  border:0;
  border-radius:10px;
  padding:.45rem;
  box-shadow:0 12px 30px rgba(18,29,40,.18);
  min-width:190px;
}
.nic-desktop-menu .dropdown-item{border-radius:7px;padding:.58rem .75rem}
.nic-desktop-menu .dropdown-item:hover{background:#eef7f1;color:#08753a}
.nav-icon{display:inline-flex;align-items:center;justify-content:center;margin-right:.25rem;opacity:.88}
.nic-new-company{white-space:nowrap;border-radius:9px;padding:.55rem .8rem;box-shadow:0 4px 12px rgba(21,148,71,.24)}
@media (min-width:1200px) and (max-width:1399.98px){
  .nic-nav .navbar-brand{margin-right:.65rem}
  .nic-desktop-menu{gap:.2rem!important}
  .nic-desktop-menu>.nav-link,.nic-desktop-menu>.dropdown>.nav-link{padding:.5rem .48rem;font-size:.92rem}
  .nic-new-company{padding:.5rem .55rem;font-size:.9rem}
}

.correo-folder-tree .nav-link{padding-left:calc(.75rem + var(--folder-depth,0)*1.05rem)}
.correo-folder-parent{padding:.7rem .75rem;padding-left:calc(.75rem + var(--folder-depth,0)*1.05rem);margin-top:.3rem;color:#253545;font-weight:750;font-size:.86rem;text-transform:uppercase;letter-spacing:.035em;border-top:1px solid #edf0f2}
.correo-folder-parent:first-child{border-top:0}
.correo-subfolder{position:relative}
.correo-subfolder .folder-icon{color:#8a97a4}
.folder-icon{display:inline-block;width:1rem;text-align:center;margin-right:.2rem}


/* Logo original de Estudios SM. El encuadre solo ajusta sus márgenes en la interfaz. */
.sm-logo-frame{position:relative;display:block;width:108px;height:54px;overflow:hidden;border-radius:6px;background:#fffcf5;flex-shrink:0}
.sm-logo-image{position:absolute;width:130px;height:auto;max-width:none;left:-11px;top:-17px}
.sm-login-brand{display:flex;justify-content:center;margin:0 0 1.25rem}
.sm-logo-frame-login{width:240px;height:122px;max-width:100%}
.sm-logo-frame-login .sm-logo-image{width:290px;left:-25px;top:-38px}