/*
Theme Name: IT Partners Redesign
Theme URI: https://www.itpartners.com.ar
Author: IT Partners Consulting
Description: Tema propio para itpartners.com.ar — rediseño visual y de mensaje enfocado en el agente SRE y la consultoría cloud.
Version: 1.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: itpartners
*/

@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@500;600;700;800&family=Inter:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap');

:root{
  --ink:#1E2A38;
  --ink-2:#26374A;
  --paper:#EEF0F2;
  --paper-2:#E2E5E9;
  --amber:#E1A33E;
  --teal:#2F8F7E;
  --text-dark:#1E2A38;
  --text-light:#F1F0EC;
  --text-muted:#8C97A6;
  --line-dark:#3A4756;
  --line-light:#D8DCE1;
}
*{box-sizing:border-box; margin:0; padding:0;}
body{
  font-family:'Inter', sans-serif;
  color:var(--text-dark);
  background:var(--paper);
  line-height:1.5;
}
a{color:inherit; text-decoration:none;}
img{max-width:100%; display:block;}
.wrap{max-width:1180px; margin:0 auto; padding:0 32px;}

/* NAV */
.site-header{
  display:flex; justify-content:space-between; align-items:center;
  padding:26px 32px; max-width:1180px; margin:0 auto;
}
.logo{font-family:'Manrope'; font-weight:800; font-size:18px; letter-spacing:-0.01em;}
.logo span{color:var(--amber);}
.navlinks{display:flex; gap:36px; font-size:14px; font-weight:500; align-items:center; list-style:none;}
.navlinks li{list-style:none;}
.navlinks a{color:var(--text-dark); opacity:0.75; transition:opacity .15s;}
.navlinks a:hover{opacity:1;}
.navlinks .cta a{
  opacity:1; background:var(--ink); color:var(--text-light);
  padding:9px 18px; border-radius:3px; font-weight:600;
}

/* HERO */
.hero{ background:var(--ink); color:var(--text-light); padding:64px 0 0 0; overflow:hidden; }
.hero-inner{
  max-width:1180px; margin:0 auto; padding:0 32px 0 32px;
  display:grid; grid-template-columns:1.05fr 0.95fr; gap:56px; align-items:center;
}
.eyebrow-line{ display:flex; align-items:center; gap:10px; margin-bottom:22px; font-family:'IBM Plex Mono'; font-size:12.5px; color:var(--amber); }
.eyebrow-line .dot{width:6px; height:6px; border-radius:50%; background:var(--amber);}
h1{ font-family:'Manrope'; font-weight:700; font-size:44px; line-height:1.14; letter-spacing:-0.015em; max-width:560px; margin-bottom:22px; }
.hero p{ font-size:16.5px; color:#C3CAD3; max-width:460px; margin-bottom:32px; }
.hero-ctas{display:flex; gap:14px; margin-bottom:64px;}
.btn-primary{ background:var(--amber); color:var(--ink); font-weight:700; font-size:14.5px; padding:13px 22px; border-radius:3px; display:inline-block; }
.btn-secondary{ border:1px solid var(--line-dark); color:var(--text-light); font-weight:600; font-size:14.5px; padding:13px 22px; border-radius:3px; display:inline-block; }

/* CONSOLE MOCK */
.console{ background:var(--ink-2); border:1px solid var(--line-dark); border-radius:6px; overflow:hidden; font-family:'IBM Plex Mono'; box-shadow:0 24px 60px -20px rgba(0,0,0,0.55); }
.console-bar{ display:flex; justify-content:space-between; align-items:center; padding:11px 16px; border-bottom:1px solid var(--line-dark); font-size:11.5px; color:var(--text-muted); }
.console-bar .id{color:var(--text-light);}
.console-body{padding:18px 18px 20px 18px;}
.console-row{ display:flex; gap:12px; padding:11px 0; border-bottom:1px solid rgba(255,255,255,0.05); font-size:12.5px; }
.console-row:last-child{border-bottom:none; padding-bottom:0;}
.console-row .tag{ flex-shrink:0; width:112px; color:var(--text-muted); padding-top:1px; }
.console-row .val{color:#DCE1E7;}
.status-ok{color:var(--teal); font-weight:500;}
.status-warn{color:var(--amber); font-weight:500;}
.console-footer{ padding:14px 18px; border-top:1px solid var(--line-dark); display:flex; justify-content:space-between; font-size:11.5px; color:var(--text-muted); }
.console-footer .resolved{color:var(--teal); font-weight:500;}

/* stack strip */
.stack-strip{ border-top:1px solid var(--line-dark); margin-top:40px; }
.stack-inner{ max-width:1180px; margin:0 auto; padding:22px 32px; display:flex; gap:36px; align-items:center; flex-wrap:wrap; font-family:'IBM Plex Mono'; font-size:12.5px; color:#8C97A6; list-style:none; }
.stack-inner li{list-style:none;}

/* SECTIONS */
section{padding:88px 0;}
.section-head{max-width:560px; margin-bottom:52px;}
.section-label{ font-family:'IBM Plex Mono'; font-size:12px; color:var(--teal); margin-bottom:14px; }
h2{ font-family:'Manrope'; font-weight:700; font-size:30px; letter-spacing:-0.01em; margin-bottom:14px; }
.section-head p{color:#5B6675; font-size:15.5px; max-width:480px;}

/* SERVICES */
.service-row{ display:grid; grid-template-columns:280px 1fr auto; gap:32px; align-items:start; padding:30px 0; border-top:1px solid var(--line-light); }
.service-row:last-child{border-bottom:1px solid var(--line-light);}
.service-row h3{ font-family:'Manrope'; font-weight:600; font-size:19px; }
.service-row p{color:#5B6675; font-size:14.5px; max-width:460px;}
.service-tags{display:flex; gap:8px; flex-wrap:wrap; align-self:start;}
.service-tags span{ font-family:'IBM Plex Mono'; font-size:11px; color:var(--ink); border:1px solid var(--line-light); padding:5px 9px; border-radius:3px; white-space:nowrap; }

/* SRE AGENT FEATURE */
.feature{ background:var(--ink); color:var(--text-light); border-radius:8px; padding:56px; display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:center; }
.feature .section-label{color:var(--amber);}
.feature h2{color:var(--text-light); max-width:420px;}
.feature p{color:#C3CAD3; font-size:15px; margin-bottom:24px; max-width:440px;}
.feature-list{list-style:none; display:flex; flex-direction:column; gap:12px;}
.feature-list li{ font-size:14.5px; color:#DCE1E7; padding-left:20px; position:relative; }
.feature-list li::before{ content:''; position:absolute; left:0; top:7px; width:8px; height:2px; background:var(--amber); }
.feature-visual{ font-family:'IBM Plex Mono'; font-size:12px; background:var(--ink-2); border:1px solid var(--line-dark); border-radius:6px; padding:20px; }
.feature-visual .line{padding:6px 0; color:#8C97A6;}
.feature-visual .line b{color:var(--text-light); font-weight:500;}
.feature-visual .line.ok{color:var(--teal);}

/* WHY */
.why-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:0;}
.why-item{padding:0 28px 0 0; border-left:1px solid var(--line-light); padding-left:28px;}
.why-item:first-child{border-left:none; padding-left:0;}
.why-num{font-family:'IBM Plex Mono'; font-size:12px; color:var(--teal); margin-bottom:12px;}
.why-item h4{font-family:'Manrope'; font-weight:600; font-size:16.5px; margin-bottom:8px;}
.why-item p{font-size:14px; color:#5B6675;}

/* CTA */
.cta-band{ background:var(--paper-2); border-radius:8px; padding:64px; text-align:left; display:flex; justify-content:space-between; align-items:center; gap:32px; }
.cta-band h2{max-width:420px; margin-bottom:0;}
.cta-band .btn-primary{background:var(--ink); color:var(--text-light);}

/* FOOTER */
.site-footer{ border-top:1px solid var(--line-light); padding:28px 0; margin-top:20px; }
.footer-inner{ display:flex; justify-content:space-between; font-size:13px; color:var(--text-muted); }

/* Generic page/post content (page.php, single.php) */
.entry-content{ max-width:760px; margin:0 auto; padding:80px 32px; }
.entry-content h1{font-size:34px; max-width:none;}
.entry-content p{color:#3A4756; font-size:16px; margin-bottom:18px; max-width:none;}

@media (max-width:820px){
  .hero-inner, .feature, .why-grid, .service-row{grid-template-columns:1fr;}
  .why-item{border-left:none; padding-left:0; padding-bottom:24px;}
  h1{font-size:32px;}
  .cta-band{flex-direction:column; align-items:flex-start; text-align:left;}
  .navlinks{gap:18px; font-size:13px;}
}