/* Vecino · Inicio — reproducción de la composición aprobada, aislada de Vigilancia */
/* V5 vecino: fotografia individual por cuadrante, diseño original conservado */
.resident-home .title{font-size:23px;line-height:1.25;font-weight:650;letter-spacing:-.025em;margin:18px 2px 21px;color:#e6e7eb}
.resident-home .circle-menu{width:min(100%,372px);aspect-ratio:1;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;overflow:hidden;position:relative;border:0;border-radius:50%;margin:0 auto 29px;background:#141b23;box-shadow:0 0 0 2px #202832}
.resident-home .quadrant{position:relative;display:block;border:2.5px solid #1d242c;color:#fff;text-align:left;padding:0;min-width:0;min-height:0;background-color:#314353;background-repeat:no-repeat;background-size:cover;isolation:isolate;overflow:hidden;cursor:pointer}
.resident-home .quadrant::before{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.01) 5%,rgba(0,0,0,.04) 36%,rgba(0,0,0,.43) 100%);z-index:0;pointer-events:none}
.resident-home .quadrant span{position:absolute;z-index:1;bottom:12%;max-width:76px;font-size:clamp(11px,3vw,14px);font-weight:680;line-height:1.14;color:white;text-shadow:0 2px 5px #000,0 1px 2px #000;overflow-wrap:normal;white-space:normal}
.resident-home .quadrant.q-visitas{background-image:url('/vecino/assets/visitas-v5.jpg');background-position:54% 50%}
.resident-home .quadrant.q-empleados{background-image:url('/vecino/assets/empleados-v5.jpg');background-position:53% 46%}
.resident-home .quadrant.q-paquetes{background-image:url('/vecino/assets/paquetes-v5.jpg');background-position:53% 50%}
.resident-home .quadrant.q-incidencias{background-image:url('/vecino/assets/incidencias-v5.jpg');background-position:57% 46%}
.resident-home .quadrant.q-visitas span,.resident-home .quadrant.q-paquetes span{left:9%;text-align:left}
.resident-home .quadrant.q-empleados span,.resident-home .quadrant.q-incidencias span{right:8%;text-align:right}
.resident-home .quadrant.q-visitas span,.resident-home .quadrant.q-empleados span{bottom:14%}
.resident-home .quadrant.q-paquetes span,.resident-home .quadrant.q-incidencias span{bottom:28%}
.resident-home .quadrant:focus-visible{outline:3px solid #a9c8ff;outline-offset:-5px}
.resident-home .circle-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:41%;height:41%;z-index:3;display:flex;flex-direction:column;border:5px solid #202833;border-radius:50%;background:#354b62;overflow:hidden;justify-content:stretch;box-shadow:0 0 0 1px #141b23}
.resident-home .circle-core button{height:50%;width:100%;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;border:0;padding:2px;background:#667e9f;color:#f6f6fa;font-size:clamp(10px,2.8vw,13px);font-weight:700;line-height:1.06}
.resident-home .circle-core button+button{background:#a37575;border-top:3px solid #27333e}
.resident-home .circle-core small{font-size:clamp(8px,2.1vw,10px);line-height:1.25;margin-top:2px;color:#fff}
.resident-home .circle-core .core-symbol{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;margin-bottom:3px}.resident-home .circle-core .core-symbol svg{height:17px;width:17px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.resident-home .quicknav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:29px auto 0;max-width:370px;justify-items:stretch}
.resident-home .quicknav button{color:#b2c1d3;font-size:12px;min-width:0;display:flex;flex-direction:column;align-items:center;gap:8px;padding:0 2px}
.resident-home .quicknav .navicon{display:flex;align-items:center;justify-content:center;height:30px;color:#9eb0c5}.resident-home .quicknav .navicon svg{width:27px;height:27px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
.resident-home .resident-pending{margin:48px 0 16px;border-top:1px solid #3c4653;padding:14px 6px 0}
.resident-home .resident-pending h3{font-size:14px;font-weight:650}
@media(max-width:370px){.resident-home .quadrant span{font-size:11px;max-width:66px}.resident-home .circle-core{border-width:4px}.resident-home .circle-core button{font-size:10px}}

/* Ajustes puntuales — textos inferiores dentro del círculo y perfil */
.resident-home .quadrant.q-paquetes span {left:20%;right:auto;bottom:34%;max-width:112px;text-align:left;font-size:13px;line-height:1.15;}
.resident-home .quadrant.q-incidencias span {right:18%;left:auto;bottom:34%;max-width:110px;text-align:right;font-size:13px;line-height:1.15;}
.brand .avatar.vecino-perfil{display:flex;align-items:center;justify-content:center;width:39px;height:39px;padding:8px;flex-shrink:0;}
.brand .avatar.vecino-perfil svg{display:block;width:20px;height:20px;fill:none;stroke:#a9bbce;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
@media(max-width:370px){.resident-home .quadrant.q-paquetes span{left:21%;max-width:100px;font-size:12px}.resident-home .quadrant.q-incidencias span{right:19%;max-width:100px;font-size:12px}}

/* Corrección focalizada: etiquetas inferiores dentro de zona segura del círculo. */
.resident-home .quadrant.q-paquetes span {
  left: 28%; right: auto; bottom: 33%; width: 108px; max-width: 64%;
  text-align: left; font-size: 12.5px; line-height: 1.17;
}
.resident-home .quadrant.q-incidencias span {
  right: 28%; left: auto; bottom: 33%; width: 108px; max-width: 64%;
  text-align: right; font-size: 12.5px; line-height: 1.17;
}
@media (max-width: 370px) {
  .resident-home .quadrant.q-paquetes span {left: 29%; width: 96px; font-size: 11px;}
  .resident-home .quadrant.q-incidencias span {right: 29%; width: 96px; font-size: 11px;}
}