{"id":8323,"date":"2025-02-06T19:34:54","date_gmt":"2025-02-06T18:34:54","guid":{"rendered":"https:\/\/d10.ai\/css3-mise-en-page-web-styles-animations\/"},"modified":"2025-03-14T17:07:50","modified_gmt":"2025-03-14T16:07:50","slug":"css3-mise-en-page-web-styles-animations","status":"publish","type":"post","link":"https:\/\/d10.ai\/es\/css3-mise-en-page-web-styles-animations\/","title":{"rendered":"CSS3: Herramienta clave para el dise\u00f1o web moderno e interactivo"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"8323\" class=\"elementor elementor-8323 elementor-2819\" 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=\"163\" data-end=\"573\"><strong data-start=\"163\" data-end=\"171\">CSS3<\/strong>, la \u00faltima evoluci\u00f3n del lenguaje de <strong data-start=\"209\" data-end=\"239\">hojas de estilo en cascada<\/strong>, ha revolucionado el dise\u00f1o web moderno. Con su amplia gama de caracter\u00edsticas, CSS3 permite a los desarrolladores crear <strong data-start=\"361\" data-end=\"413\">interfaces de usuario m\u00e1s atractivas y din\u00e1micas<\/strong>. En <strong data-start=\"418\" data-end=\"425\">d10<\/strong>, CSS3 es una herramienta esencial para dise\u00f1ar soluciones tecnol\u00f3gicas que no solo sean <strong data-start=\"514\" data-end=\"529\">funcionales<\/strong>, sino tambi\u00e9n <strong data-start=\"544\" data-end=\"570\">visualmente atractivas<\/strong>.<\/p><p data-start=\"575\" data-end=\"1059\">CSS3 es el resultado de <strong data-start=\"599\" data-end=\"620\">a\u00f1os de evoluci\u00f3n<\/strong> desde la primera versi\u00f3n de <strong data-start=\"649\" data-end=\"672\">CSS lanzada en 1996<\/strong>. Desarrollado por el <strong data-start=\"694\" data-end=\"729\">World Wide Web Consortium (W3C)<\/strong>, ha evolucionado para <strong data-start=\"752\" data-end=\"818\">adaptarse a las crecientes demandas del desarrollo web moderno<\/strong>. Su desarrollo se ha centrado en la <strong data-start=\"855\" data-end=\"873\">modularizaci\u00f3n<\/strong>, lo que permite actualizar caracter\u00edsticas individuales sin tener que revisar todo el est\u00e1ndar, facilitando as\u00ed su adaptaci\u00f3n e integraci\u00f3n en la industria del desarrollo de software.<\/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 CSS3:<\/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=\"1093\" data-end=\"1173\">Lo que hace destacar a <strong data-start=\"1116\" data-end=\"1124\">CSS3<\/strong> son sus capacidades avanzadas de dise\u00f1o, como:<\/p><ul data-start=\"1175\" data-end=\"1399\"><li data-start=\"1175\" data-end=\"1251\"><strong data-start=\"1177\" data-end=\"1207\">Transiciones y animaciones<\/strong>, que permiten efectos visuales din\u00e1micos.<\/li><li data-start=\"1252\" data-end=\"1316\"><strong data-start=\"1254\" data-end=\"1278\">Sombras y degradados<\/strong>, para una est\u00e9tica m\u00e1s sofisticada.<\/li><li data-start=\"1317\" data-end=\"1399\"><strong data-start=\"1319\" data-end=\"1337\">Flexbox y Grid<\/strong>, que optimizan la disposici\u00f3n de los elementos en pantalla.<\/li><\/ul><p data-start=\"1401\" data-end=\"1626\">Gracias a estas caracter\u00edsticas, <strong data-start=\"1434\" data-end=\"1441\">d10<\/strong> logra crear <strong data-start=\"1454\" data-end=\"1500\">dise\u00f1os web m\u00e1s interactivos y responsivos<\/strong>, asegurando que sus soluciones sean <strong data-start=\"1537\" data-end=\"1564\">accesibles y atractivas<\/strong> en una gran variedad de dispositivos y tama\u00f1os de pantalla.<\/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-CSS3-Dashboard-Server-raw-768x552-1.png\" class=\"attachment-large size-large wp-image-8324\" alt=\"\" srcset=\"https:\/\/d10.ai\/wp-content\/uploads\/2025\/02\/d10-CSS3-Dashboard-Server-raw-768x552-1.png 768w, https:\/\/d10.ai\/wp-content\/uploads\/2025\/02\/d10-CSS3-Dashboard-Server-raw-768x552-1-300x216.png 300w, https:\/\/d10.ai\/wp-content\/uploads\/2025\/02\/d10-CSS3-Dashboard-Server-raw-768x552-1-40x29.png 40w, https:\/\/d10.ai\/wp-content\/uploads\/2025\/02\/d10-CSS3-Dashboard-Server-raw-768x552-1-100x72.png 100w, https:\/\/d10.ai\/wp-content\/uploads\/2025\/02\/d10-CSS3-Dashboard-Server-raw-768x552-1-200x144.png 200w, https:\/\/d10.ai\/wp-content\/uploads\/2025\/02\/d10-CSS3-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=\"1640\" data-end=\"1704\">En <strong data-start=\"1643\" data-end=\"1650\">d10<\/strong>, CSS3 se emplea en m\u00faltiples proyectos, incluyendo:<\/p><ul data-start=\"1706\" data-end=\"2004\"><li data-start=\"1706\" data-end=\"1797\"><strong data-start=\"1708\" data-end=\"1740\">Desarrollo web personalizado<\/strong>, para dise\u00f1ar interfaces adaptativas y personalizadas.<\/li><li data-start=\"1798\" data-end=\"1895\"><strong data-start=\"1800\" data-end=\"1846\">Visualizaci\u00f3n de datos en ciencia de datos<\/strong>, mejorando la claridad y presentaci\u00f3n gr\u00e1fica.<\/li><li data-start=\"1896\" data-end=\"2004\"><strong data-start=\"1898\" data-end=\"1915\">Deep Learning<\/strong>, facilitando la representaci\u00f3n visual de modelos complejos de manera m\u00e1s comprensible.<\/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=\"2023\" data-end=\"2091\">CSS3 ofrece numerosos beneficios al equipo de <strong data-start=\"2069\" data-end=\"2076\">d10<\/strong>, tales como:<\/p><ul data-start=\"2093\" data-end=\"2440\"><li data-start=\"2093\" data-end=\"2181\"><strong data-start=\"2095\" data-end=\"2142\">Mayor eficiencia en el dise\u00f1o de interfaces<\/strong>, reduciendo el tiempo de desarrollo.<\/li><li data-start=\"2182\" data-end=\"2259\"><strong data-start=\"2184\" data-end=\"2227\">Escalabilidad en distintos dispositivos<\/strong>, garantizando compatibilidad.<\/li><li data-start=\"2260\" data-end=\"2339\"><strong data-start=\"2262\" data-end=\"2306\">Mejor seguridad en la gesti\u00f3n de estilos<\/strong>, minimizando vulnerabilidades.<\/li><li data-start=\"2340\" data-end=\"2440\"><strong data-start=\"2342\" data-end=\"2378\">Mayor creatividad y flexibilidad<\/strong>, permitiendo innovaciones en la presentaci\u00f3n de contenidos.<\/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 data-start=\"2459\" data-end=\"2523\">A pesar de sus ventajas, CSS3 tambi\u00e9n presenta desaf\u00edos, como:<\/p><ul data-start=\"2525\" data-end=\"2701\"><li data-start=\"2525\" data-end=\"2607\"><strong data-start=\"2527\" data-end=\"2564\">Inconsistencias entre navegadores<\/strong>, que pueden afectar la apariencia final.<\/li><li data-start=\"2608\" data-end=\"2701\"><strong data-start=\"2610\" data-end=\"2663\">Curva de aprendizaje para sus funciones avanzadas<\/strong>, como Grid o animaciones complejas.<\/li><\/ul><p data-start=\"2703\" data-end=\"2867\">En <strong data-start=\"2706\" data-end=\"2713\">d10<\/strong>, estos desaf\u00edos se enfrentan con <strong data-start=\"2747\" data-end=\"2792\">pruebas rigurosas y capacitaci\u00f3n continua<\/strong>, asegurando <strong data-start=\"2805\" data-end=\"2823\">compatibilidad<\/strong> y el uso \u00f3ptimo de todas sus capacidades.<\/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=\"2889\" data-end=\"3051\">CSS3 se integra de manera fluida con <strong data-start=\"2926\" data-end=\"2948\">HTML5 y JavaScript<\/strong>, formando la <strong data-start=\"2962\" data-end=\"2983\">trinidad esencial<\/strong> para el desarrollo web moderno. En <strong data-start=\"3019\" data-end=\"3026\">d10<\/strong>, se utiliza junto con:<\/p><ul data-start=\"3053\" data-end=\"3180\"><li data-start=\"3053\" data-end=\"3112\"><strong data-start=\"3055\" data-end=\"3074\">React y Angular<\/strong>, para desarrollo frontend avanzado.<\/li><li data-start=\"3113\" data-end=\"3180\"><strong data-start=\"3115\" data-end=\"3130\">Sass y Less<\/strong>, para una gesti\u00f3n m\u00e1s eficiente de los estilos.<\/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><strong data-start=\"3624\" data-end=\"3632\">CSS3<\/strong> es un <strong data-start=\"3639\" data-end=\"3660\">pilar fundamental<\/strong> dentro del ecosistema de desarrollo de <strong data-start=\"3700\" data-end=\"3707\">d10<\/strong>, permitiendo la creaci\u00f3n de soluciones que no solo son <strong data-start=\"3763\" data-end=\"3787\">t\u00e9cnicamente s\u00f3lidas<\/strong>, sino tambi\u00e9n <strong data-start=\"3802\" data-end=\"3832\">visualmente impresionantes<\/strong>. Su <strong data-start=\"3837\" data-end=\"3860\">evoluci\u00f3n constante<\/strong> asegura que seguir\u00e1 siendo una herramienta clave en el futuro del dise\u00f1o web.<\/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:\/\/www.w3.org\/Style\/CSS\/\" target=\"_blank\" rel=\"noreferrer noopener\">Documentaci\u00f3n oficial de CSS3<\/a><\/li><li><a href=\"https:\/\/www.w3schools.com\/css\/\" target=\"_blank\" rel=\"noreferrer noopener\">Tutoriales CSS3<\/a><\/li><li><a href=\"https:\/\/css-tricks.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Recursos avanzados sobre CSS3<\/a><\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-67674ab elementor-widget elementor-widget-template\" data-id=\"67674ab\" 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='8323' \/><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\/8323\" \/><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=\"CSS3: Herramienta clave para el dise\u00f1o web moderno e interactivo\" 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":"CSS3, la \u00faltima evoluci\u00f3n del lenguaje de hojas de estilo en cascada, ha revolucionado el dise\u00f1o web moderno.&hellip;","protected":false},"author":11,"featured_media":8325,"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":[1407,1408,1409,1410,1411],"class_list":{"0":"post-8323","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-outils-es","8":"tag-css3-es","9":"tag-developpement-dinterfaces-modernes-et-responsives-es","10":"tag-langage-de-mise-en-page-web-es","11":"tag-optimisation-du-design-et-des-animations-es","12":"tag-outil-de-personnalisation-des-styles-et-des-effets-es","13":"cs-entry","14":"cs-video-wrap"},"_links":{"self":[{"href":"https:\/\/d10.ai\/es\/wp-json\/wp\/v2\/posts\/8323","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=8323"}],"version-history":[{"count":0,"href":"https:\/\/d10.ai\/es\/wp-json\/wp\/v2\/posts\/8323\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/d10.ai\/es\/wp-json\/wp\/v2\/media\/8325"}],"wp:attachment":[{"href":"https:\/\/d10.ai\/es\/wp-json\/wp\/v2\/media?parent=8323"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/d10.ai\/es\/wp-json\/wp\/v2\/categories?post=8323"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/d10.ai\/es\/wp-json\/wp\/v2\/tags?post=8323"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}