/* R11. Misma retícula, tipos, precio y botones de la portada.
   Referencias públicas: shadcn.io/hero-block (split mockups) y
   shadcn.io/features-block (split panels / filas). Mobbin web requiere login;
   no se ha accedido al catálogo Pro. Sin componentes nuevos de otra marca. */
.cpro-island-hero h1{font-size:clamp(54px,7.2vw,96px);line-height:1.01}
.cpro-island-hero .cpro-hero-copy h1 span{display:block;color:var(--cpro-ink)}
.cpro-island-hero .cpro-lead{max-width:39em}
.cpro-island-hero .cpro-hero-price-amount{min-width:172px;flex:0 0 auto}
.cpro-island-hero .cpro-hero-price-amount>p{display:flex;flex-wrap:nowrap;align-items:baseline;gap:6px;width:max-content;white-space:nowrap}
.cpro-island-local{background:#eeeee6;border-block:1px solid var(--cpro-line)}
.cpro-island-use-grid{display:grid;gap:28px}
.cpro-island-use{padding-top:24px;border-top:1px solid #bfc6b8}
.cpro-island-use>.cpro-icon{width:26px;height:26px;color:#506753;margin-bottom:20px}
.cpro-island-use .cpro-label{min-height:3em;display:block;line-height:1.5;color:var(--cpro-muted);margin-bottom:15px}
.cpro-island-use h3{font-size:34px;line-height:1.12;margin:0 0 16px}
.cpro-island-use p:last-child{color:var(--cpro-muted);margin:0;max-width:36em}
.cpro-island-local-note{margin:32px 0 0;color:var(--cpro-muted)}
.cpro-island-pricing .cpro-plan-includes{margin-top:26px}
.cpro-island-pricing .cpro-founder-note{margin-bottom:0}
.cpro-island-price-description{margin-top:28px;color:var(--cpro-muted)}
.cpro-island-pro .cpro-pro-welcome h3{font-size:44px}
.cpro-island-pro .cpro-pro-welcome>p{color:var(--cpro-muted)}
.cpro-island-bridge{padding-block:32px;border-top:1px solid var(--cpro-line)}
.cpro-island-bridge .cpro-container{display:flex;justify-content:space-between;align-items:center;gap:16px 28px;flex-wrap:wrap}
.cpro-island-bridge p{margin:0}
@media(min-width:700px){.cpro-island-use-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.cpro-island-use h3{font-size:36px}}
@media(min-width:1000px){.cpro-island-hero .cpro-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}.cpro-island-hero h1{font-size:clamp(68px,6.3vw,94px)}.cpro-island-use-grid{gap:40px}.cpro-island-use .cpro-label{min-height:3em}.cpro-island-use h3{min-height:2.3em;font-size:40px}.cpro-island-local .cpro-section-head{grid-template-columns:1.1fr 1fr}}
@media(max-width:599px){.cpro-island-hero .cpro-hero-copy h1{font-size:54px}.cpro-island-use .cpro-label{min-height:0}.cpro-island-hero .cpro-image-caption{padding-inline:18px}}