/* molinodeideas.com · archivo del Molino (E-1224, 25/10/2026).
   Una sola hoja, sin Bootstrap ni jQuery: todo el texto está en el HTML y se lee sin JavaScript.
   Colores: el morado del Molino (#7f4186) y el tostado de Wordkers (#4a3826) del cierre. */
:root{--morado:#7f4186;--tostado:#4a3826;--crema:#efe7d6;--texto:#3b3b3b;--gris:#6b6b6b;--fondo:#fff}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font:17px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--texto);background:var(--fondo)}
img{max-width:100%;height:auto}
a{color:var(--morado)}
h1,h2,h3{line-height:1.25;color:#2b2b2b}

/* El aviso de arriba: lleva a Wordkers en todas las páginas */
.aviso{margin:0;background:var(--tostado);text-align:center;padding:9px 16px;font-size:.95em}
.aviso a{color:var(--crema);text-decoration:none}
.aviso a:hover,.aviso a:focus{text-decoration:underline}
.aviso strong{color:#fff}

.cabecera{position:sticky;top:0;z-index:5;background:var(--morado);border-bottom:1px solid rgba(255,255,255,.18)}
.cabecera nav{max-width:1100px;margin:0 auto;padding:0 16px;display:flex;flex-wrap:wrap;gap:4px 22px;justify-content:center}
.cabecera a{color:#fff;text-decoration:none;padding:12px 0;font-weight:600;font-size:.95em}
.cabecera a:hover,.cabecera a:focus{text-decoration:underline}

.caja{max-width:1100px;margin:0 auto;padding:0 16px}
.seccion{padding:56px 0}
section[id]{scroll-margin-top:48px}
.centro{text-align:center}

.portada{text-align:center;padding:48px 16px 44px;background:var(--morado);color:#fdfdfd}
.portada a{color:#fff}
.portada h1{margin:0 auto 18px;max-width:420px}
.portada h1 img{display:block;width:100%}
.portada p{max-width:640px;margin:0 auto 10px;font-size:1.1em}
.redes{list-style:none;padding:0;margin:18px 0 0;display:flex;flex-wrap:wrap;gap:10px 20px;justify-content:center}
.redes a{font-weight:600}

.servicios{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:32px;text-align:center}
.servicios a{color:inherit;text-decoration:none;display:block}
.servicios img{height:150px;width:auto}
.servicios h3{margin:12px 0 6px}
.servicios p{color:var(--gris);margin:0}

.franja{display:block;width:100%;margin:0}

.cabeza-seccion{text-align:center;max-width:640px;margin:0 auto 32px}
.cabeza-seccion h2{margin:0 0 6px;font-size:2em}
.cabeza-seccion p{margin:0;color:var(--gris)}

.proyectos{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:26px}
.proyecto{border:1px solid #e7e0ea;border-radius:10px;overflow:hidden;background:#fff;display:flex;flex-direction:column}
.proyecto img{display:block;width:100%;aspect-ratio:480/367;object-fit:cover}
.proyecto div{padding:14px 16px 16px}
.proyecto h3{margin:0 0 6px;font-size:1.12em}
.proyecto p{margin:0 0 8px;font-size:.95em}
.proyecto .etiquetas{margin:0;color:var(--gris);font-size:.82em}
.proyecto .fuera{color:var(--gris);font-style:italic;font-size:.85em}

.equipo{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:26px;text-align:center;margin-bottom:40px}
.equipo figure{margin:0}
.equipo img{width:200px;height:200px;border-radius:50%;object-fit:cover}
.equipo figcaption strong{display:block;font-size:1.05em;color:#2b2b2b}
.equipo figcaption span{color:var(--gris)}
.equipo a{text-decoration:none;color:inherit}
.subtitulo{text-align:center;font-size:1.35em;margin:0 0 22px;color:var(--gris);font-weight:600}

.transicion{height:220px;background:linear-gradient(180deg,#efe7d6 0%,#c3ac86 34%,#8a6f4f 64%,#4a3826 100%)}
.puente{background:var(--tostado);color:#e4d8c2;text-align:center;padding:60px 16px 46px}
.puente h2{color:#f3ead9;font-size:1.7em;margin:0 0 12px}
.puente p{max-width:620px;margin:0 auto 26px;font-size:1.1em}
.puente b{color:#f3ead9}
.boton{display:inline-block;background:var(--crema);color:var(--tostado);font-weight:800;font-size:1.15em;padding:14px 38px;border-radius:46px;text-decoration:none;box-shadow:0 8px 24px rgba(0,0,0,.3)}
.puente form{max-width:520px;margin:44px auto 0;text-align:left}
.puente label{display:block;margin:0 0 8px}
.puente input,.puente textarea{width:100%;padding:11px 14px;border:0;border-radius:8px;font:inherit;font-size:1em;margin-top:3px}
.puente button{background:var(--crema);color:var(--tostado);font-weight:800;padding:11px 28px;border:0;border-radius:46px;font-size:1em;cursor:pointer}
.oculto{position:absolute;left:-9999px}

.pie{background:var(--tostado);color:var(--crema);text-align:center;padding:10px 16px 40px}
.pie a{color:var(--crema)}
.pie p{margin:14px 0 0;font-size:.9em}
.pie img{display:block;margin:18px auto 0}

.sencilla{max-width:640px;margin:0 auto;padding:60px 16px;text-align:center}
.sencilla h1{font-size:2em;margin:20px 0 10px}