/*
Theme Name: Integra Profesional
Theme URI: https://integrarecursoshumanos.com/
Description: Tema hijo de Hello Elementor para la portada corporativa de Integra Recursos Humanos.
Author: Integra
Template: hello-elementor
Version: 1.2.0
*/

:root{--ip-navy:#20262e;--ip-blue:#4b5663;--ip-sky:#fff1e5;--ip-gold:#f28c28;--ip-ink:#20262e;--ip-muted:#626b75;--ip-white:#fff;--ip-line:#e6e0da;--ip-radius:22px;--ip-shadow:0 20px 55px rgba(32,38,46,.14)}
*{box-sizing:border-box}.ip-home{margin:0;color:var(--ip-ink);background:#fff;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}.ip-home a{text-decoration:none}.ip-container{width:min(1180px,calc(100% - 40px));margin:auto}.ip-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid rgba(220,229,236,.85)}.ip-nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:28px}.ip-brand{font-family:Georgia,serif;font-size:33px;font-weight:700;color:var(--ip-navy);letter-spacing:-1px}.ip-brand span{color:var(--ip-gold)}.ip-menu{display:flex;align-items:center;gap:26px}.ip-menu a{color:var(--ip-ink);font-weight:650;font-size:15px}.ip-menu a:hover{color:var(--ip-blue)}.ip-menu .ip-nav-cta{color:#fff;background:var(--ip-navy);padding:11px 18px;border-radius:999px}.ip-mobile-button{display:none;border:0;background:transparent;font-size:27px;color:var(--ip-navy)}
.ip-hero{position:relative;overflow:hidden;background:linear-gradient(125deg,#f5f9fc 0%,#fff 52%,#edf7fb 100%);padding:105px 0 90px}.ip-hero:before{content:"";position:absolute;width:500px;height:500px;border-radius:50%;right:-180px;top:-240px;background:rgba(232,167,47,.14)}.ip-hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:72px;align-items:center}.ip-eyebrow{display:inline-flex;align-items:center;gap:9px;padding:8px 13px;border-radius:999px;background:var(--ip-sky);color:var(--ip-blue);font-weight:750;font-size:13px;text-transform:uppercase;letter-spacing:.08em}.ip-eyebrow:before{content:"";width:8px;height:8px;background:var(--ip-gold);border-radius:50%}.ip-hero h1{font-size:clamp(44px,5.6vw,72px);line-height:1.06;letter-spacing:-.045em;margin:24px 0;color:var(--ip-navy);max-width:780px}.ip-hero h1 span{color:var(--ip-blue)}.ip-hero-copy{font-size:20px;color:var(--ip-muted);max-width:690px;margin-bottom:33px}.ip-actions{display:flex;gap:14px;flex-wrap:wrap}.ip-btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border-radius:12px;font-weight:750;transition:.2s}.ip-btn-primary{background:var(--ip-gold);color:var(--ip-navy);box-shadow:0 12px 25px rgba(232,167,47,.28)}.ip-btn-primary:hover{transform:translateY(-2px);color:var(--ip-navy)}.ip-btn-secondary{border:1px solid var(--ip-line);color:var(--ip-navy);background:#fff}.ip-btn-secondary:hover{border-color:var(--ip-blue);color:var(--ip-blue)}
.ip-hero-panel{position:relative;background:var(--ip-navy);border-radius:30px;padding:34px;color:#fff;box-shadow:var(--ip-shadow);overflow:hidden}.ip-hero-panel:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,35,63,.98),rgba(16,35,63,.74)),url('https://integrarecursoshumanos.com/wp-content/uploads/2025/05/3-1-1500x500.png') center/cover;opacity:.48}.ip-hero-panel:after{content:"";position:absolute;inset:14px;border:1px solid rgba(255,255,255,.12);border-radius:22px;pointer-events:none}.ip-panel-title,.ip-solution{position:relative;z-index:2}.ip-panel-title{font-size:14px;text-transform:uppercase;letter-spacing:.1em;color:#c6dceb;margin:0 0 22px}.ip-solution{display:grid;grid-template-columns:44px 1fr;gap:15px;padding:18px 0;border-top:1px solid rgba(255,255,255,.18)}.ip-solution:first-of-type{border-top:0}.ip-icon{width:44px;height:44px;border-radius:12px;background:rgba(232,167,47,.16);display:flex;align-items:center;justify-content:center;color:#ffc95d;font-size:21px}.ip-solution strong{display:block;font-size:18px;margin-bottom:2px}.ip-solution small{color:#b9c7d5;font-size:14px}
.ip-proof{margin-top:-32px;position:relative;z-index:4}.ip-proof-grid{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border:1px solid var(--ip-line);border-radius:18px;box-shadow:var(--ip-shadow)}.ip-proof-item{padding:25px 30px;text-align:center;border-right:1px solid var(--ip-line)}.ip-proof-item:last-child{border:0}.ip-proof-item strong{display:block;color:var(--ip-navy);font-size:27px}.ip-proof-item span{color:var(--ip-muted);font-size:14px}
.ip-section{padding:100px 0}.ip-section-soft{background:#f6f9fb}.ip-section-head{max-width:760px;margin-bottom:45px}.ip-kicker{color:var(--ip-blue);font-weight:800;text-transform:uppercase;letter-spacing:.1em;font-size:13px}.ip-section h2{font-size:clamp(34px,4vw,50px);line-height:1.12;letter-spacing:-.035em;color:var(--ip-navy);margin:12px 0 16px}.ip-lead{font-size:18px;color:var(--ip-muted)}
.ip-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.ip-card{background:#fff;border:1px solid var(--ip-line);border-radius:var(--ip-radius);padding:34px;transition:.25s;position:relative;overflow:hidden}.ip-card:hover{transform:translateY(-6px);box-shadow:var(--ip-shadow);border-color:transparent}.ip-card-number{font-size:13px;font-weight:800;color:var(--ip-gold);letter-spacing:.1em}.ip-card h3{font-size:26px;color:var(--ip-navy);margin:13px 0 10px}.ip-card p{color:var(--ip-muted);margin-bottom:21px}.ip-list{list-style:none;padding:0;margin:0 0 25px}.ip-list li{padding:8px 0 8px 24px;position:relative;color:#39465a}.ip-list li:before{content:"✓";position:absolute;left:0;color:var(--ip-blue);font-weight:900}.ip-text-link{color:var(--ip-blue);font-weight:800}.ip-text-link:hover{color:var(--ip-gold)}
.ip-stories{padding:0 0 100px}.ip-story-grid{display:grid;grid-template-columns:1.15fr .85fr;grid-template-rows:repeat(2,265px);gap:22px}.ip-story{position:relative;margin:0;border-radius:24px;overflow:hidden;background:var(--ip-navy);box-shadow:var(--ip-shadow)}.ip-story-wide{grid-row:1/3}.ip-story img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.ip-story:hover img{transform:scale(1.025)}.ip-story:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(180deg,transparent,rgba(20,25,31,.9))}.ip-story figcaption{position:absolute;z-index:2;left:28px;right:28px;bottom:25px;color:#fff}.ip-story figcaption span{display:block;color:#ffb15f;text-transform:uppercase;letter-spacing:.1em;font-size:12px;font-weight:800;margin-bottom:5px}.ip-story figcaption strong{display:block;font-size:clamp(18px,2vw,26px);line-height:1.25;max-width:520px}
.ip-platform{background:var(--ip-navy);color:#fff;overflow:hidden}.ip-platform .ip-kicker{color:#7cc3ed}.ip-platform h2{color:#fff}.ip-platform .ip-lead{color:#bdc9d7}.ip-platform-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.ip-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:28px 0}.ip-feature{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.11);padding:15px;border-radius:12px;color:#e6edf3;font-size:14px}.ip-dashboard{background:#f7fafc;border-radius:24px;padding:22px;box-shadow:0 30px 80px rgba(0,0,0,.32);color:var(--ip-ink);transform:rotate(1deg)}.ip-dash-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.ip-dash-top strong{color:var(--ip-navy);font-size:18px}.ip-dots{color:#9ca9b5}.ip-dash-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.ip-dash-stat{background:#fff;border:1px solid var(--ip-line);border-radius:12px;padding:15px}.ip-dash-stat b{display:block;font-size:24px;color:var(--ip-blue)}.ip-dash-stat span{font-size:11px;color:var(--ip-muted)}.ip-chart{height:155px;margin-top:12px;border-radius:14px;background:linear-gradient(180deg,#fff,#edf6fb);display:flex;align-items:flex-end;gap:13px;padding:20px}.ip-bar{flex:1;background:linear-gradient(180deg,var(--ip-blue),#73b7dc);border-radius:6px 6px 2px 2px}.ip-bar:nth-child(1){height:45%}.ip-bar:nth-child(2){height:72%}.ip-bar:nth-child(3){height:58%}.ip-bar:nth-child(4){height:88%}.ip-bar:nth-child(5){height:68%}.ip-bar:nth-child(6){height:94%}
.ip-training-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.ip-training-card{background:linear-gradient(135deg,#fff4dc,#fff);border:1px solid #f3dab0;border-radius:28px;padding:40px}.ip-training-card blockquote{font-family:Georgia,serif;font-size:31px;line-height:1.35;color:var(--ip-navy);margin:0 0 22px}.ip-tags{display:flex;flex-wrap:wrap;gap:9px}.ip-tag{background:#fff;border:1px solid var(--ip-line);border-radius:999px;padding:8px 12px;color:#475468;font-size:13px}
.ip-process{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.ip-step{padding:28px 24px;border-top:3px solid var(--ip-gold);background:#fff;border-radius:0 0 16px 16px}.ip-step b{font-size:13px;color:var(--ip-blue)}.ip-step h3{font-size:20px;color:var(--ip-navy);margin:10px 0 8px}.ip-step p{font-size:14px;color:var(--ip-muted);margin:0}
.ip-clients{padding:70px 0;border-top:1px solid var(--ip-line)}.ip-clients h2{text-align:center;font-size:30px;color:var(--ip-navy);margin:0 0 10px}.ip-clients>div>p{text-align:center;color:var(--ip-muted);margin-bottom:30px}.ip-client-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:820px;margin:auto}.ip-client-logo{height:150px;border:1px solid var(--ip-line);border-radius:18px;background:#fff;display:flex;align-items:center;justify-content:center;padding:18px}.ip-client-logo img{max-width:100%;max-height:112px;object-fit:contain;filter:saturate(.88)}
.ip-cta{padding:80px 0}.ip-cta-box{background:linear-gradient(120deg,var(--ip-blue),var(--ip-navy));border-radius:28px;padding:58px;display:flex;align-items:center;justify-content:space-between;gap:40px;color:#fff}.ip-cta h2{color:#fff;margin:0 0 12px;font-size:40px}.ip-cta p{color:#c8d8e4;margin:0;max-width:650px}.ip-footer{background:#0b192d;color:#aebdca;padding:55px 0 25px}.ip-footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:45px}.ip-footer h3,.ip-footer h4{color:#fff}.ip-footer a{display:block;color:#aebdca;margin:7px 0}.ip-footer a:hover{color:#fff}.ip-copyright{margin-top:38px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);font-size:13px}
@media(max-width:900px){.ip-menu{display:none;position:absolute;left:0;right:0;top:82px;background:#fff;padding:22px 30px;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--ip-line)}.ip-menu.is-open{display:flex}.ip-mobile-button{display:block}.ip-hero{padding-top:75px}.ip-hero-grid,.ip-platform-grid,.ip-training-grid{grid-template-columns:1fr}.ip-hero-panel{max-width:620px}.ip-pillars{grid-template-columns:1fr}.ip-story-grid{grid-template-columns:1fr 1fr;grid-template-rows:380px 250px}.ip-story-wide{grid-column:1/3;grid-row:auto}.ip-process{grid-template-columns:1fr 1fr}.ip-cta-box{align-items:flex-start;flex-direction:column}.ip-footer-grid{grid-template-columns:1fr 1fr}.ip-proof-grid{grid-template-columns:1fr}.ip-proof-item{border-right:0;border-bottom:1px solid var(--ip-line)}}
@media(max-width:560px){.ip-container{width:min(100% - 26px,1180px)}.ip-nav{height:70px}.ip-menu{top:70px}.ip-brand{font-size:28px}.ip-hero h1{font-size:41px}.ip-hero-copy{font-size:17px}.ip-hero-panel{padding:25px}.ip-proof{margin-top:0}.ip-section{padding:72px 0}.ip-stories{padding-bottom:72px}.ip-story-grid{display:block}.ip-story{height:245px;margin-bottom:15px}.ip-story-wide{height:310px}.ip-story figcaption{left:20px;right:20px;bottom:20px}.ip-process,.ip-feature-grid,.ip-footer-grid,.ip-client-grid{grid-template-columns:1fr}.ip-client-logo{height:125px}.ip-cta-box{padding:36px 27px}.ip-cta h2{font-size:31px}.ip-dashboard{padding:14px}.ip-dash-stat b{font-size:19px}}
.ip-hero-grid>*{min-width:0}
@media(max-width:1050px) and (min-width:901px){.ip-menu{display:none;position:absolute;left:0;right:0;top:82px;background:#fff;padding:22px 30px;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--ip-line)}.ip-menu.is-open{display:flex}.ip-mobile-button{display:block}.ip-hero{padding-top:75px}.ip-hero-grid,.ip-platform-grid,.ip-training-grid{grid-template-columns:1fr}.ip-hero-panel{max-width:620px}.ip-pillars{grid-template-columns:1fr}.ip-process{grid-template-columns:1fr 1fr}.ip-cta-box{align-items:flex-start;flex-direction:column}.ip-footer-grid{grid-template-columns:1fr 1fr}.ip-proof-grid{grid-template-columns:1fr}.ip-proof-item{border-right:0;border-bottom:1px solid var(--ip-line)}}