/* IDX Bloom /websites/ and /es/sitios-web/ only (loaded by those two pages, 2026-10-07). Sitewide CSS untouched.
   Mobile first. Ciao Bella family: white bg, 2-3px black borders, mint offset shadows. */
.pg-websites .wsc-list{display:grid;gap:44px;margin:0;}
.pg-websites .wsc{display:block;background:#fff;color:var(--ink);text-decoration:none;border:var(--border) solid var(--ink);border-radius:var(--radius);box-shadow:6px 6px 0 var(--mint);transition:transform .15s ease,box-shadow .15s ease;}
.pg-websites .wsc:hover,.pg-websites .wsc:focus-visible{transform:translate(-3px,-3px);box-shadow:9px 9px 0 var(--mint);}
.pg-websites .wsc-vis{position:relative;background:#E6FBF3;padding:14px 14px 20px;border-radius:9px 9px 0 0;border-bottom:var(--border) solid var(--ink);}
.pg-websites .wsc-browser{border:2px solid var(--ink);border-radius:10px;overflow:hidden;background:#fff;box-shadow:4px 4px 0 var(--ink);margin-bottom:0;}
.pg-websites .wsc-bar{display:flex;gap:5px;align-items:center;height:20px;padding:0 9px;background:#fff;border-bottom:2px solid var(--ink);}
.pg-websites .wsc-bar i{width:7px;height:7px;border-radius:50%;border:1.5px solid var(--ink);background:#fff;display:block;}
.pg-websites .wsc-bar i:nth-child(1){background:var(--coral);}
.pg-websites .wsc-bar i:nth-child(2){background:var(--yellow);}
.pg-websites .wsc-bar i:nth-child(3){background:var(--mint);}
.pg-websites .wsc-browser img{display:block;width:100%;height:auto;aspect-ratio:8/5;object-fit:cover;object-position:top left;}
.pg-websites .wsc-phone{position:absolute;right:26px;bottom:-30px;width:25%;border:3px solid var(--ink);border-radius:14px;overflow:hidden;background:#fff;box-shadow:4px 4px 0 var(--mint);}
.pg-websites .wsc-phone img{display:block;width:100%;height:auto;aspect-ratio:780/1688;object-fit:cover;object-position:top;}
.pg-websites .wsc-body{padding:46px 20px 22px;}
.pg-websites .wsc-body .tag{margin-bottom:10px;}
.pg-websites .wsc-body h3{font-size:clamp(26px,7vw,34px);margin:0 0 8px;}
.pg-websites .wsc-body p{font-size:17px;line-height:1.5;margin:0 0 6px;}
.pg-websites .wsc-body .more{font-size:16px;text-decoration:underline;text-underline-offset:4px;}
@media (min-width:720px) and (max-width:1099px){
  .pg-websites .wsc{max-width:760px;margin:0 auto;}
  .pg-websites .wsc-vis{padding:22px 22px 28px;}
  .pg-websites .wsc-phone{right:40px;bottom:-40px;width:22%;}
  .pg-websites .wsc-body{padding:58px 28px 28px;}
}
/* Desktop: use the width. Page-only container 1360, big alternating rows (image 60 / text 40). */
@media (min-width:1100px){
  .pg-websites{--maxw:1360px;}
  .pg-websites .container{padding-left:24px;padding-right:24px;}
  .pg-websites .wsc-list{gap:56px;}
  .pg-websites .wsc{display:grid;grid-template-columns:3fr 2fr;align-items:stretch;box-shadow:8px 8px 0 var(--mint);}
  .pg-websites .wsc:nth-child(even){grid-template-columns:2fr 3fr;}
  .pg-websites .wsc:nth-child(even) .wsc-vis{order:2;border-radius:0 9px 9px 0;border-bottom:0;border-left:var(--border) solid var(--ink);}
  .pg-websites .wsc-vis{padding:40px 40px 52px;border-radius:9px 0 0 9px;border-bottom:0;border-right:var(--border) solid var(--ink);display:flex;align-items:center;}
  .pg-websites .wsc:nth-child(even) .wsc-vis{border-right:0;}
  .pg-websites .wsc-browser{width:100%;}
  .pg-websites .wsc-phone{right:64px;bottom:20px;width:19%;border-radius:18px;box-shadow:6px 6px 0 var(--mint);}
  .pg-websites .wsc-body{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:40px 48px;}
  .pg-websites .wsc-body h3{font-size:clamp(34px,3vw,46px);margin-bottom:12px;}
  .pg-websites .wsc-body p{font-size:19px;margin-bottom:14px;}
  .pg-websites .wsc-body .more{font-size:17px;}
  .pg-websites .founding{max-width:1000px;margin-left:auto;margin-right:auto;}
  .pg-websites .ws-steps .step-card{padding:30px 28px;}
  .pg-websites .ws-steps .step-card h3{font-size:20px;}
  .pg-websites .ws-steps .step-card p{font-size:16px;}
  .pg-websites .ws-faq{max-width:none !important;display:grid;grid-template-columns:1fr 1fr;gap:0 40px;align-items:start;}
}
@media (min-width:1200px){
  .pg-websites .ws-inside{grid-template-columns:repeat(5,1fr);}
}
@media (prefers-reduced-motion:reduce){.pg-websites .wsc{transition:none;}}