        
        <section class="py-5 bg-white text-dark" id="about">
            <div class="container">
                <div class="m-auto text-center mb-5" data-aos="fade-up">
                                            <h2 class="display-6 mb-3">Sobre Mi</h2>
                        <p class="lead mb-4 text-muted"><section class="cdm-manifesto" style="padding: 2rem;, serif;background-color: #fdfdfd;color: #222;line-height: 1.8">
  <blockquote style="border-left: 4px solid #555;padding-left: 1rem;margin: 0">

  <p><strong>Arte &amp; Consciencia.</strong></p>

  <p>
    Soy <strong>David</strong>.  
    Diseño y comunico sistemas que integran ciencias y artes,  
    creando arquitecturas web modulares, escalables y vivas.
  </p>

  <p>
    Desarrollo experiencias que no solo funcionan, sino que inpiran,  
    conectan y transforman: estructura, arte o metodología.  </p>
  <p>
    Estructura, arte e innovasión para un presente  
    creativo y consciente.
  </p>

  </blockquote>
</section></p>
                                    </div>
            </div>

            <div class="container py-4">
                <div class="row text-center">
                                                <div class="col-md-4 mb-4" data-aos="zoom-in" data-aos-delay="100">
                                <div class="card h-100 border-0 shadow-lg bg-primary text-white">
                                    <div class="card-body rounded">
                                        <div class="card-icon mb-3">
                                            <i class="bi bi-music-note-list display-4 text-gold"></i>
                                        </div>
                                        <h5 class="card-title text-center">Cantautor</h5>
                                        <p class="card-text text-center">Instrumentista</p>
                                    </div>
                                </div>
                            </div>
                                                <div class="col-md-4 mb-4" data-aos="zoom-in" data-aos-delay="200">
                                <div class="card h-100 border-0 shadow-lg bg-primary text-white">
                                    <div class="card-body rounded">
                                        <div class="card-icon mb-3">
                                            <i class="bi bi-braces display-4 text-gold"></i>
                                        </div>
                                        <h5 class="card-title text-center">Arquitecto</h5>
                                        <p class="card-text text-center">Soluciones Digitales</p>
                                    </div>
                                </div>
                            </div>
                                                <div class="col-md-4 mb-4" data-aos="zoom-in" data-aos-delay="300">
                                <div class="card h-100 border-0 shadow-lg bg-primary text-white">
                                    <div class="card-body rounded">
                                        <div class="card-icon mb-3">
                                            <i class="bi bi-person-hearts display-4 text-gold"></i>
                                        </div>
                                        <h5 class="card-title text-center">Canal</h5>
                                        <p class="card-text text-center">Cantautor</p>
                                    </div>
                                </div>
                            </div>
                                    </div>
            </div>
        </section>
    
        <section class="p-5 bg-dark-blue" id="services">
            
            <div class="container">
                <div id="carousel-servicios" class="carousel carousel-dark slide overflow-hidden rounded" data-bs-ride="carousel" data-aos="zoom-in" data-aos-duration="1000">
                    <div class="carousel-indicators">
                                                    <button type="button" data-bs-target="#carousel-servicios" data-bs-slide-to="0" class="active" aria-label="Slide 1"></button>
                                                    <button type="button" data-bs-target="#carousel-servicios" data-bs-slide-to="1"  aria-label="Slide 2"></button>
                                                    <button type="button" data-bs-target="#carousel-servicios" data-bs-slide-to="2"  aria-label="Slide 3"></button>
                                            </div>

                    <div class="carousel-inner">
                        
                            <div class="carousel-item active" data-bs-interval="10000">
                                <a href="https://dustrel.com">
                                    <img src="https://dutreras.cl/blog/wp-content/uploads/2025/06/ChatGPT-Image-Jun-9-2025-01_02_40-PM-1.png" alt="David Ustrel" class="d-block w-100 carousel-img rounded">
                                    <div class="carousel-caption d-block text-center px-2" data-aos="fade-up" data-aos-delay="200">
                                        <h3 class="fs-5 fs-md-3 fw-bold text-gold">David Ustrel</h3>
                                        <p class="text-light d-none d-md-block">Proyecto de folklor musical experimental.</p>
                                    </div>
                                </a>
                            </div>

                        
                            <div class="carousel-item " data-bs-interval="10000">
                                <a href="https://enraiza.cl">
                                    <img src="https://dutreras.cl/blog/wp-content/uploads/2025/06/ChatGPT-Image-Jun-9-2025-01_16_52-PM.png" alt="Enraiza" class="d-block w-100 carousel-img rounded">
                                    <div class="carousel-caption d-block text-center px-2" data-aos="fade-up" data-aos-delay="200">
                                        <h3 class="fs-5 fs-md-3 fw-bold text-gold">Enraiza</h3>
                                        <p class="text-light d-none d-md-block">Fundacion de reciclaje y economia circular.</p>
                                    </div>
                                </a>
                            </div>

                        
                            <div class="carousel-item " data-bs-interval="10000">
                                <a href="https://espaciosvirtuales.cl">
                                    <img src="https://dutreras.cl/blog/wp-content/uploads/2025/06/ChatGPT-Image-Jun-9-2025-12_59_31-PM.png" alt="Espacios Virtuales" class="d-block w-100 carousel-img rounded">
                                    <div class="carousel-caption d-block text-center px-2" data-aos="fade-up" data-aos-delay="200">
                                        <h3 class="fs-5 fs-md-3 fw-bold text-gold">Espacios Virtuales</h3>
                                        <p class="text-light d-none d-md-block">Espacios regenerativo para la restauración y servicio a la Tierra.</p>
                                    </div>
                                </a>
                            </div>

                                            </div>

                    <button class="carousel-control-prev" type="button" data-bs-target="#carousel-servicios" data-bs-slide="prev">
                        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                        <span class="visually-hidden">Previous</span>
                    </button>

                    <button class="carousel-control-next" type="button" data-bs-target="#carousel-servicios" data-bs-slide="next">
                        <span class="carousel-control-next-icon" aria-hidden="true"></span>
                        <span class="visually-hidden">Next</span>
                    </button>
                </div>
            </div>

            <div class="container content-box mt-5">
                <div class="text-gold" data-aos="fade-in">
                    <div class="cdm-reflexion" style="margin-top: 2rem; font-style: italic; color: #444;">
<p>A medida que despierto, comprendo que la mente filtra e interpreta señales.<br />
El universo es sensitivo por tanto, diseñar es recordar. Crear es reconfigurar y volver a empezar.</p>
</div>
                </div>

                <div class="d-flex justify-content-center p-5 d-none d-md-block" data-aos="zoom-in-up" data-aos-delay="300">
                                    </div>
            </div>
        </section>

        <section id="contact" class="bg-dark py-5">
        <div class="container">
            <div class="title mb-5" data-aos="fade-down">
                <h1 class="text-center h1_tsn text-gold display-6">	
                    <i class="bi bi-star"></i>
                </h1>
            </div>

            <div class="row align-items-center">
                <!-- Imagen con AOS -->
                <div class="col-md-5 order-md-2 mb-4 mb-md-0" data-aos="zoom-in-left">
                    <div class="image-container">
                                                    <img src="https://dutreras.cl/blog/wp-content/uploads/2026/03/606022596_1459908195751393_4709432751095287289_n.jpg" class="card-img-top rounded-circle mx-auto d-block shadow-lg" alt="Contacto">
                                            </div>
                </div>

                <!-- Formulario con AOS -->
                <div class="col-md-7 order-md-1" data-aos="fade-up">
                    <div class="p-4 bg-dark rounded shadow-lg">
                        <h2 class="text-center text-white mb-4" data-aos="fade-up" data-aos-delay="100">Contacto</h2>
                        <form id="registerForm" class="needs-validation mt-4" novalidate>
                            <div class="mb-3" data-aos="fade-right" data-aos-delay="200">
                                <label for="username" class="form-label">Nombre:</label>
                                <input type="text" class="form-control" id="username" required minlength="3" placeholder="Ingresa tu nombre">
                                <div class="invalid-feedback">Por favor ingrese un nombre con al menos 3 caracteres</div>
                            </div>
                            <div class="mb-3" data-aos="fade-right" data-aos-delay="300">
                                <label for="email" class="form-label">Email:</label>
                                <input type="email" class="form-control" id="email" required placeholder="Ingresa tu email">
                                <div class="invalid-feedback">Por favor ingresa un email válido</div>
                            </div>
                            <div class="mb-3" data-aos="fade-right" data-aos-delay="400">
                                <label for="msj" class="form-label">Mensaje:</label>
                                <textarea class="form-control" id="msj" required rows="4" placeholder="Escribe tu mensaje"></textarea>
                                <div class="invalid-feedback">Por favor ingresa un mensaje válido</div>
                            </div>
                            <div data-aos="fade-up" data-aos-delay="500">
                                <button type="submit" class="btn btn-primary w-100">Enviar</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </section>
    {"id":8,"date":"2023-10-18T23:20:28","date_gmt":"2023-10-18T23:20:28","guid":{"rendered":"https:\/\/dutreras.cl\/blog\/?page_id=8"},"modified":"2026-05-02T13:09:14","modified_gmt":"2026-05-02T13:09:14","slug":"home","status":"publish","type":"page","link":"https:\/\/dutreras.cl\/blog\/","title":{"rendered":"Home"},"content":{"rendered":"\n\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"acf":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/dutreras.cl\/blog\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dutreras.cl\/blog\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dutreras.cl\/blog\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dutreras.cl\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/dutreras.cl\/blog\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":89,"href":"https:\/\/dutreras.cl\/blog\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":680,"href":"https:\/\/dutreras.cl\/blog\/wp-json\/wp\/v2\/pages\/8\/revisions\/680"}],"wp:attachment":[{"href":"https:\/\/dutreras.cl\/blog\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}