/* 04 · Operación de negocios y administración. */
.business-page #access{margin-top:24px}.business-page #login{max-width:500px;padding:28px;background:var(--cream);border:3px solid white;border-radius:24px;box-shadow:var(--shadow)}.business-page #login h2{margin-top:0}.business-page #requests{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.business-page #requests .request{margin:0}.summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:26px 0}.metric{background:linear-gradient(140deg,#fffef8,#ebf8f0);border:3px solid white;border-radius:20px;padding:20px;min-width:0;box-shadow:var(--shadow)}.metric:nth-child(3n+2){background:linear-gradient(140deg,#fffef8,#fff5d6)}.metric:nth-child(3n){background:linear-gradient(140deg,#fffef8,#e5f3fc)}.metric span{display:block;color:var(--muted);font-size:.82rem}.metric strong{display:block;margin-top:10px;color:var(--blue);font-size:1.75rem;line-height:1.2;overflow-wrap:anywhere}.account-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}.account-columns .business-panel{margin:0}.business-experiences{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.business-experiences .business-panel{margin:0}.business-experiences img{width:100%;height:170px;object-fit:cover;border-radius:14px;margin-bottom:18px}.business-experiences a{margin:8px 0;display:flex}.business-form,.new-form,.editor,#new-account{max-width:760px;background:var(--cream);padding:28px;border:3px solid white;border-radius:24px;box-shadow:var(--shadow);margin:24px 0}.business-form{max-width:680px}.editor h2{margin-top:0}.request-group-heading{grid-column:1/-1;margin:22px 0 0}.admin-page #accounts,.admin-page #admin-visitors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.admin-page #accounts .request,.admin-page #admin-visitors .request{margin:0}#account-logout{margin-top:24px}.capacity-editor{max-width:440px;border-top:1px solid var(--line);margin-top:20px;padding-top:12px}.capacity-success,.capacity-error{font-weight:700}.business-page main p>a{margin:4px 0}.business-page #signin{padding:18px;background:#fff6dc;border:1px solid #e7d39a;border-radius:18px}
@media(max-width:1000px){.summary{grid-template-columns:repeat(2,minmax(0,1fr))}.business-experiences{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.account-columns,.business-page #requests,.admin-page #accounts,.admin-page #admin-visitors{grid-template-columns:1fr}}
@media(max-width:600px){.business-experiences{grid-template-columns:1fr}.business-form,.new-form,.editor,#new-account{padding:20px}.metric{padding:16px}.metric strong{font-size:1.5rem}.summary{gap:12px}}
@media(max-width:360px){.summary{grid-template-columns:1fr}}

/* V2 · Todas las vistas operativas en móviles y tablets. */
@media screen and (max-width:1024px){
 .business-page main{padding:0 20px 30px}
 .business-page .intro{margin:22px 0 18px;padding:18px 20px;border-radius:21px}
 .business-page .intro h1{font-size:1.65rem;line-height:1.15;margin:7px 0 10px}
 .business-page .intro .eyebrow{font-size:.61rem;margin:0}
 .business-page .intro p,.business-page main p,.business-page .intro small{font-size:.82rem;line-height:1.5}
 .business-page .intro::after{font-size:72px;right:10px}
 .business-page h2{font-size:1.18rem;margin:18px 0 12px}
 .business-page h3{font-size:1rem;line-height:1.3}
 .business-page .summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0}
 .business-page .metric{padding:13px;border-width:1px;border-radius:17px;box-shadow:0 4px 12px #327c7b0b}
 .business-page .metric span{font-size:.73rem;line-height:1.4}
 .business-page .metric strong{font-size:1.4rem;margin-top:7px}
 .business-page .toolbar{padding:10px;gap:8px;margin:14px 0;border-radius:16px}
 .business-page .toolbar button,.business-page .toolbar a{font-size:.76rem;min-height:44px;flex:1 1 150px;padding:8px 10px}
 .business-page .filters{grid-template-columns:repeat(2,minmax(0,1fr));padding:14px;gap:12px;border-radius:18px;margin:14px 0}
 .business-page .filters label{margin:0;font-size:.76rem;line-height:1.4}
 .business-page .filters .primary{margin-top:0}
 .business-page input,.business-page select,.business-page textarea{padding:10px;min-height:44px;border-radius:11px;width:100%;max-width:100%}
 .business-page input[type=checkbox]{width:20px;min-height:20px}
 .business-page textarea{min-height:100px}
 .business-page label{font-size:.8rem;margin:12px 0}
 .business-page .business-form,.business-page .new-form,.business-page .editor,.business-page #new-account{padding:18px;margin:16px 0;border-width:1px;border-radius:20px;max-width:none}
 .business-page .business-form,.business-page .new-form,.business-page .editor,.business-page #new-account{display:grid;grid-template-columns:1fr 1fr;column-gap:16px;row-gap:4px}
 .business-page :is(.business-form,.new-form,.editor,#new-account)>:not(label){grid-column:1/-1}
 .business-page :is(.business-form,.new-form,.editor,#new-account)>label:has(textarea),.business-page .publication{grid-column:1/-1}
 .business-page .request,.business-page .business-panel{padding:16px;margin:12px 0;border-width:1px;border-radius:18px;box-shadow:0 4px 16px #327c7b0d}
 .business-page .request p,.business-page .business-panel p{margin:8px 0}
 .business-page .request h2,.business-page .business-panel h2{margin-top:0}
 .business-page .actions{gap:8px;margin-top:12px}
 .business-page .actions button{font-size:.78rem;padding:8px 10px;border-radius:12px}
 .business-page .business-experiences{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .business-page .business-experiences .business-panel{padding:13px}
 .business-page .business-experiences img{height:110px;margin-bottom:12px;border-radius:12px}
 .business-page .business-experiences a{font-size:.76rem;padding:8px 10px;margin:6px 0}
 .business-page .account-columns{grid-template-columns:1fr 1fr;gap:12px}
 .business-page #requests,.admin-page #accounts,.admin-page #admin-visitors{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .business-page #business-list,.business-page #schedule-list,.business-page #applications{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}
 .business-page :is(#business-list,#schedule-list,#applications)>.request{margin:0}
 .business-page .capacity-editor{max-width:none;margin-top:12px;padding-top:8px}
 .business-page #login{padding:20px;border-width:1px;border-radius:20px;max-width:560px;margin:auto}
 .business-page .map-editor,.business-page .map-overview{height:340px!important;min-height:0}
 .business-footer{padding:26px 20px;gap:16px;grid-template-columns:1fr 1fr;border-radius:22px 22px 0 0}
 .business-footer a{min-height:44px;display:flex;align-items:center}
}
@media screen and (max-width:600px){
 .business-page main{padding:0 14px 26px}
 .business-page .intro{padding:16px;margin-top:18px}
 .business-page .intro h1{font-size:1.4rem}
 .business-page .account-columns,.business-page #requests,.admin-page #accounts,.admin-page #admin-visitors,.business-page #business-list,.business-page #schedule-list,.business-page #applications{grid-template-columns:1fr}
 .business-page .business-form,.business-page .new-form,.business-page .editor,.business-page #new-account{grid-template-columns:1fr;padding:15px}
 .business-page .business-experiences{grid-template-columns:1fr}
 .business-page .business-experiences img{height:130px}
 .business-page #request-filters>label:first-child,.business-page #visitor-filters>label:first-child,.business-page #schedule-form>label:first-child{grid-column:1/-1}
 .business-page #schedule-form .primary{grid-column:1/-1}
 .business-page .map-editor,.business-page .map-overview{height:290px!important}
 .business-footer{grid-template-columns:1fr;gap:12px}
}
@media screen and (max-width:600px){
 .business-page .business-experiences{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .business-page .business-experiences .business-panel{padding:10px}
 .business-page .business-experiences h3{font-size:.86rem}
 .business-page .business-experiences h3 .section-icon{display:none}
 .business-page .business-experiences img{height:90px}
 .business-page .business-experiences p{font-size:.72rem}
 .business-page .business-experiences a{font-size:.72rem;line-height:1.3;min-height:44px;padding:7px 9px}
}

/* V3 · Identidad, tarjetas y acciones operativas. */
@media screen and (max-width:1024px){
 .business-page #signed-in{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:13px 15px;margin:14px 0;border:1px solid #c8e3da;border-radius:16px;background:#ffffffba;box-shadow:0 4px 14px #327c7b08}
 .business-page #signed-in:empty{display:none}
 .business-page #signed-in .identity-separator{display:none}
 .business-page #signed-in .identity-email{font-weight:700;min-width:0;overflow-wrap:anywhere;font-size:.8rem}
 .business-page #signed-in .identity-role{padding:4px 10px;border-radius:20px;background:#dff1e9;color:#286f5b;font-size:.7rem}
 .business-page #workspace>.toolbar{display:grid;grid-template-columns:1fr 1fr;background:transparent;padding:0;border:0;gap:10px;box-shadow:none}
 .business-page #workspace>.toolbar button{width:100%;height:100%;font-size:.76rem;text-align:center}
 .business-page #request-filters .clear-filters{grid-column:1/-1;width:100%;border-radius:12px;margin:0}
 .business-page .filters label{font-size:.78rem;line-height:1.4}
 .business-page .filters select{font-weight:400;padding-right:26px}
 .business-page .filters input{font-weight:400}
 .business-page .filters input::placeholder{font-size:.84rem}
 .business-page #business-list .request{position:relative;background:linear-gradient(120deg,#fffef8,#f4fcf9);border:1px solid #d2e9df;border-radius:20px;padding:16px 16px 14px;border-left:4px solid #78bfad}
 .business-page #business-list .request h3{font-size:1.02rem;line-height:1.3;margin-bottom:10px}
 .business-page #business-list .request h3 .section-icon{display:none}
 .business-page #business-list .request p{font-size:.79rem;line-height:1.45}
 .business-page #business-list .request>button{width:100%;margin-top:8px;justify-content:space-between;background:#e2f3ed;color:#266d5d;border:1px solid #b6dccc}
 .business-page #requests .request{border:1px solid #d4e7e0;border-radius:20px;padding:16px}
 .business-page #requests .actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
 .business-page #requests .actions button{width:100%;height:100%;font-size:.78rem;line-height:1.4;justify-content:center;margin:0}
 .business-page #requests .actions button:first-child{grid-column:1/-1;background:linear-gradient(120deg,#258c76,#287f79);border-color:#258c76;color:white}
 .business-page #requests .actions button:not(:first-child){background:#fff9f3;border-color:#e3cfc2;color:#875f4c}
 .admin-page #accounts .request,.admin-page #admin-visitors .request{border:1px solid #d1e7df;border-radius:20px;padding:16px;background:linear-gradient(130deg,#fffef8,#f4fbf7)}
 .admin-page #accounts .identity-separator{display:none}
 .admin-page #accounts .identity-email{display:block;font-weight:700;font-size:.88rem;color:#24698a;overflow-wrap:anywhere;margin-bottom:6px}
 .admin-page #accounts .identity-role{display:block;font-size:.8rem;color:#5d7379;margin-bottom:9px}
 .admin-page #accounts .identity-state{display:inline-flex;padding:4px 10px;border-radius:20px;background:#e0f2e6;color:#377250;font-size:.71rem;font-weight:700}
 .admin-page #accounts [data-active=false] .identity-state{background:#f4eae5;color:#885d4b}
 .admin-page #accounts .request>button,.admin-page #admin-visitors .request>button{width:100%;margin-top:10px;background:#f5f9f7;border-color:#bcdacf;color:#3a7060}
 .admin-page #admin-visitors h3{font-size:1rem;margin-bottom:8px}
 .admin-page #admin-visitors h3 .section-icon{display:none}
 .business-page #admin-business-overview .section-title>a{background:#258c76;color:white;border-color:#258c76}
 .business-page #business-account-workspace .business-panel:has(#account-report){display:grid;grid-template-columns:1fr;gap:10px}
 .business-page #business-account-workspace .business-panel:has(#account-report)>*{margin:0}
 .business-page #business-account-workspace .business-panel:has(#account-report)>h2{margin-bottom:2px}
 .business-page #account-summary{margin-top:14px}
}
@media screen and (max-width:600px){
 .business-page #request-filters,.business-page #visitor-filters{grid-template-columns:1fr}
 .business-page #request-filters label,.business-page #visitor-filters label{display:grid;grid-template-columns:80px minmax(0,1fr);align-items:center;gap:10px}
 .business-page #request-filters label:first-child,.business-page #visitor-filters label:first-child{display:block}
 .business-page #request-filters select,.business-page #visitor-filters select{margin-top:0}
 .business-page #workspace>.toolbar{grid-template-columns:1fr}
 .business-page .section-title>a{width:100%;flex-basis:100%}
 .business-page #business-list{gap:12px}
}
@media screen and (max-width:380px){
 .business-page #request-filters label,.business-page #visitor-filters label{display:block}
 .business-page #request-filters select,.business-page #visitor-filters select{margin-top:6px}
}

/* V4 · Acción de negocio: icono y texto juntos, centrados. */
@media screen and (max-width:1024px){
 .business-page #business-list .request>button{justify-content:center;gap:8px;font-weight:700;border-radius:13px;min-height:44px;padding:10px 12px;font-size:.8rem}
 .business-page #business-list .request>button .section-icon{width:18px;height:18px;flex-shrink:0;margin:0}
}
