/*
Theme Name: Everlight Power Systems
Theme URI: https://everlight.com.ve/
Author: Everlight Power Systems
Description: Tema de una sola aplicación con la interfaz corporativa de Everlight Power Systems (animación de entrada incluida).
Version: 2.1.2
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: everlight-app
*/
/* Everlight Power Systems — capa de producción móvil (heredada del sitio anterior, adaptada a la nueva marca). */

/* MMCableData mobile production layer.
   The supplied mobile design doc previews the real app at 390 × 844 using ?dir=b.
   This stylesheet adapts the production theme directly instead of embedding phone iframes. */
html, body { max-width:100%; }
body { margin:0; }
.mm-main { -webkit-overflow-scrolling:touch; overscroll-behavior-y:contain; }
.mm-mobile-nav,.mm-line-chips,.mm-sector-tabs,.mm-lines-tabs,.mm-arch-layer-list { -webkit-overflow-scrolling:touch; }

@media (max-width: 767px) {
  html, body { width:100%; max-width:100%; overflow:hidden !important; }
  .mm-app-root { width:100%; height:100dvh !important; min-height:100svh; overflow:hidden !important; }
  .mm-main { width:100%; overflow-x:hidden !important; }

  /* Mobile header: same control-centre language as the supplied 390px reference. */
  .mm-header { padding-top:env(safe-area-inset-top); }
  .mm-header-top { height:56px !important; padding:0 max(14px,env(safe-area-inset-left)) 0 max(14px,env(safe-area-inset-right)) !important; gap:10px !important; }
  .mm-header-top > button:first-child img { height:34px !important; max-width:220px !important; }
  .mm-header-top > div:last-child { gap:3px !important; }
  .mm-header-top > div:last-child button { padding:7px 8px !important; font-size:10px !important; }
  .mm-mobile-nav { min-height:42px; padding:0 7px; gap:0; scrollbar-width:none !important; scroll-snap-type:x proximity; }
  .mm-mobile-nav::-webkit-scrollbar,.mm-line-chips::-webkit-scrollbar,.mm-sector-tabs::-webkit-scrollbar,.mm-lines-tabs::-webkit-scrollbar,.mm-arch-layer-list::-webkit-scrollbar { display:none; }
  .mm-mobile-nav button { min-height:42px !important; padding:0 11px !important; scroll-snap-align:start; }
  .mm-mobile-nav button > span:first-child { display:none !important; }
  .mm-mobile-nav button > span:last-child { font-size:12.5px !important; }

  button, a { -webkit-tap-highlight-color:transparent; }
  h1,h2,h3 { text-wrap:balance; }
  .mm-home-copy,.mm-sectors,.mm-architecture,.mm-lines { padding-left:16px !important; padding-right:16px !important; }
  .mm-sectors,.mm-architecture,.mm-lines { padding-top:22px !important; padding-bottom:28px !important; }

  /* 01 Home */
  .mm-home { min-height:auto !important; }
  .mm-home > div:first-child { flex:none !important; }
  .mm-home-copy { padding-top:28px !important; padding-bottom:24px !important; gap:17px !important; justify-content:flex-start !important; }
  .mm-home-copy > span:first-child { font-size:11.5px !important; gap:9px !important; }
  .mm-home-copy > span:first-child > span:first-child { width:20px !important; }
  .mm-home-copy h1 { font-size:clamp(32px,9.8vw,42px) !important; line-height:.98 !important; max-width:11ch !important; letter-spacing:-.045em !important; }
  .mm-home-copy > p { font-size:14.5px !important; line-height:1.55 !important; max-width:36ch !important; }
  .mm-home-copy > div:nth-last-child(2) { gap:7px !important; align-items:flex-start !important; flex-direction:column !important; }
  .mm-home-copy > div:nth-last-child(2) > span { font-size:13.5px !important; }
  .mm-home-copy > div:nth-last-child(2) > strong { font-size:21px !important; }
  .mm-home-copy > div:last-child { display:grid !important; grid-template-columns:1fr !important; gap:8px !important; width:100%; }
  .mm-home-copy > div:last-child button { width:100% !important; padding:14px 16px !important; font-size:14px !important; text-align:center !important; }
  .mm-line-chips { display:grid !important; grid-template-columns:none !important; grid-auto-flow:column !important; grid-auto-columns:minmax(142px,42vw) !important; overflow-x:auto !important; scroll-snap-type:x mandatory; }
  .mm-line-chips > button { min-height:82px; padding:14px 14px 16px !important; scroll-snap-align:start; }
  .mm-line-chips > button span:last-child { font-size:12.8px !important; }

  /* 02 Context */
  section[data-screen-label="02 Contexto"] { min-height:auto !important; }
  section[data-screen-label="02 Contexto"] > div:first-child { grid-template-columns:1fr !important; }
  section[data-screen-label="02 Contexto"] > div:first-child > div,
  section[data-screen-label="02 Contexto"] > div:last-child { padding-left:16px !important; padding-right:16px !important; }
  section[data-screen-label="02 Contexto"] > div:first-child > div:first-child { padding-top:26px !important; padding-bottom:28px !important; }
  section[data-screen-label="02 Contexto"] > div:first-child > div:last-child { padding-top:26px !important; padding-bottom:26px !important; }
  section[data-screen-label="02 Contexto"] h2 { font-size:32px !important; }
  section[data-screen-label="02 Contexto"] > div:last-child { grid-template-columns:1fr !important; gap:17px !important; padding-top:22px !important; padding-bottom:26px !important; }
  section[data-screen-label="02 Contexto"] > div:first-child > div:last-child > div { grid-template-columns:1fr !important; }

  /* 03 Sectors */
  .mm-sectors > div:first-child { align-items:flex-start !important; gap:11px !important; }
  .mm-sectors > div:first-child > div:last-child { width:100%; justify-content:space-between !important; align-items:flex-start !important; }
  .mm-sectors h2 { font-size:34px !important; }
  .mm-sector-tabs { grid-auto-columns:minmax(145px,43vw) !important; scroll-snap-type:x mandatory; scrollbar-width:none !important; }
  .mm-sector-tabs > button { padding:13px 12px 15px !important; scroll-snap-align:start; }
  .mm-sector-detail { grid-template-columns:1fr !important; gap:11px !important; }
  .mm-sector-detail > div { padding:19px !important; }
  .mm-sector-detail h3 { font-size:27px !important; }
  .mm-sector-detail > div:nth-child(2) > div:first-child > div:nth-child(2) { overflow-x:auto; padding-bottom:4px; }
  .mm-sector-detail > div:nth-child(2) > div:first-child > div:nth-child(2) > div { min-width:58px; }
  .mm-sector-detail > div:nth-child(2) > div:last-child > div:last-child { grid-template-columns:1fr 1fr !important; }

  /* 04 Architecture */
  .mm-architecture > div:first-child { align-items:flex-start !important; }
  .mm-architecture > div:first-child > span:last-child { display:none !important; }
  .mm-architecture h2 { font-size:29px !important; }
  .mm-architecture > div:nth-child(2) { gap:3px !important; }
  .mm-arch-panel > div { grid-template-columns:1fr !important; }
  .mm-arch-layer-list { display:grid !important; grid-auto-flow:column !important; grid-auto-columns:minmax(152px,45vw) !important; overflow-x:auto !important; padding:0 !important; border-right:0 !important; border-bottom:1px solid var(--panelLine) !important; scroll-snap-type:x mandatory; }
  .mm-arch-layer-list > button { min-height:76px; grid-template-columns:22px minmax(0,1fr) !important; gap:8px !important; padding:13px !important; scroll-snap-align:start; box-shadow:inset -1px 0 0 var(--panelLine) !important; }
  .mm-arch-panel > div > div:last-child > div:first-child { min-height:205px !important; }
  .mm-arch-panel > div > div:last-child > div:last-child { padding:19px 17px !important; }
  .mm-arch-panel > div > div:last-child > div:last-child > div:last-child { align-items:flex-start !important; }

  /* 05 Technical lines */
  .mm-lines h2 { font-size:29px !important; }
  .mm-lines-tabs { grid-auto-columns:75vw !important; gap:7px !important; scrollbar-width:none !important; }
  .mm-lines-tabs > button { min-height:174px !important; }
  .mm-line-detail { grid-template-columns:1fr !important; }
  .mm-line-detail > div:first-child { min-height:215px !important; }
  .mm-line-detail > div:last-child { padding:21px 18px !important; }
  .mm-line-detail > div:last-child > div:nth-child(3) { grid-template-columns:1fr !important; }
  .mm-line-detail button { width:100%; text-align:center; }

  /* 06 Proposal */
  .mm-proposal { grid-template-columns:1fr !important; min-height:auto !important; }
  .mm-proposal > div { padding-left:18px !important; padding-right:18px !important; }
  .mm-proposal > div:first-child { padding-top:25px !important; padding-bottom:25px !important; }
  .mm-proposal > div:last-child { padding-top:25px !important; padding-bottom:32px !important; }
  .mm-proposal h2 { font-size:30px !important; }
  .mm-proposal input,.mm-proposal textarea { font-size:16px !important; }
  .mm-proposal > div:last-child div[style*="grid-template-columns:repeat(auto-fit"] { grid-template-columns:1fr !important; }

  /* 07 Contact */
  .mm-contact { grid-template-columns:1fr !important; min-height:auto !important; }
  .mm-contact > div:first-child { padding:25px 18px 29px !important; }
  .mm-contact > div:last-child { min-height:250px !important; }
  .mm-contact h2 { font-size:30px !important; }
  .mm-contact > div:first-child > div:nth-child(2) { grid-template-columns:1fr !important; }
  .mm-contact > div:first-child > div:nth-child(3) { align-items:flex-start !important; flex-direction:column !important; }

  /* Make the last pixels comfortable on iPhones with a home indicator. */
  .mm-main section { padding-bottom:max(24px,env(safe-area-inset-bottom)); }
}

@media (max-width: 390px) {
  .mm-home-copy { padding-top:23px !important; }
  .mm-home-copy h1 { font-size:31px !important; }
  .mm-sectors h2 { font-size:31px !important; }
  .mm-architecture h2,.mm-lines h2 { font-size:27px !important; }
  .mm-lines-tabs { grid-auto-columns:79vw !important; }
  .mm-sector-detail > div:nth-child(2) > div:last-child > div:last-child { grid-template-columns:1fr !important; }
}

@media (min-width:768px) and (max-width:1199px) {
  .mm-line-chips { grid-template-columns:repeat(5,minmax(0,1fr)) !important; }
  .mm-sector-detail { grid-template-columns:1fr 1fr !important; }
  .mm-lines-tabs { grid-auto-columns:minmax(190px,1fr) !important; }
}

/* EV-HEADER: cabecera adaptable en pantallas medianas */
@media (min-width:768px){
  .mm-header-top > nav{ overflow:hidden; }
}
@media (min-width:768px) and (max-width:1500px){
  .mm-header-top > nav button > span:first-child{ display:none !important; }
}
@media (min-width:768px) and (max-width:1280px){
  .mm-header-top{ gap:10px !important; padding:0 16px !important; }
  .mm-header-top > nav button{ padding:0 9px !important; }
  .mm-header-top > nav button > span:last-child{ font-size:13px !important; }
  .mm-header-top > button:first-child img{ height:32px !important; }
  .mm-header-top > div:last-child{ gap:8px !important; }
  .mm-header-top > div:last-child > button{ padding:9px 12px !important; font-size:13px !important; }
}
@media (min-width:768px) and (max-width:1020px){
  .mm-header-top > nav button > span:last-child{ font-size:12.5px !important; }
  .mm-header-top > nav button{ padding:0 7px !important; }
  .mm-header-top > button:first-child img{ height:28px !important; }
}