{"id":8175,"date":"2025-02-07T16:34:24","date_gmt":"2025-02-07T15:34:24","guid":{"rendered":"https:\/\/d10.ai\/sass-preprocesseur-css-developpement-styles\/"},"modified":"2025-03-13T17:36:44","modified_gmt":"2025-03-13T16:36:44","slug":"sass-preprocesseur-css-developpement-styles","status":"publish","type":"post","link":"https:\/\/d10.ai\/es\/sass-preprocesseur-css-developpement-styles\/","title":{"rendered":"Sass: El preprocesador CSS que transforma tu c\u00f3digo"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"8175\" class=\"elementor elementor-8175 elementor-2959\" data-elementor-post-type=\"post\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0644c7c e-flex e-con-boxed e-con e-parent\" data-id=\"0644c7c\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-32058c2 elementor-widget elementor-widget-text-editor\" data-id=\"32058c2\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"141\" data-end=\"579\">Sass, abreviatura de <em data-start=\"162\" data-end=\"197\">Syntactically Awesome Stylesheets<\/em>, es un preprocesador CSS que ha revolucionado la forma en que los desarrolladores escriben c\u00f3digo de estilos. Su objetivo es simplificar y ampliar las capacidades de CSS, permitiendo una mayor flexibilidad y eficiencia. En el contexto de las soluciones tecnol\u00f3gicas de d10, Sass desempe\u00f1a un papel crucial, facilitando la creaci\u00f3n de hojas de estilo m\u00e1s mantenibles y escalables.<\/p><p data-start=\"581\" data-end=\"952\">Sass fue creado inicialmente por Hampton Catlin y desarrollado por Natalie Weizenbaum en 2006. Desde su concepci\u00f3n, ha evolucionado significativamente, pasando de ser un simple preprocesador a una herramienta esencial en el desarrollo <em data-start=\"816\" data-end=\"827\">front-end<\/em> moderno. Su adopci\u00f3n masiva en la industria se debe a su capacidad para escribir CSS de manera m\u00e1s estructurada y modular.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3b77382 elementor-widget elementor-widget-heading\" data-id=\"3b77382\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Caracter\u00edsticas de Sass:<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-80ac738 elementor-widget elementor-widget-text-editor\" data-id=\"80ac738\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"986\" data-end=\"1043\">Entre sus caracter\u00edsticas m\u00e1s destacadas se encuentran:<\/p><ul data-start=\"1045\" data-end=\"1450\"><li data-start=\"1045\" data-end=\"1107\"><strong data-start=\"1047\" data-end=\"1061\">Variables:<\/strong> Permiten reutilizar valores en todo el CSS.<\/li><li data-start=\"1108\" data-end=\"1206\"><strong data-start=\"1110\" data-end=\"1124\">Anidaci\u00f3n:<\/strong> Facilita la escritura de selectores anidados, manteniendo el c\u00f3digo organizado.<\/li><li data-start=\"1207\" data-end=\"1294\"><strong data-start=\"1209\" data-end=\"1220\">Mixins:<\/strong> Permiten reutilizar bloques de estilos en diferentes partes del c\u00f3digo.<\/li><li data-start=\"1295\" data-end=\"1364\"><strong data-start=\"1297\" data-end=\"1310\">Herencia:<\/strong> Comparte conjuntos de propiedades entre selectores.<\/li><li data-start=\"1365\" data-end=\"1450\"><strong data-start=\"1367\" data-end=\"1381\">Funciones:<\/strong> Permiten realizar c\u00e1lculos y operaciones complejas dentro del CSS.<\/li><\/ul><p data-start=\"1452\" data-end=\"1559\">Estas caracter\u00edsticas hacen de Sass una herramienta \u00fanica que mejora la experiencia de desarrollo en d10.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3ae036d elementor-widget elementor-widget-image\" data-id=\"3ae036d\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"768\" height=\"552\" src=\"https:\/\/d10.ai\/wp-content\/uploads\/2025\/02\/d10-Sass-Dashboard-Server-raw-768x552-1.png\" class=\"attachment-large size-large wp-image-8176\" alt=\"\" srcset=\"https:\/\/d10.ai\/wp-content\/uploads\/2025\/02\/d10-Sass-Dashboard-Server-raw-768x552-1.png 768w, https:\/\/d10.ai\/wp-content\/uploads\/2025\/02\/d10-Sass-Dashboard-Server-raw-768x552-1-300x216.png 300w, https:\/\/d10.ai\/wp-content\/uploads\/2025\/02\/d10-Sass-Dashboard-Server-raw-768x552-1-40x29.png 40w, https:\/\/d10.ai\/wp-content\/uploads\/2025\/02\/d10-Sass-Dashboard-Server-raw-768x552-1-100x72.png 100w, https:\/\/d10.ai\/wp-content\/uploads\/2025\/02\/d10-Sass-Dashboard-Server-raw-768x552-1-200x144.png 200w, https:\/\/d10.ai\/wp-content\/uploads\/2025\/02\/d10-Sass-Dashboard-Server-raw-768x552-1-714x513.png 714w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e4e9bd9 elementor-widget elementor-widget-heading\" data-id=\"e4e9bd9\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Uso:<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d1ff81f elementor-widget elementor-widget-text-editor\" data-id=\"d1ff81f\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"1573\" data-end=\"1705\">Sass se utiliza ampliamente en proyectos de desarrollo personalizado, ciencia de datos y aprendizaje profundo en d10. Por ejemplo:<\/p><ul data-start=\"1707\" data-end=\"2012\"><li data-start=\"1707\" data-end=\"1810\">En el <strong data-start=\"1715\" data-end=\"1747\">desarrollo web personalizado<\/strong>, Sass permite crear temas din\u00e1micos y estilos reutilizables.<\/li><li data-start=\"1811\" data-end=\"1891\">En <strong data-start=\"1816\" data-end=\"1836\">ciencia de datos<\/strong>, facilita la presentaci\u00f3n visual de datos complejos.<\/li><li data-start=\"1892\" data-end=\"2012\">En <strong data-start=\"1897\" data-end=\"1921\">aprendizaje profundo<\/strong>, ayuda a dise\u00f1ar interfaces intuitivas para visualizar los resultados de los algoritmos.<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-65a4156 elementor-widget elementor-widget-heading\" data-id=\"65a4156\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Ventajas:<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1f33647 elementor-widget elementor-widget-text-editor\" data-id=\"1f33647\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"2031\" data-end=\"2077\">Los beneficios de usar Sass en d10 incluyen:<\/p><ul data-start=\"2079\" data-end=\"2421\"><li data-start=\"2079\" data-end=\"2196\"><strong data-start=\"2081\" data-end=\"2122\">Eficiencia en la escritura de c\u00f3digo:<\/strong> Reduce el tiempo y el esfuerzo necesarios para escribir y mantener CSS.<\/li><li data-start=\"2197\" data-end=\"2279\"><strong data-start=\"2199\" data-end=\"2217\">Escalabilidad:<\/strong> Facilita la gesti\u00f3n de estilos en proyectos de gran tama\u00f1o.<\/li><li data-start=\"2280\" data-end=\"2347\"><strong data-start=\"2282\" data-end=\"2299\">Flexibilidad:<\/strong> Permite personalizar r\u00e1pidamente los estilos.<\/li><li data-start=\"2348\" data-end=\"2421\"><strong data-start=\"2350\" data-end=\"2369\">Compatibilidad:<\/strong> Genera CSS que funciona en todos los navegadores.<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8213deb elementor-widget elementor-widget-heading\" data-id=\"8213deb\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Desaf\u00edos:<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3b103ff elementor-widget elementor-widget-text-editor\" data-id=\"3b103ff\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Aunque Sass es una herramienta poderosa, presenta algunos desaf\u00edos como su curva de aprendizaje inicial y la necesidad de un proceso de compilaci\u00f3n. Sin embargo, en d10 estos retos se abordan mediante capacitaciones e integraci\u00f3n de herramientas de automatizaci\u00f3n, asegurando que el equipo pueda aprovechar al m\u00e1ximo sus capacidades sin dificultades significativas.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b499281 elementor-widget elementor-widget-heading\" data-id=\"b499281\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Integraci\u00f3n:<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c53b0cf elementor-widget elementor-widget-text-editor\" data-id=\"c53b0cf\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"2829\" data-end=\"3001\">Sass se integra perfectamente con diversas herramientas y tecnolog\u00edas en d10, creando soluciones m\u00e1s robustas y cohesionadas. Algunas de sus integraciones clave incluyen:<\/p><ul data-start=\"3003\" data-end=\"3377\"><li data-start=\"3003\" data-end=\"3107\"><strong data-start=\"3005\" data-end=\"3031\">Frameworks <em data-start=\"3018\" data-end=\"3029\">Front-end<\/em><\/strong> como React y Angular: Para estilos din\u00e1micos y componentes reutilizables.<\/li><li data-start=\"3108\" data-end=\"3220\"><strong data-start=\"3110\" data-end=\"3144\">Herramientas de automatizaci\u00f3n<\/strong> como Gulp y Webpack: Para la compilaci\u00f3n y minificaci\u00f3n de archivos Sass.<\/li><li data-start=\"3221\" data-end=\"3377\"><strong data-start=\"3223\" data-end=\"3244\">Bibliotecas de UI<\/strong> como Bootstrap: Sass permite personalizar y extender estas bibliotecas para adaptarlas a las necesidades espec\u00edficas del proyecto.<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-73e265d elementor-widget elementor-widget-heading\" data-id=\"73e265d\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Evoluci\u00f3n:<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6d9ea4b elementor-widget elementor-widget-text-editor\" data-id=\"6d9ea4b\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>El futuro de Sass es prometedor, con actualizaciones continuas centradas en mejorar la eficiencia y facilidad de uso. Se espera que siga evolucionando con caracter\u00edsticas que respalden a\u00fan m\u00e1s el desarrollo \u00e1gil y responsivo, consolid\u00e1ndose como una herramienta indispensable en el ecosistema de d10.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2c18c7c elementor-widget elementor-widget-heading\" data-id=\"2c18c7c\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Conclusi\u00f3n:<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-52c575b elementor-widget elementor-widget-text-editor\" data-id=\"52c575b\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Sass ha demostrado ser mucho m\u00e1s que un simple preprocesador CSS; es una herramienta esencial en el desarrollo de soluciones tecnol\u00f3gicas en d10. Su capacidad para mejorar la eficiencia, escalabilidad y flexibilidad lo convierte en un componente clave dentro del desarrollo web moderno.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-adef383 elementor-widget elementor-widget-heading\" data-id=\"adef383\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Referencias y recursos adicionales:<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1e0241a elementor-widget elementor-widget-text-editor\" data-id=\"1e0241a\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<ul class=\"wp-block-list\"><li><a href=\"https:\/\/sass-lang.com\/documentation\" target=\"_blank\" rel=\"noreferrer noopener\">Documentaci\u00f3n oficial de Sass<\/a><\/li><li><a href=\"https:\/\/www.sassmeister.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Tutorial interactivo de Sass<\/a><\/li><li><a href=\"https:\/\/www.codecademy.com\/learn\/learn-sass\" target=\"_blank\" rel=\"noreferrer noopener\">Gu\u00eda completa de Sass para principiantes<\/a><\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7a87af5 elementor-widget elementor-widget-template\" data-id=\"7a87af5\" data-element_type=\"widget\" data-widget_type=\"template.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-template\">\n\t\t\t\t\t<div data-elementor-type=\"container\" data-elementor-id=\"8031\" class=\"elementor elementor-8031 elementor-4711\" data-elementor-post-type=\"elementor_library\">\n\t\t\t\t<div class=\"elementor-element elementor-element-39bedd52 e-flex e-con-boxed e-con e-parent\" data-id=\"39bedd52\" data-element_type=\"container\" id=\"cta\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-2d1bb796 e-con-full e-flex e-con e-child\" data-id=\"2d1bb796\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-57fd44d2 elementor-widget elementor-widget-heading\" data-id=\"57fd44d2\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u00bfListo para pasar a la acci\u00f3n?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6444d11f elementor-widget elementor-widget-text-editor\" data-id=\"6444d11f\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>\u00a0Para iniciar una conversaci\u00f3n, completa este formulario indicando cu\u00e1ndo deseas ser llamado.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e755ded elementor-widget elementor-widget-shortcode\" data-id=\"e755ded\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div class='fluentform ff-default fluentform_wrapper_1 ffs_default_wrap'><form data-form_id=\"1\" id=\"fluentform_1\" class=\"frm-fluent-form fluent_form_1 ff-el-form-top ff_form_instance_1_1 ff-form-loading ffs_default\" data-form_instance=\"ff_form_instance_1_1\" method=\"POST\" ><fieldset  style=\"border: none!important;margin: 0!important;padding: 0!important;background-color: transparent!important;box-shadow: none!important;outline: none!important; min-inline-size: 100%;\">\n                    <legend class=\"ff_screen_reader_title\" style=\"display: block; margin: 0!important;padding: 0!important;height: 0!important;text-indent: -999999px;width: 0!important;overflow:hidden;\">Universel Contact<\/legend><input type='hidden' name='__fluent_form_embded_post_id' value='8175' \/><input type=\"hidden\" id=\"_fluentform_1_fluentformnonce\" name=\"_fluentform_1_fluentformnonce\" value=\"80edcf4625\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/es\/wp-json\/wp\/v2\/posts\/8175\" \/><div data-type=\"name-element\" data-name=\"names\" class=\" ff-field_container ff-name-field-wrapper\" ><div class='ff-t-container'><div class='ff-t-cell '><div class='ff-el-group  ff-el-form-hide_label'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label for='ff_1_names_first_name_' id='label_ff_1_names_first_name_' >Pr\u00e9nom<\/label><\/div><div class='ff-el-input--content'><input type=\"text\" name=\"names[first_name]\" value=\"\" id=\"ff_1_names_first_name_\" class=\"ff-el-form-control\" placeholder=\"Pr\u00e9nom\" aria-invalid=\"false\" aria-required=true><\/div><\/div><\/div><div class='ff-t-cell '><div class='ff-el-group  ff-el-form-hide_label'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label for='ff_1_names_last_name_' id='label_ff_1_names_last_name_' >Nom<\/label><\/div><div class='ff-el-input--content'><input type=\"text\" name=\"names[last_name]\" value=\"\" id=\"ff_1_names_last_name_\" class=\"ff-el-form-control\" placeholder=\"Nom\" aria-invalid=\"false\" aria-required=true><\/div><\/div><\/div><\/div><\/div><div data-name=\"ff_cn_id_1\"  class='ff-t-container ff-column-container ff_columns_total_2 '><div class='ff-t-cell ff-t-column-1' style='flex-basis: 50%;'><div class='ff-el-group ff-el-form-hide_label'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label for='ff_1_email' id='label_ff_1_email' aria-label=\"Email\">Email<\/label><\/div><div class='ff-el-input--content'><input type=\"email\" name=\"email\" value=\"\" id=\"ff_1_email\" class=\"ff-el-form-control\" placeholder=\"Address Email\" data-name=\"email\"  aria-invalid=\"false\" aria-required=true><\/div><\/div><\/div><div class='ff-t-cell ff-t-column-2' style='flex-basis: 50%;'><\/div><\/div><div data-name=\"ff_cn_id_2\"  class='ff-t-container ff-column-container ff_columns_total_2 '><div class='ff-t-cell ff-t-column-1' style='flex-basis: 50%;'><div class='ff-el-group ff-el-form-hide_label'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label for='ff_1_input_text' id='label_ff_1_input_text' aria-label=\"Entreprise\">Entreprise<\/label><\/div><div class='ff-el-input--content'><input type=\"text\" name=\"input_text\" class=\"ff-el-form-control\" placeholder=\"Entreprise\" data-name=\"input_text\" id=\"ff_1_input_text\"  aria-invalid=\"false\" aria-required=true><\/div><\/div><\/div><div class='ff-t-cell ff-t-column-2' style='flex-basis: 50%;'><div class='ff-el-group ff-el-form-hide_label'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label for='ff_1_input_text_1' id='label_ff_1_input_text_1' aria-label=\"Responsabilit\u00e9\">Responsabilit\u00e9<\/label><\/div><div class='ff-el-input--content'><input type=\"text\" name=\"input_text_1\" class=\"ff-el-form-control\" placeholder=\"Responsabilit\u00e9\" data-name=\"input_text_1\" id=\"ff_1_input_text_1\"  aria-invalid=\"false\" aria-required=true><\/div><\/div><\/div><\/div><div class='ff-el-group ff-el-form-hide_label'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_1_message' id='label_ff_1_message' aria-label=\"Votre message\">Votre message<\/label><\/div><div class='ff-el-input--content'><textarea aria-required=\"false\" aria-labelledby=\"label_ff_1_message\" name=\"message\" id=\"ff_1_message\" class=\"ff-el-form-control\" placeholder=\"\u00c0 quelle date et \u00e0 quel moment de la journ\u00e9e, souhaitez-vous \u00eatre appel\u00e9 ?\" rows=\"4\" cols=\"2\" data-name=\"message\" ><\/textarea><\/div><\/div><input type=\"hidden\" name=\"hidden\" value=\"Sass: El preprocesador CSS que transforma tu c\u00f3digo\" data-name=\"hidden\" ><div class='ff-el-group ff-text-left ff_submit_btn_wrapper'><button type=\"submit\" class=\"ff-btn ff-btn-submit ff-btn-md ff_btn_style wpf_has_custom_css\"  aria-label=\"Envoyer\">Envoyer<\/button><\/div><\/fieldset><\/form><div id='fluentform_1_errors' class='ff-errors-in-stack ff_form_instance_1_1 ff-form-loading_errors ff_form_instance_1_1_errors'><\/div><\/div>            <script type=\"text\/javascript\">\n                window.fluent_form_ff_form_instance_1_1 = {\"id\":\"1\",\"settings\":{\"layout\":{\"labelPlacement\":\"top\",\"helpMessagePlacement\":\"with_label\",\"errorMessagePlacement\":\"inline\",\"cssClassName\":\"\",\"asteriskPlacement\":\"asterisk-right\"},\"restrictions\":{\"denyEmptySubmission\":{\"enabled\":false}}},\"form_instance\":\"ff_form_instance_1_1\",\"form_id_selector\":\"fluentform_1\",\"rules\":{\"names[first_name]\":{\"required\":{\"value\":true,\"message\":\"Ce champ est requis\",\"global\":false,\"global_message\":\"Ce champ est obligatoire\"}},\"names[middle_name]\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global\":false,\"global_message\":\"Ce champ est obligatoire\"}},\"names[last_name]\":{\"required\":{\"value\":true,\"message\":\"Ce champ est requis\",\"global\":false,\"global_message\":\"Ce champ est obligatoire\"}},\"email\":{\"required\":{\"value\":true,\"message\":\"Ce champ est requis\",\"global\":false,\"global_message\":\"Ce champ est obligatoire\"},\"email\":{\"value\":true,\"message\":\"This field must contain a valid email\",\"global\":false,\"global_message\":\"Ce champ doit contenir un e-mail valide\"}},\"phone\":{\"required\":{\"value\":true,\"global\":true,\"message\":\"Ce champ est obligatoire\",\"global_message\":\"Ce champ est obligatoire\"},\"valid_phone_number\":{\"value\":true,\"global\":true,\"message\":\"Phone number is not valid\",\"global_message\":\"Phone number is not valid\"}},\"input_text\":{\"required\":{\"value\":true,\"message\":\"Ce champ est obligatoire\",\"global_message\":\"Ce champ est obligatoire\",\"global\":true}},\"input_text_1\":{\"required\":{\"value\":true,\"message\":\"Ce champ est obligatoire\",\"global_message\":\"Ce champ est obligatoire\",\"global\":true}},\"message\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global\":false,\"global_message\":\"Ce champ est obligatoire\"}}},\"debounce_time\":300};\n                            <\/script>\n            <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"Sass, abreviatura de Syntactically Awesome Stylesheets, es un preprocesador CSS que ha revolucionado la forma en que los&hellip;","protected":false},"author":11,"featured_media":8177,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"csco_page_header_type":"","csco_page_load_nextpost":"","csco_page_subscribe_form":"","csco_page_contact_form":"","footnotes":""},"categories":[907],"tags":[1307,1308,1309,1310,1311],"class_list":{"0":"post-8175","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-outils-es","8":"tag-developpement-de-styles-dynamiques-es","9":"tag-optimisation-du-code-css-et-des-variables-es","10":"tag-outil-de-gestion-des-styles-modulaires-es","11":"tag-preprocesseur-css-avance-es","12":"tag-sass-es","13":"cs-entry","14":"cs-video-wrap"},"_links":{"self":[{"href":"https:\/\/d10.ai\/es\/wp-json\/wp\/v2\/posts\/8175","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/d10.ai\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/d10.ai\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/d10.ai\/es\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/d10.ai\/es\/wp-json\/wp\/v2\/comments?post=8175"}],"version-history":[{"count":0,"href":"https:\/\/d10.ai\/es\/wp-json\/wp\/v2\/posts\/8175\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/d10.ai\/es\/wp-json\/wp\/v2\/media\/8177"}],"wp:attachment":[{"href":"https:\/\/d10.ai\/es\/wp-json\/wp\/v2\/media?parent=8175"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/d10.ai\/es\/wp-json\/wp\/v2\/categories?post=8175"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/d10.ai\/es\/wp-json\/wp\/v2\/tags?post=8175"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}