/* EIC Academy v36.16.3 | microdetalle premium para Inicio */
/* Sobrescribe solo Inicio; menu flotante, formularios y demas paginas sin cambios. */
body #portal.n17-home-mode .e3615-brand{
  border-radius:12px;
  transition:background-color .19s ease,border-color .19s ease,transform .19s ease;
}
body #portal.n17-home-mode .e3615-brand:active{transform:scale(.987)}
body #portal.n17-home-mode .e3615-section{
  border:1px solid rgba(255,255,255,.92);
  box-shadow:0 11px 27px rgba(21,35,57,.067),0 2px 6px rgba(21,35,57,.025);
  transition:box-shadow .22s ease,border-color .22s ease;
}
body #portal.n17-home-mode .e3615-services{background:radial-gradient(ellipse at 4% 110%,rgba(163,235,184,.44),transparent 52%),linear-gradient(112deg,#effbf4,#fff 52%,#f5fcf8)}
body #portal.n17-home-mode .e3615-family{background:radial-gradient(ellipse at 0% 103%,rgba(218,228,239,.48),transparent 53%),linear-gradient(110deg,#f5f8fb,#fff 52%,#f7f9fc)}
body #portal.n17-home-mode .e3615-admin{background:radial-gradient(ellipse at 4% 108%,rgba(249,193,200,.43),transparent 53%),linear-gradient(110deg,#fff1f3,#fff 52%,#fff5f6)}
body #portal.n17-home-mode .e3615-tile{
  border-color:rgba(210,222,233,.91);
  box-shadow:0 5px 14px rgba(30,48,72,.035),inset 0 1px 0 rgba(255,255,255,.86);
  transition:transform .2s cubic-bezier(.18,.84,.23,1),box-shadow .2s,border-color .2s,background .2s;
}
body #portal.n17-home-mode .e3615-tile:hover{
  transform:translateY(-3px) scale(1.025);
  border-color:var(--pane-border);
  box-shadow:0 10px 22px rgba(30,48,72,.105),inset 0 1px 0 rgba(255,255,255,.95);
}
body #portal.n17-home-mode .e3615-tile:active{transform:scale(.98)}
body #portal.n17-home-mode .e3615-tile.e3615-tile-entering{transform:scale(1.13)}
body #portal.n17-home-mode .e3615-tile:focus-visible{outline:2px solid #326cba;outline-offset:3px}
body #portal.n17-home-mode .e3615-tile-icon{box-shadow:inset 0 1px 0 rgba(255,255,255,.55)}
body #portal.n17-home-mode .e3615-art-sheet{
  box-shadow:inset 1px 1px 2px rgba(255,255,255,.75),0 10px 18px rgba(45,69,84,.075);
}
@media(min-width:781px){
  body #portal.n17-home-mode .e3615-section{min-height:194px;padding-block:23px}
  body #portal.n17-home-mode .e3615-tile{min-height:124px}
  body #portal.n17-home-mode .e3615-art{filter:drop-shadow(0 10px 14px rgba(32,46,60,.075))}
  body #portal.n17-home-mode .e3615-groups{gap:15px}
}
/* Los titulos y las tarjetas comparten el inicio del bloque, sin huecos verticales. */
@media(max-width:780px){
  body #portal.n17-home-mode .e3615-home{height:calc(100% - 12px)!important}
  body #portal.n17-home-mode .e3615-groups{
    grid-template-rows:repeat(3,minmax(0,1fr));
    gap:clamp(6px,1.1svh,10px);
  }
  body #portal.n17-home-mode .e3615-section{
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:stretch;
    padding:clamp(10px,1.7svh,15px) 11px 11px;
    border-radius:21px;
  }
  body #portal.n17-home-mode .e3615-section-heading{
    flex:0 0 auto;
    align-self:stretch;
    min-height:0;
    gap:5px;
    margin:0 0 clamp(8px,1.65svh,14px);
    padding:0 102px 0 4px;
  }
  body #portal.n17-home-mode .e3615-short-line{height:3px;width:29px}
  body #portal.n17-home-mode .e3615-section-heading h2{font-size:clamp(18px,2.4svh,22px)!important;line-height:1.08;letter-spacing:-.045em}
  body #portal.n17-home-mode .e3615-tile-grid{
    width:100%;
    flex:0 0 auto;
    margin:0;
    padding:0;
    align-self:stretch;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:7px;
  }
  body #portal.n17-home-mode .e3615-tile{
    min-width:0;
    min-height:clamp(60px,9.8svh,80px);
    padding:8px 5px 7px;
    border-radius:13px;
    gap:5px;
  }
  body #portal.n17-home-mode .e3615-tile-title{font-size:clamp(10px,1.26svh,12px);line-height:1.16;max-width:100%;font-weight:690}
  body #portal.n17-home-mode .e3615-tile-icon{width:clamp(30px,4.5svh,39px);height:clamp(30px,4.5svh,39px);flex:0 0 auto}
  body #portal.n17-home-mode .e3615-tile-icon .n9-icon{width:20px!important;height:20px!important;flex-basis:20px!important}
  body #portal.n17-home-mode .e3615-tile-icon img.eic-handshake-mark{width:22px!important;height:22px!important}
  /* Tres hojas pequenas, explicitamente posicionadas: no se recortan al escalar un
     objeto mayor. Ocupan solo la esquina de encabezado y no tocan los botones. */
  body #portal.n17-home-mode .e3615-art{
    position:absolute;
    top:4px;
    right:clamp(11px,2vw,16px);
    width:61px;
    height:46px;
    justify-self:auto;
    align-self:auto;
    transform:rotate(-7deg)!important;
    transform-origin:center;
    opacity:1;
    filter:drop-shadow(0 5px 8px rgba(25,42,61,.10));
    z-index:1;
    pointer-events:none;
  }
  body #portal.n17-home-mode .e3615-art-sheet{
    width:35px;
    height:29px;
    border-radius:7px;
    transform:skewY(8deg) rotate(-3deg);
    box-shadow:0 5px 12px rgba(33,52,69,.08),inset 1px 1px 1px rgba(255,255,255,.82);
  }
  body #portal.n17-home-mode .e3615-art-back{left:25px;top:0}
  body #portal.n17-home-mode .e3615-art-middle{left:14px;top:4px}
  body #portal.n17-home-mode .e3615-art-front{left:2px;top:10px}
  body #portal.n17-home-mode .e3615-art-front .n9-icon{
    width:18px!important;height:18px!important;flex-basis:18px!important;
    stroke-width:1.5!important;
    transform:skewY(-8deg);
  }
}
@media(max-width:480px){
  body #portal.n17-home-mode{padding:8px 9px 10px!important}
  body #portal.n17-home-mode .e3615-home{gap:7px}
  body #portal.n17-home-mode .e3615-brand-row{min-height:48px;padding-bottom:5px}
  body #portal.n17-home-mode .e3615-groups{gap:7px}
  body #portal.n17-home-mode .e3615-section{padding:clamp(9px,1.5svh,12px) 9px 9px;border-radius:18px}
  body #portal.n17-home-mode .e3615-section-heading{gap:4px;margin-bottom:clamp(7px,1.2svh,11px);padding-right:87px;padding-left:3px}
  body #portal.n17-home-mode .e3615-section-heading h2{font-size:clamp(17px,2.2svh,20px)!important}
  body #portal.n17-home-mode .e3615-art{top:4px;right:11px;width:58px;height:44px}
  body #portal.n17-home-mode .e3615-art-sheet{width:33px;height:28px;border-radius:7px}
  body #portal.n17-home-mode .e3615-art-back{left:24px;top:0}
  body #portal.n17-home-mode .e3615-art-middle{left:13px;top:4px}
  body #portal.n17-home-mode .e3615-art-front{left:1px;top:9px}
  body #portal.n17-home-mode .e3615-art-front .n9-icon{width:18px!important;height:18px!important;flex-basis:18px!important}
  body #portal.n17-home-mode .e3615-tile-grid{gap:6px}
  body #portal.n17-home-mode .e3615-tile{min-height:clamp(59px,9.5svh,77px);padding:7px 3px 6px;gap:4px}
  body #portal.n17-home-mode .e3615-tile-title{font-size:clamp(9.4px,1.25svh,11px)}
}
/* Alturas realmente reducidas o texto ampliado: scroll seguro en lugar de ocultar botones. */
@media(max-width:780px) and (max-height:610px){
  body #portal.n17-home-mode{height:auto!important;min-height:100svh!important;overflow-y:auto!important}
  body #portal.n17-home-mode .portal-shell,
  body #portal.n17-home-mode #n9-panel,
  body #portal.n17-home-mode .e3615-home{height:auto!important}
  body #portal.n17-home-mode .e3615-groups{height:auto!important;grid-template-rows:none;gap:9px}
  body #portal.n17-home-mode .e3615-section{height:auto;min-height:144px}
}
/* Teléfonos cortos: misma pantalla completa sin sacrificar Administración. */
@media(max-width:780px) and (min-height:611px) and (max-height:710px){
  body #portal.n17-home-mode .e3615-section{padding-top:8px;padding-bottom:8px}
  body #portal.n17-home-mode .e3615-section-heading{margin-bottom:7px}
  body #portal.n17-home-mode .e3615-art{top:0!important}
  body #portal.n17-home-mode .e3615-tile{min-height:56px;padding:5px 3px 4px;gap:3px}
  body #portal.n17-home-mode .e3615-tile-icon{width:27px;height:27px;flex-basis:27px}
  body #portal.n17-home-mode .e3615-tile-icon .n9-icon{width:16px!important;height:16px!important;flex-basis:16px!important}
}
@media(max-width:780px) and (max-height:610px){
  body #portal.n17-home-mode .e3615-art{top:0!important}
}
@media(prefers-reduced-motion:reduce){
  body #portal.n17-home-mode .e3615-section,
  body #portal.n17-home-mode .e3615-tile,
  body #portal.n17-home-mode .e3615-brand{transition:none!important;animation:none!important}
}