/* Mirgor Empleos - landing (replica del diseno oficial)
   Paleta aproximada del PDF. Assets graficos (foto hero, mapa, iconos) aproximados con CSS. */
:root{
	--m-blue:#1f3df0;        /* azul brillante Mirgor */
	--m-blue-d:#162fb8;
	--m-navy:#0b1a3f;        /* navy oscuro */
	--m-navy2:#0a142e;
	--m-bg:#ffffff;
	--m-gray:#5a6473;
}
.mempleos-hero,.mempleos-search,.mempleos-paises,.mempleos-banda,
.mempleos-nuevas,.mempleos-unidades,.mempleos-areas{box-sizing:border-box;width:100%;}
.mempleos-hero *,.mempleos-search *,.mempleos-paises *,.mempleos-banda *,
.mempleos-nuevas *,.mempleos-unidades *,.mempleos-areas *{box-sizing:border-box;}

/* ===== HERO ===== */
.mempleos-hero{position:relative;min-height:520px;display:flex;align-items:center;
	background:linear-gradient(115deg,#0c1a3a 0%,#1d3a63 45%,#2f6b9c 100%);overflow:hidden;}
.mempleos-hero__overlay{position:absolute;inset:0;
	background:linear-gradient(90deg,rgba(8,16,40,.78) 0%,rgba(8,16,40,.35) 50%,rgba(8,16,40,.05) 100%);}
/* sutil textura de red para dar profundidad sin la foto */
.mempleos-hero::after{content:"";position:absolute;inset:0;opacity:.12;
	background-image:radial-gradient(rgba(150,190,255,.8) 1px,transparent 1.6px);background-size:34px 34px;}
.mempleos-hero__inner{position:relative;max-width:1200px;margin:0 auto;padding:0 40px;width:100%;}
.mempleos-hero__title{color:#fff;font-size:54px;line-height:1.05;font-weight:300;margin:0 0 28px;}
.mempleos-hero__title span{font-weight:700;}
.mempleos-btn-pill{display:inline-block;background:var(--m-blue);color:#fff;text-decoration:none;
	padding:13px 30px;border-radius:30px;font-size:15px;font-weight:600;}
.mempleos-btn-pill:hover{background:var(--m-blue-d);}

/* ===== BUSCADOR ===== */
.mempleos-search{background:#f3f4f6;padding:30px 40px;text-align:center;}
.mempleos-search__label{color:#3a3f4a;font-size:15px;margin:0 0 16px;font-weight:500;}
.mempleos-search__form{display:flex;gap:14px;justify-content:center;align-items:center;flex-wrap:wrap;max-width:900px;margin:0 auto;}
.mempleos-field{flex:1 1 220px;max-width:280px;}
.mempleos-field select,.mempleos-field input{width:100%;border:1px solid #d7dbe0;background:#fff;
	border-radius:24px;padding:12px 18px;font-size:14px;color:#3a3f4a;appearance:none;}
.mempleos-search__go{width:46px;height:46px;border-radius:50%;border:0;background:var(--m-blue);
	color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;flex:0 0 auto;}
.mempleos-search__go:hover{background:var(--m-blue-d);}

/* ===== OPORTUNIDADES POR PAIS ===== */
.mempleos-paises{position:relative;background:radial-gradient(circle at 50% 40%,#16306a 0%,#0a1a3f 70%);padding:60px 40px;overflow:hidden;}
.mempleos-paises__dots{position:absolute;inset:0;opacity:.25;
	background-image:radial-gradient(rgba(120,170,255,.6) 1px,transparent 1.5px);background-size:26px 26px;}
.mempleos-paises__inner{position:relative;max-width:900px;margin:0 auto;text-align:center;}
.mempleos-paises__title{color:#fff;font-size:30px;font-weight:600;margin:0 0 34px;}
/* Flexbox + justify-content:center => las filas incompletas quedan centradas. */
.mempleos-paises__grid{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--mp-gap,16px);}
.mempleos-paises__btn{flex:0 1 calc((100% - (var(--mp-cols,4) - 1) * var(--mp-gap,16px)) / var(--mp-cols,4));
	display:flex;align-items:center;justify-content:center;gap:6px;min-height:54px;padding:0 10px;text-align:center;
	background:var(--mp-btn-bg,var(--m-blue));color:var(--mp-btn-fg,#fff);text-decoration:none;border-radius:0;font-size:14px;font-weight:600;letter-spacing:.5px;transition:filter .15s ease;}
.mempleos-paises__btn:hover{filter:brightness(.9);}
.mempleos-paises__count{font-weight:400;opacity:.8;}

/* ===== BANDA MIRGOR EMPLEOS ===== */
.mempleos-banda{display:grid;grid-template-columns:1fr 1fr;}
.mempleos-banda__left{background:var(--m-navy);display:flex;align-items:center;justify-content:center;padding:60px 40px;}
.mempleos-banda__logo{color:#fff;font-size:30px;font-weight:300;letter-spacing:.5px;}
.mempleos-banda__logo span{color:var(--m-blue);}
.mempleos-banda__right{background:var(--m-blue);color:#fff;padding:54px 56px;}
.mempleos-banda__right p{font-size:15px;line-height:1.7;margin:0 0 16px;}
.mempleos-banda__right p:last-child{margin-bottom:0;}

/* ===== NUEVAS BUSQUEDAS ===== */
.mempleos-nuevas{background:#fff;padding:56px 40px;}
.mempleos-nuevas__title{text-align:center;font-size:30px;font-weight:600;color:#1b2233;margin:0 0 36px;}
.mempleos-nuevas__grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;max-width:1200px;margin:0 auto;}
.mempleos-card{border:1px solid #e3e5e8;border-radius:8px;padding:22px 18px;text-align:center;display:flex;flex-direction:column;align-items:center;box-shadow:0 2px 10px rgba(0,0,0,.04);}
.mempleos-card__title{font-size:16px;font-weight:700;color:#1b2233;margin:0 0 14px;min-height:42px;}
.mempleos-card__loc{font-size:12px;color:var(--m-gray);margin:0 0 12px;line-height:1.4;}
.mempleos-card__loc span{color:#9aa1ad;}
.mempleos-card__loc strong{color:#2b3242;font-size:13px;}
.mempleos-card__date{font-size:12px;color:var(--m-blue);font-weight:600;margin:0 0 16px;line-height:1.4;}
.mempleos-card__cta{margin-top:auto;background:var(--m-blue);color:#fff;text-decoration:none;border-radius:20px;padding:8px 22px;font-size:13px;font-weight:600;}
.mempleos-card__cta:hover{background:var(--m-blue-d);}

/* ===== UNIDADES DE NEGOCIO ===== */
.mempleos-unidades{background:var(--m-navy);padding:56px 40px;}
.mempleos-unidades__title{text-align:center;color:#fff;font-size:30px;font-weight:600;margin:0 0 36px;}
.mempleos-unidades__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;max-width:1100px;margin:0 auto;}
.mempleos-unidad{min-height:150px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:10px;padding:24px;position:relative;}
.mempleos-unidad:not(:has(.mempleos-unidad__desc)){align-items:center;}
.mempleos-unidad__name{color:#fff;font-size:20px;font-weight:600;}
.mempleos-unidad__desc{font-size:11px;line-height:1.5;color:rgba(255,255,255,.95);margin:0;}
.mempleos-unidad--innovacion{background:#e0703a;}
.mempleos-unidad--servicios{background:#2f6fa3;}
.mempleos-unidad--medical{background:#c2a02e;}
.mempleos-unidad--manufactura{background:#16a89a;}
.mempleos-unidad--retail{background:#a86bb5;}
.mempleos-unidad--supply{background:#4ba0bf;}
.mempleos-unidad--distribucion{background:#a83b5c;}

/* ===== AREAS (iconos) ===== */
.mempleos-areas{background:#fff;padding:30px 40px 64px;}
.mempleos-areas__grid{display:grid;grid-template-columns:repeat(8,1fr);gap:14px;max-width:1100px;margin:0 auto;}
.mempleos-area{background:var(--m-navy);border-radius:10px;padding:18px 10px;text-align:center;color:#fff;display:flex;flex-direction:column;align-items:center;gap:6px;min-height:120px;justify-content:center;}
.mempleos-area--active{background:var(--m-blue);}
.mempleos-area__icon{display:flex;align-items:center;justify-content:center;height:32px;color:#fff;opacity:.95;}
.mempleos-area__name{font-size:12px;font-weight:600;}
.mempleos-area__sub{font-size:10px;color:#aeb4c4;line-height:1.3;}

/* ===== RESPONSIVE ===== */
@media(max-width:980px){
	.mempleos-paises__grid{--mp-cols:2;}
	.mempleos-banda{grid-template-columns:1fr;}
	.mempleos-nuevas__grid{grid-template-columns:repeat(2,1fr);}
	.mempleos-unidades__grid{grid-template-columns:repeat(2,1fr);}
	.mempleos-areas__grid{grid-template-columns:repeat(4,1fr);}
	.mempleos-hero__title{font-size:38px;}
}