/**
 * Personalización opcional para plantilla default (clásica Taggo).
 * Solo colores/tamaños; sin cambios de layout ni estructura.
 */

.mycard[data-plantilla="default"] {
    background-color: var(--taggo-bg, #fff);
}

.mycard[data-plantilla="default"] .tarjeta-nombre-puesto .name,
.mycard[data-plantilla="default"] .name,
.mycard[data-plantilla="default"] .name2,
.mycard[data-plantilla="default"] .name1 {
    color: var(--taggo-text, #101010);
}

.mycard[data-plantilla="default"] .tarjeta-nombre-puesto .puesto,
.mycard[data-plantilla="default"] .puesto {
    color: var(--taggo-text-muted, #555555);
}

.mycard[data-plantilla="default"] .myavatar {
    width: calc(130px * var(--taggo-avatar-scale, 1));
    height: calc(130px * var(--taggo-avatar-scale, 1));
}

.mycard[data-plantilla="default"] .circular-button {
    background-color: var(--taggo-accent, #007bff);
}