/* Alternativa visual independiente. */
:root{--paper:#f6f7f9;--white:#f6f7f9;--ink:#14253b;--navy:#14253b;--mint:#3355ff;--lime:#3355ff;--line:#e2e5ea;--muted:#536170;}
body,button,input,textarea,select,.pill,.nav-button,.intro-copy p,.contact-email,.business-options button,.demo-row h3,.business-detail h3,.agreement-list dt,.demo-closing h3,.portrait-photo figcaption,.portrait-photo figcaption span{}
h1,h2,h3,.section-title,.intro-copy h1,.about-grid h2{font-weight:650;font-style:normal;letter-spacing:-.035em}
h1 em,h2 em,h3 em,.section-title em,.intro-copy h1 em{font-style:normal;color:inherit}
body,.ticker,.project,.prices,.about,.area,.process{background:#f6f7f9}
.section{border-bottom:1px solid #e2e5ea}
.pill,.nav-button,.contact-email,.demo-filters button,.mobile-contact a{border-radius:5px;border-width:1px}
.pill,.nav-button,.intro-actions .hero-analysis{background:#3355ff;color:#fff;border-color:#3355ff}
.pill::before,.nav-button::before,.contact-email::before{display:none}
.pill:hover,.nav-button:hover{background:#203cda;color:#fff}
.contact-email{background:transparent;color:#14253b;border-color:#14253b}
.contact-email:hover{background:#14253b;color:#fff}
#quick-analysis button[type=submit]{background:#3355ff;color:#fff;border-color:#3355ff}
.contact-buttons .pill.whatsapp,.wa-float,.wa-float:hover,.mobile-contact a:last-child{background:#25d366;color:#14253b;border-color:#25d366}
.contact-buttons .pill.whatsapp:hover{background:#1fc45e;color:#14253b}
.contact-buttons .pill:not(.whatsapp){border-color:#e2e5ea;color:#fff;background:transparent}
#business-form button[value=whatsapp]{background:#25d366;color:#14253b;border-color:#25d366}
.price-grid .price-card.featured{background:transparent;border-color:#3355ff;border-left:3px solid #3355ff}
.price-grid .price-card.featured .price-type,.demo-sector,.demo-actions .demo-enquiry,.business-options button[aria-pressed=true]{color:#2443d6}
.demo-list .demo-row{background:transparent;border:0;box-shadow:none}
.demo-list .demo-preview,.portrait-photo img{border-radius:18px}
.personal-statement{border-left-color:#3355ff}
.business-detail p,.portrait-photo figcaption span{color:#536170}
.intro-copy h1{font-size:clamp(34px,4vw,55px);line-height:1.08}
.section-title{font-size:clamp(30px,3.6vw,48px)}
@media(max-width:650px){.intro-copy h1{font-size:clamp(32px,8.5vw,43px)}.section-title,.about-grid h2{font-size:32px}}

/* Acabado visual: integración, aviso y campos accesibles. */
.project-preview{border:1px solid #d5dce5;border-radius:18px;box-shadow:0 12px 32px -12px rgba(20,37,59,.22)}
.demo-context{font-size:12px;line-height:1.65;color:#596577;max-width:76ch;margin-bottom:24px;padding-left:12px;border-left:2px solid #c8d0db}
#business-form input,#business-form textarea,#business-form select{border-bottom:2px solid #758397;transition:border-color .18s ease,box-shadow .18s ease}
.quick-controls input{border:1px solid #758397}
#business-form input:focus,#business-form textarea:focus,#business-form select:focus,.quick-controls input:focus{border-color:#3355ff;outline:2px solid #3355ff;outline-offset:3px;box-shadow:inset 0 0 0 1px rgba(51,85,255,.08)}
#business-form input::placeholder,#business-form textarea::placeholder,.quick-controls input::placeholder{color:#606d7f;opacity:1}
@media(prefers-reduced-motion:reduce){#business-form input,#business-form textarea,#business-form select{transition:none}}

/* Tarifas alineadas: una misma tipografía y un único acento lateral. */
.price-grid{border-top:1px solid #e2e5ea}
.price-grid .price-card,.price-grid .price-card.featured{position:relative;grid-template-columns:minmax(140px,.8fr) minmax(190px,1fr) minmax(0,3fr) 140px;grid-template-areas:"type from . ." "name amount description action" ". . timing .";border:0;border-bottom:1px solid #e2e5ea;padding:28px 0 28px 20px;background:transparent;gap:14px 24px;box-sizing:border-box}
.price-grid .price-card.featured::before{content:"";position:absolute;left:0;top:22px;bottom:22px;width:3px;background:#3355ff}
.price-grid .price-card .price-type{grid-area:type;white-space:normal;color:#536170;font-size:10px;line-height:1.5;letter-spacing:.07em}
.price-grid .price-card .price-from{grid-area:from;color:#536170}
.price-grid .price-card h3{grid-area:name;font-size:26px;font-weight:600;line-height:1.15;letter-spacing:-.035em}
.price-grid .price-card strong,.price-grid .price-card .price-from+strong{grid-area:amount;font-size:28px;font-weight:500;line-height:1.2;letter-spacing:-.045em;white-space:nowrap}
.price-grid .price-card p{grid-area:description;color:#536170}
.price-grid .price-card small{grid-area:timing}
.price-grid .price-card a{grid-area:action}
.price-grid .price-card.featured h3{color:#3355ff}
@media(max-width:1000px){.price-grid .price-card,.price-grid .price-card.featured{grid-template-columns:minmax(120px,1fr) minmax(175px,1fr) minmax(0,2fr);grid-template-areas:"type from ." "name amount description" ". . timing" ". . action";gap:14px 18px}}
@media(max-width:650px){.price-grid .price-card,.price-grid .price-card.featured{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);grid-template-areas:"type from" "name amount" "description description" "timing timing" "action action";padding:24px 0 24px 14px;gap:12px}.price-grid .price-card h3{font-size:23px}.price-grid .price-card strong,.price-grid .price-card .price-from+strong{font-size:25px}}
@media(max-width:380px){.price-grid .price-card strong,.price-grid .price-card .price-from+strong{font-size:22px}.price-grid .price-card h3{font-size:21px}}

/* Tipografía de la web publicada, conservando la nueva distribución. */
h1,h2,h3,.section-title,.intro-copy h1,.about-grid h2,.demo-row h3,.business-detail h3,.business-options button,.agreement-list dt,.demo-closing h3,.price-grid .price-card h3{font-family:'Piazzolla',Georgia,serif;font-optical-sizing:auto;font-weight:400}
h1 em,h2 em,h3 em,.section-title em,.intro-copy h1 em{font-style:italic}
.price-grid .price-card strong,.price-grid .price-card .price-from+strong{font-family:Georgia,serif;font-weight:400}