b,strong{font-weight:bolder}img,svg{vertical-align:middle}.container{--bs-gutter-x:1.5rem;--bs-gutter-y:0;width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-right:auto;margin-left:auto}@media (min-width:576px){.col-sm-auto{flex:0 0 auto;width:auto}.col-sm-12{flex:0 0 auto;width:100%}}@media (min-width:768px){.col-md-auto{flex:0 0 auto;width:auto}.col-md-4{flex:0 0 auto;width:33.33333333%}.col-md-5{flex:0 0 auto;width:41.66666667%}.col-md-8{flex:0 0 auto;width:66.66666667%}.col-md-12{flex:0 0 auto;width:100%}}@media (min-width:992px){.col-lg-2{flex:0 0 auto;width:16.66666667%}.col-lg-3{flex:0 0 auto;width:25%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-9{flex:0 0 auto;width:75%}}.navbar>.container{display:flex;flex-wrap:inherit;align-items:center;justify-content:space-between}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.py-5{padding-top:3rem!important;padding-bottom:3rem!important}.fw-light{font-weight:300!important}.fw-bold{font-weight:700!important}.fw-semibold{font-weight:600!important}@media (min-width:768px){.justify-content-md-between{justify-content:space-between!important}}@media (min-width:992px){.d-lg-flex{display:flex!important}.d-lg-inline-flex{display:inline-flex!important}.d-lg-none{display:none!important}.flex-lg-nowrap{flex-wrap:nowrap!important}.ms-lg-auto{margin-left:auto!important}.gap-lg-1{gap:.25rem!important}.text-lg-end{text-align:right!important}}a,article,b,blockquote,body,center,code,dd,del,div,div pre,figure,font,footer,h1,h2,h3,h4,h5,h6,header,html,i,iframe,img,li,nav,object,ol,p,q,s,section,small,span,strong,ul,var{margin:0;padding:0;border:0;outline:0}
/* ===== Tarjetas de proyecto (reutilizadas en "Ejemplos de trabajos") ===== */
.SG-proyectos__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;padding-bottom:1rem}
@media (max-width:767.98px){.SG-proyectos__grid{grid-template-columns:1fr;gap:1.25rem}}
.SG-proyecto-card{background-color:#fff;border-radius:16px;overflow:hidden;box-shadow:0 6px 24px rgba(0,0,0,.08);display:flex;flex-direction:column;transition:transform .3s ease,box-shadow .3s ease}
.SG-proyecto-card:hover{transform:translateY(-6px);box-shadow:0 12px 32px rgba(0,0,0,.14)}
.SG-proyecto-card__media{display:block;margin:1rem 1rem 0;border-radius:12px;aspect-ratio:16/10;background-color:#f2f2f2;overflow:hidden}
.SG-proyecto-card__img{width:100%;height:100%;object-fit:cover;display:block}
.SG-proyecto-card__body{padding:1.25rem 1.75rem 1.75rem;display:flex;flex-direction:column;gap:.5rem}
.SG-proyecto-card__tag{align-self:flex-start;background-color:var(--red);color:#fff;font-family:semi;font-size:.8rem;padding:.25rem .75rem;border-radius:20px;margin-bottom:.25rem}
.SG-proyecto-card__title{font-family:semi;font-size:1.35rem;line-height:1.25;color:#222;margin:0}
.SG-proyecto-card__text{font-family:light;font-size:1rem;line-height:1.45;color:#555;margin:0}

/* ===== Página Diseño y Desarrollo Web ===== */
.SG-webdev__lead{font-size:1.15rem;line-height:1.5;color:#444;max-width:820px}
.SG-webdev__text{font-size:1.05rem;line-height:1.6;color:#555;max-width:820px}
.SG-webdev__cta-final .SG-webdev__text{max-width:640px}

.SG-webdev__features{background-color:#f7f7f8}
.SG-webdev__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem;margin-top:2rem}
@media (max-width:1199.98px){.SG-webdev__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:575.98px){.SG-webdev__grid{grid-template-columns:1fr}}
.SG-webdev__card{background-color:#fff;border-radius:14px;padding:1.5rem;box-shadow:0 4px 18px rgba(0,0,0,.06);border-top:4px solid var(--red)}
.SG-webdev__card h3{font-family:semi;font-size:1.15rem;color:#222;margin:0 0 .6rem}
.SG-webdev__card p{font-family:light;font-size:.95rem;line-height:1.5;color:#555;margin:0}

.SG-webdev__tipos-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;margin-top:2rem}
@media (max-width:991.98px){.SG-webdev__tipos-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:575.98px){.SG-webdev__tipos-grid{grid-template-columns:1fr}}
.SG-webdev__tipo{padding:1.5rem;border-radius:14px;background-color:#fff;box-shadow:0 4px 18px rgba(0,0,0,.06)}
.SG-webdev__tipo h3{font-family:semi;font-size:1.1rem;color:var(--red);margin:0 0 .5rem}
.SG-webdev__tipo p{font-family:light;font-size:.95rem;line-height:1.5;color:#555;margin:0}

.SG-webdev__testimonios{background-color:#f7f7f8}
.SG-webdev__testimonios-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;margin-top:2rem}
@media (max-width:991.98px){.SG-webdev__testimonios-grid{grid-template-columns:1fr}}
.SG-testimonio{background-color:#fff;border-radius:14px;padding:1.75rem;box-shadow:0 4px 18px rgba(0,0,0,.06);margin:0;display:flex;flex-direction:column;gap:1rem}
.SG-testimonio blockquote{font-family:it;font-size:1rem;line-height:1.55;color:#444;margin:0;position:relative;padding-top:1.5rem}
.SG-testimonio blockquote::before{content:"\201C";position:absolute;top:-.5rem;left:-.25rem;font-size:3rem;color:var(--red);font-family:bold;line-height:1}
.SG-testimonio figcaption{display:flex;flex-direction:column}
.SG-testimonio__autor{font-family:semi;color:#222}
.SG-testimonio__empresa{font-family:light;font-size:.9rem;color:#888}

.SG-webdev__cta-final{background-color:#f2f2f2}