// css vaadin-app-layout::part(content){display:flex;justify-content:center}vaadin-app-layout::part(content)>*{width:100%;max-width:clamp(320px,96vw,1200px);padding-inline:clamp(8px,4vw,24px)}:root{--space-responsive: clamp(.5rem, 2vw, var(--lumo-space-l));--card-padding: clamp(12px, 2vw, 20px)}h1,h2,h3{line-height:1.2}h2{font-size:clamp(1.25rem,2.2vw,1.75rem)}.responsive-grid-2{display:grid;gap:var(--space-responsive);grid-template-columns:1fr}@media (min-width: 900px){.responsive-grid-2{grid-template-columns:1fr 1fr}}.responsive-grid-3{display:grid;gap:var(--space-responsive);grid-template-columns:1fr}@media (min-width: 720px){.responsive-grid-3{grid-template-columns:1fr 1fr}}@media (min-width: 1100px){.responsive-grid-3{grid-template-columns:1fr 1fr 1fr}}.card{background:var(--lumo-base-color);border-radius:var(--lumo-border-radius-l);border:1px solid var(--lumo-contrast-5pct);box-shadow:var(--lumo-box-shadow-s);padding:var(--card-padding);transition:box-shadow .15s ease,transform .06s ease,border-color .15s ease}.card:focus-within{outline:2px solid var(--lumo-primary-color-50pct);outline-offset:2px;border-color:var(--lumo-primary-color-10pct)}.card--interactive{cursor:pointer}.card--interactive:hover{box-shadow:var(--lumo-box-shadow-m);transform:translateY(-1px)}.card--compact{padding:clamp(8px,1.5vw,14px)}.card__header{display:flex;align-items:center;gap:var(--lumo-space-s);margin-bottom:clamp(8px,1.2vw,12px);padding-bottom:clamp(6px,.8vw,8px);border-bottom:1px solid var(--lumo-contrast-5pct)}.card__title{margin:0;font-weight:600;font-size:clamp(1rem,1.8vw,1.25rem);line-height:1.25}.card__subtitle{color:var(--lumo-secondary-text-color);font-size:clamp(.875rem,1.4vw,1rem)}.card__body{display:grid;gap:var(--space-responsive)}.card__actions{display:flex;gap:var(--lumo-space-s);justify-content:flex-end;margin-top:clamp(8px,1.6vw,16px)}.card--info{border-inline-start:4px solid var(--lumo-primary-color);background-image:linear-gradient(90deg,var(--lumo-primary-color-10pct),transparent)}.card--success{border-inline-start:4px solid var(--lumo-success-color);background-image:linear-gradient(90deg,var(--lumo-success-color-10pct),transparent)}.card--warning{border-inline-start:4px solid var(--lumo-warning-color);background-image:linear-gradient(90deg,var(--lumo-warning-color-10pct),transparent)}.card--error{border-inline-start:4px solid var(--lumo-error-color);background-image:linear-gradient(90deg,var(--lumo-error-color-10pct),transparent)}@media (prefers-color-scheme: dark){.card{border-color:var(--lumo-contrast-10pct);box-shadow:var(--lumo-box-shadow-s)}.social-btn{border-radius:50%;color:#fff;display:flex;justify-content:center;align-items:center;font-size:20px;transition:transform .2s ease-in-out}.social-btn:hover{filter:brightness(1.2);transform:scale(1.1);cursor:pointer}.social-btn.facebook{background-color:#3b5998}.social-btn.twitter{background-color:#1da1f2}.social-btn.whatsapp{background-color:#25d366}.social-btn.linkedin{background-color:#0077b5}.social-btn.copy{background-color:#f80;color:#fff}}