🖌️

.proceso-remodelacion { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 20px; } .proceso-item { flex: 1 1 30%; /* Ocupa 30% del espacio y se ajusta en pantallas más pequeñas */ text-align: center; margin-bottom: 20px; position: relative; } .proceso-icono { width: 120px; height: 120px; border: 4px solid #FFD700; /* Borde dorado brillante */ border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 10px auto; /* Centramos el círculo y añadimos margen inferior */ font-size: 60px; /* Tamaño más grande del emoji */ background-color: #004D59; /* Fondo azul petróleo dentro del círculo */ color: #fff; /* Color blanco para el emoji */ position: relative; /* Asegura que el número esté posicionado relativo a este contenedor */ } .proceso-numero { position: absolute; bottom: 5px; /* Ajusta el número más cerca del borde inferior */ right: 5px; /* Ajusta el número más cerca del borde derecho */ background-color: #FFD700; /* Fondo dorado para el número */ color: #fff; border-radius: 50%; width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; font-size: 18px; font-weight: bold; } .proceso-texto { font-weight: 700; font-size: 16px; } /* Estilo para dispositivos móviles */ @media (max-width: 768px) { .proceso-item { flex: 1 1 100%; /* Ocupa el 100% del espacio disponible en móviles */ } }

📞

1

Contacto inicial y asesoramiento

📊

2

Estudio y análisis de viabilidad

📝

3

Revisión de permisos o solicitud de los mismos

📐

4

Diseño y planificación

💰

5

Presupuesto de obra

🔨

6

Ejecución de la obra

🏠

7

Entrega y seguimiento