.connect-hero{padding:54px 0 34px;background:linear-gradient(180deg,#fff,#f5faff);border-bottom:1px solid var(--public-line)}
.connect-hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:28px;align-items:center}
.connect-hero h1{margin:8px 0 12px;color:var(--public-navy);font-size:clamp(38px,5vw,62px);line-height:1;letter-spacing:-.05em}
.connect-hero p{max-width:780px;margin:0;color:var(--public-muted);font-size:15px;line-height:1.65}
.connect-highlight{padding:24px;border:1px solid #d9e8f4;border-radius:22px;background:linear-gradient(145deg,#06275e,#0a67c7 72%,#18bcec);color:#fff;box-shadow:0 24px 54px rgba(8,49,101,.16)}
.connect-highlight strong{display:block;font-size:23px;letter-spacing:-.03em}
.connect-highlight p{margin:8px 0 0;color:#c9eaff;font-size:11px}
.connect-search-card{margin-top:-24px;position:relative;z-index:4;padding:18px;border:1px solid var(--public-line);border-radius:18px;background:#fff;box-shadow:var(--public-shadow)}
.connect-search-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr 1fr auto;gap:8px}
.connect-search-grid input,.connect-search-grid select{width:100%;height:43px;border:1px solid var(--public-line);border-radius:10px;padding:0 10px;background:#fff;color:var(--public-text)}
.connect-search-grid button{border:0;border-radius:10px;padding:0 18px;background:linear-gradient(135deg,var(--public-blue),var(--public-cyan));color:#fff;font-weight:850}
.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}
.plan-card{display:flex;flex-direction:column;min-height:260px;padding:20px;border:1px solid var(--public-line);border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(28,68,110,.05)}
.plan-card-top{display:flex;justify-content:space-between;gap:12px}
.plan-company{color:var(--public-blue);font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}
.plan-tech{padding:5px 8px;border-radius:999px;background:#eff7ff;color:#3972a9;font-size:8px;font-weight:850}
.plan-card h3{margin:9px 0 5px;color:var(--public-navy);font-size:18px}
.plan-speed{color:#4c6982;font-size:11px;font-weight:800}
.plan-price{margin:18px 0 7px;color:var(--public-navy);font-size:25px;font-weight:950}
.plan-card p{margin:0;color:var(--public-muted);font-size:10px;line-height:1.55}
.plan-meta{display:flex;gap:7px;flex-wrap:wrap;margin:14px 0}
.plan-meta span{padding:5px 7px;border-radius:999px;background:#f4f8fb;color:#7a8fa1;font-size:8px;font-weight:750}
.plan-card .public-primary-button{margin-top:auto;width:100%}
.connect-note{padding:16px;border:1px solid #d7e7f3;border-radius:14px;background:#f7fbff;color:#60788d;font-size:10px;line-height:1.6}
.lead-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:16px}
.lead-panel{padding:23px;border:1px solid var(--public-line);border-radius:19px;background:#fff;box-shadow:var(--public-shadow)}
.lead-panel h2{margin:0 0 15px;color:var(--public-navy);font-size:20px}
.connect-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.connect-field.full{grid-column:1/-1}
.connect-field label{display:block;margin-bottom:6px;color:#4c6880;font-size:9px;font-weight:850}
.connect-field input,.connect-field select,.connect-field textarea{width:100%;border:1px solid var(--public-line);border-radius:10px;background:#fff;color:var(--public-text)}
.connect-field input,.connect-field select{height:42px;padding:0 10px}
.connect-field textarea{min-height:100px;padding:10px;resize:vertical}
.connect-consent{display:flex;align-items:flex-start;gap:8px;margin-top:13px;color:#637b8f;font-size:9px;line-height:1.5}
.connect-consent input{margin-top:2px}
.connect-alert{padding:13px 14px;border-radius:12px;font-size:10px;line-height:1.5;margin-bottom:13px}
.connect-alert.bad{background:#fff2f2;border:1px solid #efcdcd;color:#a83434}
.connect-alert.ok{background:#effaf5;border:1px solid #cce9de;color:#127353}
.opportunity-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}
.opportunity-card{display:flex;flex-direction:column;min-height:245px;padding:20px;border:1px solid var(--public-line);border-radius:18px;background:#fff;box-shadow:0 9px 28px rgba(28,68,110,.05);text-decoration:none}
.opportunity-card-top{display:flex;justify-content:space-between;gap:10px}
.opportunity-category{color:var(--public-blue);font-size:9px;font-weight:900;text-transform:uppercase}
.opportunity-location{color:#8da1b1;font-size:8px;font-weight:750}
.opportunity-card h3{margin:11px 0 8px;color:var(--public-navy);font-size:17px;line-height:1.25}
.opportunity-card p{margin:0;color:var(--public-muted);font-size:10px;line-height:1.6}
.opportunity-card-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:16px}
.opportunity-card-footer span{color:#8094a5;font-size:8px}
.opportunity-card-footer strong{color:var(--public-blue);font-size:9px}
.opportunity-detail{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:16px}
.opportunity-private-note{padding:18px;border:1px solid #dbe8f3;border-radius:15px;background:#f8fbfe;color:#60798d;font-size:10px;line-height:1.6}
.membership-box{padding:22px;border-radius:18px;background:linear-gradient(145deg,#06275e,#0c68c8);color:#fff}
.membership-box strong{display:block;font-size:20px}
.membership-box p{margin:8px 0 0;color:#cae9ff;font-size:10px;line-height:1.6}
.membership-box .public-primary-button{margin-top:16px;background:#fff;color:#06275e;box-shadow:none}
.provider-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}
.provider-step{padding:13px;border:1px solid var(--public-line);border-radius:13px;background:#fff}
.provider-step span{display:grid;place-items:center;width:26px;height:26px;border-radius:9px;background:#edf6ff;color:var(--public-blue);font-size:9px;font-weight:950}
.provider-step strong{display:block;margin-top:8px;color:var(--public-navy);font-size:10px}
.provider-step p{margin:4px 0 0;color:var(--public-muted);font-size:9px;line-height:1.5}
@media(max-width:1000px){
    .connect-hero-grid,.lead-grid,.opportunity-detail{grid-template-columns:1fr}
    .plan-grid,.opportunity-grid{grid-template-columns:repeat(2,1fr)}
    .connect-search-grid{grid-template-columns:1fr 1fr}
    .connect-search-grid button{height:43px}
}
@media(max-width:650px){
    .plan-grid,.opportunity-grid,.connect-form-grid,.provider-steps{grid-template-columns:1fr}
    .connect-field.full{grid-column:auto}
    .connect-search-grid{grid-template-columns:1fr}
}

/* =========================================================
   ISPShop Connect público · Legibilidad final 2026-09-13
   ========================================================= */
.connect-highlight p{font-size:12px}
.plan-company{font-size:10.5px}
.plan-tech{font-size:10px}
.plan-speed{font-size:12px}
.plan-card p{font-size:11.5px}
.plan-meta span{font-size:10px}
.connect-note{font-size:11.5px}
.connect-field label{font-size:11px}
.connect-field input,.connect-field select,.connect-field textarea{font-size:12px}
.connect-consent{font-size:10.5px}
.connect-alert{font-size:11.5px}
.opportunity-category{font-size:10.5px}
.opportunity-location{font-size:10px}
.opportunity-card p{font-size:11.5px}
.opportunity-card-footer span{font-size:10px}
.opportunity-card-footer strong{font-size:11px}
.opportunity-private-note{font-size:11.5px}
.membership-box p{font-size:11.5px}
.provider-step span{font-size:10px}
.provider-step strong{font-size:11.5px}
.provider-step p{font-size:10.5px}
.connect-search-grid input,.connect-search-grid select{font-size:12px}
.connect-search-grid button{font-size:12px}