/* DTF Agencias Nacional — iOS 26 Native inspired layer over the uploaded Creativo Digital base */
:root{
  --ios-glass:color-mix(in srgb,var(--md-surface-container-lowest) 76%,transparent);
  --ios-stroke:color-mix(in srgb,var(--md-outline-variant) 72%,transparent);
  --ios-shadow:0 18px 60px rgb(40 22 35 / .12),0 2px 8px rgb(40 22 35 / .06);
  --ios-blur:22px;
}
.app-bar.ios-glass{background:var(--ios-glass);backdrop-filter:saturate(180%) blur(var(--ios-blur));-webkit-backdrop-filter:saturate(180%) blur(var(--ios-blur));border-bottom:1px solid var(--ios-stroke);box-shadow:0 1px 0 rgb(255 255 255 / .2)}
.ios-pill-link{display:none;align-items:center;min-height:2.6rem;padding:.55rem 1rem;border:1px solid var(--ios-stroke);border-radius:999px;background:color-mix(in srgb,var(--md-surface-container-lowest) 82%,transparent);color:var(--md-on-surface);text-decoration:none;font-weight:650}
.national-shell{width:min(100% - 2rem,90rem);margin:0 auto;padding:1rem 0 5rem}
.seo-breadcrumbs{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;padding:.8rem .25rem 1rem;color:var(--md-on-surface-variant);font-size:.9rem}.seo-breadcrumbs a{color:inherit;text-decoration:none}.seo-breadcrumbs a:hover{text-decoration:underline}
.ios-hero{overflow:hidden;position:relative;border:1px solid var(--ios-stroke);box-shadow:var(--ios-shadow);background:linear-gradient(145deg,color-mix(in srgb,var(--md-primary-container) 72%,white),color-mix(in srgb,var(--md-tertiary-container) 52%,transparent));}
.ios-hero::after{content:"";position:absolute;inset:auto -8% -42% 28%;height:72%;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--md-primary) 20%,transparent),transparent 66%);filter:blur(20px);pointer-events:none}
.ios-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin:1.2rem 0 3rem}.ios-stat{min-height:8.2rem;display:flex;flex-direction:column;justify-content:center;gap:.4rem;padding:1.1rem 1.2rem;border-radius:1.65rem;border:1px solid var(--ios-stroke);background:var(--ios-glass);backdrop-filter:blur(18px);box-shadow:0 8px 28px rgb(40 22 35 / .07)}.ios-stat>.material-symbols-rounded{color:var(--md-primary)}.ios-stat strong{font-size:1.05rem}.ios-stat small{color:var(--md-on-surface-variant)}
.ios-card{border:1px solid var(--ios-stroke)!important;background:var(--ios-glass)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 12px 42px rgb(40 22 35 / .08)!important}
.ios-two-col,.office-grid{display:grid;grid-template-columns:1fr;gap:1rem}.map-card{overflow:hidden;border-radius:1.8rem}.map-card iframe{display:block;width:100%;height:420px;border:0;background:var(--md-surface-container)}.compact-map iframe{height:300px}.map-card__footer{display:flex;gap:1rem;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:1rem 1.1rem}.map-card__footer div{display:flex;flex-direction:column}.map-card__footer span{color:var(--md-on-surface-variant);font-size:.9rem}
.seo-link-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem}.seo-link-card{position:relative;display:grid;grid-template-columns:1fr auto;gap:.25rem 1rem;align-items:center;min-height:5.6rem;padding:1rem 1.1rem;border:1px solid var(--ios-stroke);border-radius:1.35rem;background:var(--ios-glass);color:var(--md-on-surface);text-decoration:none;transition:transform .18s ease,background .18s ease,border-color .18s ease}.seo-link-card strong{grid-column:1}.seo-link-card span:not(.material-symbols-rounded){grid-column:1;color:var(--md-on-surface-variant);font-size:.87rem}.seo-link-card .material-symbols-rounded{grid-column:2;grid-row:1 / 3;color:var(--md-primary)}.seo-link-card:hover{transform:translateY(-2px);background:var(--md-surface-container-lowest);border-color:color-mix(in srgb,var(--md-primary) 28%,var(--ios-stroke))}
.service-search{margin:0 0 1rem;padding:1rem;border-radius:1.35rem}.service-search label{display:block;margin-bottom:.4rem;font-weight:650}.service-search input{width:100%;border:1px solid var(--ios-stroke);border-radius:1rem;padding:.85rem 1rem;background:var(--md-surface-container-lowest);color:var(--md-on-surface)}
.admin-login-card{max-width:32rem;margin:1.5rem auto}.admin-inline-form{display:inline-flex;margin:0}.admin-inline-form button{font:inherit}.admin-form input:disabled,.admin-form button:disabled{cursor:not-allowed;opacity:.58}
.ios-cta{border:1px solid var(--ios-stroke);box-shadow:var(--ios-shadow);background:linear-gradient(140deg,color-mix(in srgb,var(--md-primary-container) 68%,transparent),color-mix(in srgb,var(--md-surface-container-lowest) 82%,transparent))}
.national-footer{margin-top:0}.home-stats .ios-stat strong{font-size:1.55rem}.admin-shell{width:min(100% - 2rem,86rem);margin:0 auto;padding:1rem 0 5rem}.admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.admin-card{padding:1.2rem;border-radius:1.5rem;border:1px solid var(--ios-stroke);background:var(--ios-glass);box-shadow:0 10px 34px rgb(40 22 35 / .07)}.admin-card h2,.admin-card h3{margin-top:0}.admin-form{display:grid;gap:.9rem}.admin-form label{display:grid;gap:.35rem;font-weight:650}.admin-form input,.admin-form textarea,.admin-form select{width:100%;border:1px solid var(--ios-stroke);border-radius:.9rem;padding:.8rem .9rem;background:var(--md-surface-container-lowest);color:var(--md-on-surface)}.admin-form textarea{min-height:7rem;resize:vertical}.admin-actions{display:flex;gap:.65rem;flex-wrap:wrap}.notice{padding:.9rem 1rem;border-radius:1rem;background:var(--md-primary-container);color:var(--md-on-primary-container);margin:0 0 1rem}.notice.error{background:var(--md-error-container);color:var(--md-on-error-container)}.admin-table-wrap{overflow:auto}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:.7rem;border-bottom:1px solid var(--ios-stroke);text-align:left;vertical-align:top}.admin-table input{min-width:12rem}
@media(min-width:760px){.ios-pill-link{display:inline-flex}.ios-two-col,.office-grid{grid-template-columns:1fr 1fr}.national-shell{padding-top:1.4rem}.service-directory{grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}}
@media(prefers-reduced-motion:reduce){.seo-link-card{transition:none}}


/* Agencia real + cobertura local */
.local-agency-section,.office-section,.coverage-links{margin-top:clamp(1.5rem,4vw,3rem)}
.map-frame{width:100%;overflow:hidden;border-radius:24px;border:1px solid color-mix(in srgb,currentColor 12%,transparent);background:rgba(255,255,255,.45);min-height:280px}
.map-frame iframe{display:block;width:100%;height:360px;border:0}
.coverage-links .seo-link-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.coverage-links .seo-link-card{display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-items:center;text-decoration:none;padding:16px;border-radius:20px;border:1px solid color-mix(in srgb,currentColor 12%,transparent);background:color-mix(in srgb,var(--surface-container-low,#fff) 78%,transparent);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.coverage-links .seo-link-card strong{grid-column:1}.coverage-links .seo-link-card span:not(.material-symbols-rounded){grid-column:1;opacity:.72}.coverage-links .seo-link-card .material-symbols-rounded{grid-column:2;grid-row:1/3}
@media(max-width:700px){.map-frame iframe{height:300px}.brand__name{max-width:14rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}