/* Recuadro amarillo pastel - AddAddressNote module */
.addaddressnote--box{
  display:flex;
  align-items:flex-start;
  gap:12px;
  background-color: #FFF9E6; /* amarillo pastel suave */
  border: 1px solid #F0E5A8; /* borde sutil */
  box-shadow: 0 1px 0 rgba(0,0,0,0.03);
  padding: 12px 14px;
  border-radius: 8px;
  margin-bottom: 16px;
  font-size: 0.95rem;
  color: #2e2e2e;
}

/* icono circular simple */
.addaddressnote--icon{
  min-width:28px;
  height:28px;
  border-radius:50%;
  background: #F7E6A3; /* tono ligeramente más fuerte para el círculo */
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:700;
  color:#6b5200;
  box-shadow: inset 0 -1px 0 rgba(0,0,0,0.02);
  flex: 0 0 auto;
}

/* texto: ocupa lo demás */
.addaddressnote--text{
  line-height:1.3;
  flex:1 1 auto;
}

/* ajustes responsive - en móviles se reduce el padding y el tamaño */
@media (max-width: 576px){
  .addaddressnote--box{
    padding:10px 12px;
    font-size:0.92rem;
    gap:10px;
  }
  .addaddressnote--icon{
    min-width:24px;
    height:24px;
    font-size:0.85rem;
  }
}