Guía HTML para entender las etiquetas y el formato del texto y las imágenes

HTML es un lenguaje de marcado para páginas web. De hecho, HTML significa Lenguaje de marcado de hipertexto.

Una cosa que hay que dejar clara desde el principio y tener presente es que elHTML no es un lenguaje de programaciónHTML es sólo para dar formato al texto y para maquetar elementos como formularios, citas, vídeos.

En esta breve guía no nos detendremos demasiado en discusiones técnicas o filosóficas sobre qué es un hipertextopero tomaremos como definición la de página web, una página navegable en Internet.

Herramientas

Para desarrollar su primera página html, un simple editor de textoPara los usuarios de Windows, la sencilla Bloc de notas.

Nuestra primera página HTML

Abre el bloc de notas e introduce el siguiente código:

<html></html>

Haz clic en Guardar y elige un nombre "página.html" y en el menú desplegable "guardar como"recuerde seleccionar "todos los archivos“.

Ya hemos creado nuestra primera página html, que una vez abierta mostrará una página en blanco.

Cada página html consta básicamente de dos elementos, un head <head> y un cuerpo <body>.

Así modificamos nuestra página:

<html>
<head></head>
<body></body>
</html>

El DOCTYPE

En este punto es importante introducir el concepto de DOCTYPE. El doctype es una declaración que se inserta al principio del documento y que permite a los navegadores renderizar la página correctamente. En el caso de HTML5 la declaración doctype es la siguiente

<!doctype html>
<html>
<head></head>
<body></body>
</html>

En el pasado, se utilizaban declaraciones de doctype más largas y articuladas, pero ahora elHTML5 es una norma, por lo que nos limitaremos a ésta.

Añadir un título a la página HTML: la etiqueta title

Si intentamos abrir la página html creada anteriormente, veremos que en la barra de la ventana aparece la ruta del archivo. Si queremos añadir un título más explicativo, podemos añadir la etiqueta </strong> en el<strong><head></strong> del documento.</p> <pre class="wp-block-code" data-no-auto-translation=""><code class="language-markup line-numbers"><!doctype html> <html> <head> <title>Mi primera página web</title> </head> <body></body> </html></code></pre> <p>Además de hacer la página más fácil de usar, la presencia del título también es importante en el lateral <strong>SEO</strong>.</p> <h2 class="wp-block-heading" id="i-tag">Etiquetas</h2> <p>Una de las primeras cosas que podemos observar es que HTML es un lenguaje compuesto de etiquetas. Cada etiqueta HTML va siempre encerrada entre un signo menor ( ). Una etiqueta genérica se caracteriza por la siguiente sintaxis: </p> <pre class="wp-block-code" data-no-auto-translation=""><code class="language-markup line-numbers"><nomedeltag></code></pre> <p>Las etiquetas pueden incluir una apertura <strong><nometag></strong> y un cierre <strong>.</strong>, </p> <pre class="wp-block-code" data-no-auto-translation=""><code class="language-markup"><h1>Título del artículo</h1></code></pre> <p>o ser etiquetas que no contienen ningún elemento y, por tanto, se cierran solas. Un ejemplo de este último tipo de etiquetas es <strong><img /></strong>.</p> <pre class="wp-block-code" data-no-auto-translation=""><code class="language-markup line-numbers"><img src="mondo.jpg" /></code></pre> <p>En esta breve guía no analizaremos todas las etiquetas html, sino sólo las que se utilizan con más frecuencia. Para obtener una lista exhaustiva de todas las etiquetas puede consultar <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element">aquí</a>.</p> <p>Veamos cuáles son las principales etiquetas y cómo utilizarlas.</p> <h2 class="wp-block-heading" id="il-tag-h1-e-gli-altri-headings">La etiqueta <h1> y las demás rúbricas</h2> <p>La etiqueta <strong><h1></strong> se utiliza para definir un encabezado, es decir, un texto que tiene mayor importancia dentro del contenido de nuestra página html, por lo que se formateará con una fuente más grande. </p> <p>Existen varias etiquetas de cabecera en función de su importancia: así, se puede tener <strong><h1></strong>, <strong><h2></strong> , <<strong>h3></strong> , <strong><h4></strong> , <strong><h5></strong> , <strong><h6></strong>. </p> <pre class="wp-block-code" data-no-auto-translation=""><code class="language-markup"><h1>Título de la página</h1></code></pre> <h2 class="wp-block-heading" id="il-tag-p">La etiqueta <p></h2> <p>El <<strong>p></strong> se utiliza para definir un párrafo. Si se inserta texto dentro de esta etiqueta, se formateará como texto libre. </p> <pre class="wp-block-code" data-no-auto-translation=""><code class="language-markup"><p>En esta página hablaremos de HTML.</p></code></pre> <h2 class="wp-block-heading" id="il-tag-b">La etiqueta <b></h2> <p>La etiqueta <strong><b></strong> se utiliza para resaltar texto:</p> <pre class="wp-block-code" data-no-auto-translation=""><code class="language-markup"><b>texto muy importante</b></code></pre> <p>Su funcionamiento es idéntico al del <strong>ponga una parte del texto en negrita.</p> <h2 class="wp-block-heading" id="il-tag-a">La etiqueta <a> </h2> <p>La etiqueta <a> se utiliza para definir un enlace (enlaces entre páginas web) nos permite crear un enlace desde nuestra página a otra página. La sintaxis de un enlace es la siguiente: </p> <pre class="wp-block-code" data-no-auto-translation=""><code class="language-markup"><a href="https://www.google.it">Enlaces Google</a></code></pre> <p>Podemos ver que el <a> necesita el atributo href que indica la página de destino. </p> <h2 class="wp-block-heading" id="il-tag-img">La etiqueta <img></h2> <p>La etiqueta <strong><img></strong> se utiliza para insertar una imagen en la página HTML. A diferencia de las etiquetas anteriores, la etiqueta <img> es una etiqueta de cierre automático, es decir, no necesita una etiqueta de cierre.</p> <pre class="wp-block-code" data-no-auto-translation=""><code class="language-markup"><img src="immagini/terra.jpg" /></code></pre> <p>Como vemos en el ejemplo, el <img> necesita el atributo src, que indica la ruta a la imagen que se va a mostrar. El atributo <img> también puede tener otros atributos:</p> <pre class="wp-block-code" data-no-auto-translation=""><code class="language-markup"><img src="immagini/terra.jpg" alt="imagen de la Tierra" /></code></pre> <p>En este ejemplo, el atributo alt se utiliza para mostrar un texto alternativo en caso de que la imagen no se cargue. También es útil para indicar a los motores de búsqueda lo que se muestra en la página, lo que es muy importante en términos de SEO.</p> <h2 class="wp-block-heading" id="i-tag-lista-ul-ol-li">Las etiquetas de lista <ul>, <ol>, <li></h2> <p>Si queremos mostrar una lista en nuestra página html, podemos utilizar la etiqueta <ul>. Esta etiqueta muestra una lista desordenada, por lo que aparecerá un punto junto a cada elemento de la lista. Si queremos mostrar una lista numerada, podemos utilizar la etiqueta <ol>. </p> <p>Cada elemento de la lista debe ir dentro de la etiqueta <li>.</p> <pre class="wp-block-code" data-no-auto-translation=""><code class="language-markup"><ul> <li>Primo punto</li> <li>Secondo punto</li> <li>Terzo punto</li> </ul></code></pre> <h2 class="wp-block-heading" id="mini-tutorial-come-creare-la-tua-prima-pagina-web">Mini tutorial: cómo crear tu primera página web</h2> <p>Tras un rápido vistazo a las principales etiquetas html, podemos intentar crear nuestra primera página web.</p> <p>Abre el Bloc de notas o cualquier otro editor de texto y empieza a escribir este código:</p> <pre class="wp-block-code" data-no-auto-translation=""><code class="language-markup"><!doctype html> <html> <head> <title>Mi primera página web</title> </head> <body></body> </html></code></pre> <figure class="wp-block-image"><img decoding="async" width="600" height="400" src="https://www.francescopepe.com/wp-content/uploads/2019/07/tutorial_html_02.png" alt="primera página html" class="wp-image-133" srcset="https://www.francescopepe.com/wp-content/uploads/2019/07/tutorial_html_02.png 600w, https://www.francescopepe.com/wp-content/uploads/2019/07/tutorial_html_02-300x200.png 300w" sizes="(max-width: 600px) 100vw, 600px" /></figure> <p>Guardar como y recuerde seleccionar "Todos los archivos" en el cuadro desplegable y, a continuación, guardar como <strong>index.html</strong> o <strong>mipagina.html</strong> o lo que más nos gusta. </p> <figure class="wp-block-image"><img decoding="async" width="960" height="540" src="https://www.francescopepe.com/wp-content/uploads/2019/07/tutorial_html_02-1.png" alt="" class="wp-image-135" srcset="https://www.francescopepe.com/wp-content/uploads/2019/07/tutorial_html_02-1.png 960w, https://www.francescopepe.com/wp-content/uploads/2019/07/tutorial_html_02-1-300x169.png 300w, https://www.francescopepe.com/wp-content/uploads/2019/07/tutorial_html_02-1-768x432.png 768w" sizes="(max-width: 960px) 100vw, 960px" /></figure> <p>Si hacemos doble clic en el archivo que acabamos de guardar, se abrirá una nueva ventana del navegador con nuestra primera página html. Será una página vacía, pero tendrá el título que hemos introducido en el campo <strong><title></strong>.</p> <figure class="wp-block-image"><img loading="lazy" decoding="async" width="650" height="133" src="https://www.francescopepe.com/wp-content/uploads/2019/07/tutorial_html_03.png" alt="" class="wp-image-136" srcset="https://www.francescopepe.com/wp-content/uploads/2019/07/tutorial_html_03.png 650w, https://www.francescopepe.com/wp-content/uploads/2019/07/tutorial_html_03-300x61.png 300w" sizes="auto, (max-width: 650px) 100vw, 650px" /></figure> <p>Pasemos a la construcción de la página web. Añadimos una cabecera y algunos párrafos. Aplicamos el <strong><b></strong> algunas palabras para destacar, como el nombre de la ciudad de nacimiento, añadir una foto con la etiqueta <strong><img></strong> y un enlace a la página en Wikipedia.</p> <pre class="wp-block-code" data-no-auto-translation=""><code class="language-markup line-numbers"><!doctype html> <html> <head> <title>Mi primera página web</title> </head> <body> <h1>Lionel Messi</h1> <p>Lionel Andrés Messi, al que muchos llaman simplemente Leo, nació el 24 de junio de 1987 en <b>Rosario</b>en el estado argentino de Santa Fe. </p> <img src="Messi.jpg" /> <p>Sólo tiene cinco años cuando empieza a dar patadas al balón. Su primer equipo es el <b>Grandoli</b>En su ciudad hay una pequeña escuela de fútbol para niños. El entrenador de los chicos es Jorge Messi, obrero metalúrgico y padre del futuro campeón. </p> <p>A los siete años <a href="https://it.wikipedia.org/wiki/Lionel_Messi">Lionel Messi</a> Viste la camiseta de "Newell's Old Boys" y juega en las categorías inferiores. A los ojos de los aficionados al fútbol que seguían al chaval por los campos de Rosario, el talento del joven ya era evidente. </p> <h2>La llegada a barcelona</h2> <p>Debido a un retraso en el desarrollo óseo del niño causado por los bajos niveles de hormonas del crecimiento en su organismo, la transición se desvanece. </p> <p>Se aconseja a la familia que busque tratamiento médico, pero es muy caro: se habla de 900 dólares al mes; Jorge Messi pide ayuda a Newell's Old Boys y a River Plate sin obtener soluciones adecuadas. Creyendo firmemente en el posible futuro de Lionel como campeón, pide ayuda a algunas fundaciones. </p> </body> </html></code></pre> <p>Si queremos insertar una imagen, podemos guardarla en la misma carpeta que el archivo html y recuperarla introduciendo el nombre del archivo en el campo <strong>src</strong> de la etiqueta <strong><img></strong>.</p> <p>Si hemos hecho todo correctamente, deberíamos obtener algo como esto:</p> <figure class="wp-block-image"><img loading="lazy" decoding="async" width="902" height="654" src="https://www.francescopepe.com/wp-content/uploads/2019/07/tutorial_html_04.png" alt="" class="wp-image-146" srcset="https://www.francescopepe.com/wp-content/uploads/2019/07/tutorial_html_04.png 902w, https://www.francescopepe.com/wp-content/uploads/2019/07/tutorial_html_04-300x218.png 300w, https://www.francescopepe.com/wp-content/uploads/2019/07/tutorial_html_04-768x557.png 768w" sizes="auto, (max-width: 902px) 100vw, 902px" /></figure> <p>En esta breve guía sobre HTML, hemos visto cómo hacer una página web, añadir texto e imágenes, dar formato a una cabecera y texto en negrita, y añadir enlaces. </p> <p>Para mejorar nuestra página tendremos que cambiar su apariencia, utilizando la función <strong>CSS</strong>. Este será el tema de una futura guía.</p> </div> <div class="wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained" style="margin-top:var(--wp--preset--spacing--x-large);margin-bottom:var(--wp--preset--spacing--x-large)"> <div class="wp-block-group has-foreground-3-color has-text-color has-link-color has-x-small-font-size wp-elements-f8f4fcec35edf22a8267a297b268507d is-layout-flex wp-block-group-is-layout-flex" style="border-top-color:var(--wp--preset--color--background-3);border-top-width:1px;border-bottom-color:var(--wp--preset--color--background-3);border-bottom-width:1px;margin-top:var(--wp--preset--spacing--large);margin-bottom:var(--wp--preset--spacing--large);padding-top:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--small)"> <div class="taxonomy-category wp-block-post-terms"><span class="wp-block-post-terms__prefix">Categorías: </span><a href="https://www.francescopepe.com/es/categoria/guias/" rel="tag">Guías</a></div> </div> <div class="wp-block-group has-border-color has-background-4-border-color has-global-padding is-layout-constrained wp-container-core-group-is-layout-11 wp-block-group-is-layout-constrained" style="border-width:1px;border-radius:20px;padding-top:var(--wp--preset--spacing--large);padding-right:var(--wp--preset--spacing--large);padding-bottom:var(--wp--preset--spacing--large);padding-left:var(--wp--preset--spacing--large)"> <div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-1 wp-block-columns-is-layout-flex"> <div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:160px"><div class="wp-block-avatar"><img alt='Avatar de Francisco' src='https://secure.gravatar.com/avatar/5fee794720b94313abf1c7371eea06bf?s=160&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/5fee794720b94313abf1c7371eea06bf?s=320&d=mm&r=g 2x' class='avatar avatar-160 photo wp-block-avatar__image' height='160' width='160' loading='lazy' decoding='async'/></div></div> <div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:70%"> <div class="wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-10 wp-block-group-is-layout-flex"> <p class="has-primary-color has-text-color has-link-color wp-elements-09558b7f27ada007e8eb8c718fc1c3c3" style="font-style:normal;font-weight:600">Sobre el autor</p> <div style="font-style:normal;font-weight:600;line-height:1.1; margin-top:0;" class="wp-block-post-author-name has-large-font-size">Francesco</div></div> </div> </div> </div> </div> </article> <div class="wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained" style="padding-bottom:var(--wp--preset--spacing--giant)"> <div class="wp-block-comments"> <div id="respond" class="comment-respond wp-block-post-comments-form"> <h3 id="reply-title" class="comment-reply-title">Deja una respuesta <small><a rel="nofollow" id="cancel-comment-reply-link" href="/es/guia-html/#respond" style="display:none;">Cancelar la respuesta</a></small></h3><form action="https://www.francescopepe.com/wp-comments-post.php" method="post" id="commentform" class="comment-form" novalidate data-trp-original-action="https://www.francescopepe.com/wp-comments-post.php"><p class="comment-notes"><span id="email-notes">Tu dirección de correo electrónico no será publicada.</span> <span class="required-field-message">Los campos obligatorios están marcados con <span class="required">*</span></span></p><p class="comment-form-comment"><label for="comment">Comentario <span class="required">*</span></label> <textarea id="comment" name="comment" cols="45" rows="8" maxlength="65525" required></textarea></p><p class="comment-form-author"><label for="author">Nombre <span class="required">*</span></label> <input id="author" name="author" type="text" value="" size="30" maxlength="245" autocomplete="name" required /></p> <p class="comment-form-email"><label for="email">Correo electrónico <span class="required">*</span></label> <input id="email" name="email" type="email" value="" size="30" maxlength="100" aria-describedby="email-notes" autocomplete="email" required /></p> <p class="comment-form-url"><label for="url">Web</label> <input id="url" name="url" type="url" value="" size="30" maxlength="200" autocomplete="url" /></p> <p class="form-submit wp-block-button"><input name="submit" type="submit" id="submit" class="wp-block-button__link wp-element-button" value="Publicar el comentario" /> <input type='hidden' name='comment_post_ID' value='1' id='comment_post_ID' /> <input type='hidden' name='comment_parent' id='comment_parent' value='0' /> </p><input type="hidden" name="trp-form-language" value="es"/></form> </div> </div> </div> </main> <footer class="site-footer wp-block-template-part"> <div class="wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained" style="padding-top:var(--wp--preset--spacing--x-large);padding-bottom:var(--wp--preset--spacing--x-large)"> <hr class="wp-block-separator alignwide has-text-color has-background-3-color has-alpha-channel-opacity has-background-3-background-color has-background" style="margin-top:var(--wp--preset--spacing--large);margin-bottom:var(--wp--preset--spacing--large)"/> <div class="wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-3 wp-block-columns-is-layout-flex"> <div class="wp-block-column is-layout-flow wp-container-core-column-is-layout-3 wp-block-column-is-layout-flow" style="flex-basis:40%"> <div class="wp-block-group is-content-justification-left is-nowrap is-layout-flex wp-container-core-group-is-layout-16 wp-block-group-is-layout-flex"><div class="wp-block-site-logo"><a href="https://www.francescopepe.com/es/" class="custom-logo-link" rel="home"><img loading="lazy" width="56" height="56" src="https://www.francescopepe.com/wp-content/uploads/2024/04/fp-logo.png" class="custom-logo" alt="Francesco Pepe" decoding="async" srcset="https://www.francescopepe.com/wp-content/uploads/2024/04/fp-logo.png 1250w, https://www.francescopepe.com/wp-content/uploads/2024/04/fp-logo-300x300.png 300w, https://www.francescopepe.com/wp-content/uploads/2024/04/fp-logo-1024x1024.png 1024w, https://www.francescopepe.com/wp-content/uploads/2024/04/fp-logo-150x150.png 150w, https://www.francescopepe.com/wp-content/uploads/2024/04/fp-logo-768x768.png 768w" sizes="auto, (max-width: 56px) 100vw, 56px" /></a></div> <p class="wp-block-site-title has-small-font-size"><a href="https://www.francescopepe.com/es" target="_self" rel="home">Francesco Pepe</a></p></div> <p class="has-foreground-3-color has-text-color has-link-color wp-elements-c3787575d81b73272d0aed8b818e1720" style="font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.227), 16px);">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur sed sem sodales, imperdiet nunc sed, vestibulum ligula. Nam in urna est.</p> <ul class="wp-block-social-links has-normal-icon-size has-icon-color is-style-logos-only is-layout-flex wp-container-core-social-links-is-layout-1 wp-block-social-links-is-layout-flex"><li style="color: #060C39; " class="wp-social-link wp-social-link-x has-foreground-1-color wp-block-social-link"><a href="https://#" class="wp-block-social-link-anchor"><svg width="24" height="24" viewbox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"><path d="M13.982 10.622 20.54 3h-1.554l-5.693 6.618L8.745 3H3.5l6.876 10.007L3.5 21h1.554l6.012-6.989L15.868 21h5.245l-7.131-10.378Zm-2.128 2.474-.697-.997-5.543-7.93H8l4.474 6.4.697.996 5.815 8.318h-2.387l-4.745-6.787Z" /></svg><span class="wp-block-social-link-label screen-reader-text">X</span></a></li> <li style="color: #060C39; " class="wp-social-link wp-social-link-instagram has-foreground-1-color wp-block-social-link"><a href="https://#" class="wp-block-social-link-anchor"><svg width="24" height="24" viewbox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"><path d="M12,4.622c2.403,0,2.688,0.009,3.637,0.052c0.877,0.04,1.354,0.187,1.671,0.31c0.42,0.163,0.72,0.358,1.035,0.673 c0.315,0.315,0.51,0.615,0.673,1.035c0.123,0.317,0.27,0.794,0.31,1.671c0.043,0.949,0.052,1.234,0.052,3.637 s-0.009,2.688-0.052,3.637c-0.04,0.877-0.187,1.354-0.31,1.671c-0.163,0.42-0.358,0.72-0.673,1.035 c-0.315,0.315-0.615,0.51-1.035,0.673c-0.317,0.123-0.794,0.27-1.671,0.31c-0.949,0.043-1.233,0.052-3.637,0.052 s-2.688-0.009-3.637-0.052c-0.877-0.04-1.354-0.187-1.671-0.31c-0.42-0.163-0.72-0.358-1.035-0.673 c-0.315-0.315-0.51-0.615-0.673-1.035c-0.123-0.317-0.27-0.794-0.31-1.671C4.631,14.688,4.622,14.403,4.622,12 s0.009-2.688,0.052-3.637c0.04-0.877,0.187-1.354,0.31-1.671c0.163-0.42,0.358-0.72,0.673-1.035 c0.315-0.315,0.615-0.51,1.035-0.673c0.317-0.123,0.794-0.27,1.671-0.31C9.312,4.631,9.597,4.622,12,4.622 M12,3 C9.556,3,9.249,3.01,8.289,3.054C7.331,3.098,6.677,3.25,6.105,3.472C5.513,3.702,5.011,4.01,4.511,4.511 c-0.5,0.5-0.808,1.002-1.038,1.594C3.25,6.677,3.098,7.331,3.054,8.289C3.01,9.249,3,9.556,3,12c0,2.444,0.01,2.751,0.054,3.711 c0.044,0.958,0.196,1.612,0.418,2.185c0.23,0.592,0.538,1.094,1.038,1.594c0.5,0.5,1.002,0.808,1.594,1.038 c0.572,0.222,1.227,0.375,2.185,0.418C9.249,20.99,9.556,21,12,21s2.751-0.01,3.711-0.054c0.958-0.044,1.612-0.196,2.185-0.418 c0.592-0.23,1.094-0.538,1.594-1.038c0.5-0.5,0.808-1.002,1.038-1.594c0.222-0.572,0.375-1.227,0.418-2.185 C20.99,14.751,21,14.444,21,12s-0.01-2.751-0.054-3.711c-0.044-0.958-0.196-1.612-0.418-2.185c-0.23-0.592-0.538-1.094-1.038-1.594 c-0.5-0.5-1.002-0.808-1.594-1.038c-0.572-0.222-1.227-0.375-2.185-0.418C14.751,3.01,14.444,3,12,3L12,3z M12,7.378 c-2.552,0-4.622,2.069-4.622,4.622S9.448,16.622,12,16.622s4.622-2.069,4.622-4.622S14.552,7.378,12,7.378z M12,15 c-1.657,0-3-1.343-3-3s1.343-3,3-3s3,1.343,3,3S13.657,15,12,15z M16.804,6.116c-0.596,0-1.08,0.484-1.08,1.08 s0.484,1.08,1.08,1.08c0.596,0,1.08-0.484,1.08-1.08S17.401,6.116,16.804,6.116z"></path></svg><span class="wp-block-social-link-label screen-reader-text">Instagram</span></a></li> <li style="color: #060C39; " class="wp-social-link wp-social-link-youtube has-foreground-1-color wp-block-social-link"><a href="https://www.youtube.com/@tropicalista" class="wp-block-social-link-anchor"><svg width="24" height="24" viewbox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"><path d="M21.8,8.001c0,0-0.195-1.378-0.795-1.985c-0.76-0.797-1.613-0.801-2.004-0.847c-2.799-0.202-6.997-0.202-6.997-0.202 h-0.009c0,0-4.198,0-6.997,0.202C4.608,5.216,3.756,5.22,2.995,6.016C2.395,6.623,2.2,8.001,2.2,8.001S2,9.62,2,11.238v1.517 c0,1.618,0.2,3.237,0.2,3.237s0.195,1.378,0.795,1.985c0.761,0.797,1.76,0.771,2.205,0.855c1.6,0.153,6.8,0.201,6.8,0.201 s4.203-0.006,7.001-0.209c0.391-0.047,1.243-0.051,2.004-0.847c0.6-0.607,0.795-1.985,0.795-1.985s0.2-1.618,0.2-3.237v-1.517 C22,9.62,21.8,8.001,21.8,8.001z M9.935,14.594l-0.001-5.62l5.404,2.82L9.935,14.594z"></path></svg><span class="wp-block-social-link-label screen-reader-text">YouTube</span></a></li></ul> </div> <div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:60%"> <div class="wp-block-columns has-foreground-3-color has-text-color has-link-color wp-elements-9bfba8972926dd39dc10253809defc64 is-layout-flex wp-container-core-columns-is-layout-2 wp-block-columns-is-layout-flex" style="font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.227), 16px);"> <div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"> <p class="has-foreground-1-color has-text-color has-link-color wp-elements-c721fccf9cb1dd8bdd06e7334fbdf520"><strong>Enlaces</strong></p> <nav class="is-vertical wp-block-navigation is-layout-flex wp-container-core-navigation-is-layout-2 wp-block-navigation-is-layout-flex" aria-label="Primaria - Comercializador 2"><ul class="wp-block-navigation__container is-vertical wp-block-navigation"><li class="wp-block-navigation-item menu-item menu-item-type-post_type menu-item-object-page wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="https://www.francescopepe.com/es/blog/" title=""><span class="wp-block-navigation-item__label">Blog</span></a></li><li class="wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="https://www.francescopepe.com/es/tienda/"><span class="wp-block-navigation-item__label">Plugins</span></a></li><li class="wp-block-navigation-item menu-item menu-item-type-post_type menu-item-object-page wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="https://www.francescopepe.com/es/mejores-herramientas-de-webmarketing/" title=""><span class="wp-block-navigation-item__label">Recursos</span></a></li><li class="wp-block-navigation-item menu-item menu-item-type-post_type menu-item-object-page wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="https://www.francescopepe.com/es/contactos/" title=""><span class="wp-block-navigation-item__label">Contacto</span></a></li></ul></nav></div> <div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"> <p class="has-foreground-1-color has-text-color has-link-color wp-elements-c3e0bad9ff9017fc13a81da510e96750"><strong>Recursos</strong></p> <nav class="is-vertical is-style-default wp-block-navigation is-layout-flex wp-container-core-navigation-is-layout-3 wp-block-navigation-is-layout-flex" aria-label="Recursos"><ul class="wp-block-navigation__container is-vertical is-style-default wp-block-navigation"><li class="wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="https://www.francescopepe.com/es/salpicadero-2/"><span class="wp-block-navigation-item__label">Cuenta</span></a></li><li class="wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="https://www.francescopepe.com/es/docs/"><span class="wp-block-navigation-item__label">Documentación</span></a></li><li class="wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="https://www.francescopepe.com/es/soporte/"><span class="wp-block-navigation-item__label">Ayuda</span></a></li></ul></nav></div> <div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"> <p class="has-foreground-1-color has-text-color has-link-color wp-elements-f7426f73199abd0cb848b1fe4e1a8356"><strong>Plugins</strong></p> <nav class="is-vertical is-style-default wp-block-navigation is-layout-flex wp-container-core-navigation-is-layout-4 wp-block-navigation-is-layout-flex" aria-label="Plugins"><ul class="wp-block-navigation__container is-vertical is-style-default wp-block-navigation"><li class="wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="https://www.francescopepe.com/es/products/popper-pro/"><span class="wp-block-navigation-item__label">Popper</span></a></li><li class="wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="https://www.francescopepe.com/es/productos/pdf-incrustar/"><span class="wp-block-navigation-item__label">Pdf Embed</span></a></li><li class="wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="https://www.francescopepe.com/es/productos/consola-de-busqueda-2/"><span class="wp-block-navigation-item__label">Search Console</span></a></li></ul></nav></div> </div> </div> </div> <hr class="wp-block-separator alignwide has-text-color has-background-3-color has-alpha-channel-opacity has-background-3-background-color has-background" style="margin-top:var(--wp--preset--spacing--large);margin-bottom:var(--wp--preset--spacing--large)"/> <div class="wp-block-group alignwide has-foreground-3-color has-text-color has-link-color wp-elements-75eed706322d0b42c05f5794edfafe84 is-content-justification-space-between is-layout-flex wp-container-core-group-is-layout-18 wp-block-group-is-layout-flex" style="font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.227), 16px);"> <p>2024 Francesco Pepe. Todos los derechos reservados.</p> <div class="wp-block-group has-x-small-font-size wp-elements-ec51809be95abea11ee5ce9b926da79c is-content-justification-left is-nowrap is-layout-flex wp-container-core-group-is-layout-17 wp-block-group-is-layout-flex"> <p><a href="https://www.francescopepe.com/es/politica-de-privacidad/" data-type="page" data-id="3">Política de privacidad</a></p> <p>/</p> <p><a href="https://www.francescopepe.com/es/politica-de-cookies-de-la-ue/" data-type="page" data-id="1193">Política de cookies</a></p> </div> </div> </div> </footer></div> <template id="tp-language" data-tp-language="es_ES"></template><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 0 0" width="0" height="0" focusable="false" role="none" style="visibility: hidden; position: absolute; left: -9999px; overflow: hidden;" ><defs><filter id="wp-duotone-light"><fecolormatrix color-interpolation-filters="sRGB" type="matrix" values=" .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 " /><fecomponenttransfer color-interpolation-filters="sRGB" ><fefuncr type="table" tablevalues="1 0" /><fefuncg type="table" tablevalues="1 0" /><fefuncb type="table" tablevalues="1 0" /><fefunca type="table" tablevalues="1 1" /></fecomponenttransfer><fecomposite in2="SourceGraphic" operator="in" /></filter></defs></svg> <div class="is-layout-flow wp-block-surecart-slide-out-cart-is-layout-flow" data-wp-context='{"formId":983,"mode":"test"}' data-wp-interactive='{ "namespace": "surecart/checkout" }' data-wp-init="callbacks.init" data-wp-watch="callbacks.onChangeCheckout" data-wp-on-window--storage="callbacks.syncTabs" > <dialog style="width: 500px;" class="sc-drawer sc-cart-drawer wp-block-surecart-slide-out-cart" data-wp-bind--aria-label="surecart/cart::state.ariaLabel" data-wp-on--click="surecart/cart::actions.closeOverlay" > <div class="sc-drawer__wrapper">  <div class="sc-alert sc-alert__alert--danger" role="alert" aria-live="assertive" aria-atomic="true" data-wp-bind--hidden="!state.error" hidden> <div class="sc-alert__icon"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <circle cx="12" cy="12" r="10" /> <line x1="12" y1="8" x2="12" y2="12" /> <line x1="12" y1="16" x2="12.01" y2="16" /> </svg> </div> <div class="sc-alert__text"> <div class="sc-alert__title"> <span data-wp-text="state.errorTitle"></span> </div> <div class="sc-alert__message"> <div data-wp-text="state.errorMessage"></div> <template data-wp-each--message="state.additionalErrors"> <div> <span data-wp-text="context.message"></span> </div> </template> </div> </div> </div> <div style="border-bottom: var(--sc-drawer-border);padding-top: 1.25em;padding-bottom: 1.25em;padding-left: 1.25em;padding-right: 1.25em;color: var(--sc-line-item-title-color, var(--sc-input-label-color));" class="wp-block-surecart-slide-out-cart-header"> <div class="wp-block-surecart-slide-out-cart-header__close" data-wp-on--click="surecart/cart::actions.toggle" role="button" tabindex="0" aria-label="Cerrar carro" data-no-translation-aria-label="" > <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <line x1="5" y1="12" x2="19" y2="12" /> <polyline points="12 5 19 12 12 19" /> </svg> </div> <span class="wp-block-surecart-slide-out-cart-header__title" inert> Revisar su cesta </span> <div class="sc-tag sc-tag--default"> <span data-wp-text="state.itemsCount">0</span> </div> </div> <div class="wp-block-surecart-cart-items__wrapper" style="border-bottom: var(--sc-drawer-border);padding-top: 1.25em;padding-bottom: 1.25em;padding-left: 1.25em;padding-right: 1.25em;color: var(--sc-line-item-title-color, var(--sc-input-label-color));" role="list" > <template data-wp-each--line_item="state.checkoutLineItems" data-wp-each-key="context.line_item.id" > <div class="sc-product-line-item" role="listitem"> <div class="sc-product-line-item__item"> <img class="sc-product-line-item__image" data-wp-bind--hidden="!context.line_item.image.src" data-wp-bind--src="context.line_item.image.src" data-wp-bind--alt="context.line_item.image.alt" data-wp-bind--srcset="context.line_item.image.srcset" data-wp-bind--sizes="context.line_item.image.sizes" loading="lazy" alt="" /> <div class="sc-product-line-item__text"> <div class="sc-product-line-item__text-details"> <a data-wp-bind--href="state.lineItemPermalink" class="sc-product-line-item__title"> <span data-wp-text="context.line_item.price.product.name"></span> </a> <div class="sc-product-line-item__description sc-product-line-item__price-variant"> <div data-wp-text="state.lineItemVariant"></div> <div data-wp-text="context.line_item.price.name"></div> </div> <div class="sc-input-group sc-input-group-sm sc-quantity-selector" data-wp-class--quantity--disabled="state.isQuantityDisabled" data-wp-bind--hidden="!state.isEditable" hidden> <div class="sc-input-group-text sc-quantity-selector__decrease" role="button" tabindex="0" data-wp-on--click="surecart/checkout::actions.onQuantityDecrease" data-wp-on--keydown="surecart/checkout::actions.onQuantityDecrease" data-wp-bind--disabled="state.isQuantityDecreaseDisabled" data-wp-bind--aria-disabled="state.isQuantityDecreaseDisabled" data-wp-class--button--disabled="state.isQuantityDecreaseDisabled" aria-label="Disminuye la cantidad en uno." data-no-translation-aria-label="" > <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <line x1="5" y1="12" x2="19" y2="12" /> </svg> </div> <input type="number" class="sc-form-control sc-quantity-selector__control" data-wp-bind--value="context.line_item.quantity" data-wp-on--change="surecart/checkout::actions.onQuantityChange" data-wp-bind--min="context.line_item.min" data-wp-bind--aria-valuemin="context.line_item.min" data-wp-bind--max="context.line_item.max" data-wp-bind--aria-valuemax="context.line_item.max" data-wp-bind--disabled="surecart/checkout::state.loading" step="1" autocomplete="off" role="spinbutton" /> <div class="sc-input-group-text sc-quantity-selector__increase" role="button" tabindex="0" data-wp-on--click="surecart/checkout::actions.onQuantityIncrease" data-wp-on--keydown="surecart/checkout::actions.onQuantityIncrease" data-wp-bind--disabled="state.isQuantityIncreaseDisabled" data-wp-bind--aria-disabled="state.isQuantityIncreaseDisabled" data-wp-class--button--disabled="state.isQuantityIncreaseDisabled" aria-label="Aumenta la cantidad en uno." data-no-translation-aria-label="" > <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <line x1="12" y1="5" x2="12" y2="19" /> <line x1="5" y1="12" x2="19" y2="12" /> </svg> </div> </div> </div> </div> <div class="sc-product-line-item__suffix"> <button class="sc-product-line-item__remove-button" aria-label="Quitar artículo" data-wp-on--click="surecart/checkout::actions.removeLineItem" data-no-translation-aria-label="" > <svg class="sc-product-line-item__remove" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <line x1="18" y1="6" x2="6" y2="18" /> <line x1="6" y1="6" x2="18" y2="18" /> </svg> </button> <div class="sc-product-line-item__price"> <div class="sc-product-line-item__price-amount"> <span> <span data-wp-bind--hidden="!state.lineItemHasScratchAmount" data-wp-text="context.line_item.price.scratchAmount" ></span> <span data-wp-text="context.line_item.subtotal_display_amount"></span> </span> <span class="sc-product-line-item__price-description" data-wp-bind--hidden="!context.line_item.price.short_interval_text" data-wp-text="context.line_item.price.short_interval_text" ></span> <span class="sc-product-line-item__price-description" data-wp-bind--hidden="!context.line_item.price.short_interval_count_text" data-wp-text="context.line_item.price.short_interval_count_text" ></span> </div> <div class="sc-product-line-item__trial sc-product-line-item__price-description" data-wp-bind--hidden="!context.line_item.price.trial_text" data-wp-text="context.line_item.price.trial_text" ></div> <div class="sc-product-line-item__setup-fee sc-product-line-item__price-description" data-wp-bind--hidden="!context.line_item.price.setup_fee_text" data-wp-text="context.line_item.price.setup_fee_text" ></div> <div class="sc-product-line-item__purchasable-status sc-product-line-item__price-description" data-wp-bind--hidden="!context.line_item.purchasable_status_display" data-wp-text="context.line_item.purchasable_status_display" ></div> </div> </div> </div> </div> </template> </div> <div style="border-bottom: var(--sc-drawer-border);padding-top: 1.25em;padding-bottom: 1.25em;padding-left: 1.25em;padding-right: 1.25em;color: var(--sc-line-item-title-color, var(--sc-input-label-color));" class="wp-block-surecart-slide-out-cart-coupon" data-wp-context='{"discountInputOpen":false}' data-wp-on-document--click="surecart/checkout::actions.closeCouponOnClickOutside" >  <div class="sc-line-item__item sc-coupon-form" data-wp-bind--hidden="!state.isDiscountApplied" hidden> <div class="sc-line-item__text"> <div class="sc-line-item__description"> Descuento <div class="sc-tag sc-tag--warning" data-wp-class--sc-tag--success="state.discountIsRedeemable" data-wp-class--sc-tag--warning="!state.discountIsRedeemable" > <span data-wp-text="state.checkout.discount.promotion.code"></span> <button data-wp-on--click="actions.removeDiscount" id="sc-coupon-remove-discount" title="Suprimir descuento" data-no-translation-title="" > <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <line x1="18" y1="6" x2="6" y2="18" /> <line x1="6" y1="6" x2="18" y2="18" /> </svg> </button> </div> </div> </div> <div class="sc-line-item__end"> <div class="sc-line-item__price-text">  <div hidden class="sc-line-item__price-description" data-wp-bind--hidden="!state.discountIsRedeemable"> <span class="coupon-human-discount" data-wp-text="state.checkout.human_discount_with_duration" ></span> </div> <div hidden class="sc-line-item__price" data-wp-bind--hidden="!state.discountIsRedeemable" data-wp-text="state.checkout.discount_display_amount"></div>  <div class="sc-line-item__price-description" data-wp-bind--hidden="state.discountIsRedeemable"> <div class="sc-coupon__status"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z" /> <line x1="12" y1="9" x2="12" y2="13" /> <line x1="12" y1="17" x2="12.01" y2="17" /> </svg> <span data-wp-text="state.checkout.discount.redeemable_display_status"></span> </div> </div> </div> </div> </div>  <div class="sc-coupon-form" data-wp-bind--hidden="state.isDiscountApplied" > <div> <div data-wp-bind--hidden="context.discountInputOpen" class="trigger" data-wp-on--click="surecart/checkout::actions.toggleDiscountInput" data-wp-on--keydown="surecart/checkout::actions.toggleDiscountInput" aria-role="button" tabindex="0" id="sc-coupon-trigger" > Añadir código de cupón </div> <form action=""> <div data-wp-bind--hidden="!context.discountInputOpen" hidden class="sc-input-group sc-coupon-form__input-group" > <input type="text" id="coupon" class="sc-form-control sc-coupon-form__input" aria-label="Código del cupón" aria-describedby="coupon-input-addon" placeholder="Introduzca el código del cupón" data-wp-bind--value="state.promotionCode" data-wp-on--keydown="surecart/checkout::actions.maybeApplyDiscountOnKeyChange" data-wp-on--keyup="surecart/checkout::actions.maybeApplyDiscountOnKeyChange" data-no-translation-aria-label="" > <span class="sc-input-group-text" id="coupon-input-addon"> <button hidden type="submit" data-wp-bind--hidden="!state.promotionCode" data-wp-on--click="actions.applyDiscount" > Solicitar </button> </span> </div> <input type="hidden" name="trp-form-language" value="es"/></form> </div> </div> </div> <div style="padding-top: 1.25em;padding-bottom: 0em;padding-left: 1.25em;padding-right: 1.25em;color: var(--sc-line-item-title-color, var(--sc-input-label-color));" class="wp-block-surecart-slide-out-cart-subtotal"> <div class="sc-product-line-item"> <div class="sc-product-line-item__item"> <div class="sc-product-line-item__text"> <div class="sc-product-line-item__text-details"> <div class="sc-product-line-item__title"> <span> Subtotal </span> </div> </div> </div> <div class="sc-product-line-item__suffix"> <div class="sc-product-line-item__price"> <div class="price"> <span data-wp-text="state.checkout.subtotal_display_amount" data-wp-bind--hidden="state.isDiscountApplied"></span> <span hidden data-wp-text="state.checkout.total_display_amount" data-wp-bind--hidden="!state.isDiscountApplied"></span> </div> </div> </div> </div> </div> <div hidden class="sc-product-line-item" data-wp-bind--hidden="!state.checkout.is_installment" > <div class="sc-product-line-item__item"> <div class="sc-product-line-item__text"> <div class="sc-product-line-item__text-details"> <div class="sc-product-line-item__description"> Total pagos a plazos </div> </div> </div> <div class="sc-product-line-item__suffix"> <div class="sc-product-line-item__price"> <div class="price"> <span data-wp-text="state.checkout.full_display_amount"></span> </div> </div> </div> </div> </div> </div> <div style="padding-top: 1.25em;padding-bottom: 0em;padding-left: 1.25em;padding-right: 1.25em;color: var(--sc-line-item-title-color, var(--sc-input-label-color));" class="wp-block-surecart-slide-out-cart-bump-line-item" data-wp-bind--hidden="!state.checkout.bump_amount" hidden> <div class="sc-product-line-item"> <div class="sc-product-line-item__item"> <div class="sc-product-line-item__text"> <div class="sc-product-line-item__text-details"> <div class="sc-bump-line-item__description"> <span> Descuento por paquete </span> </div> </div> </div> <div class="sc-product-line-item__suffix"> <div class="sc-bump-line-item__price"> <div class="price"> <span data-wp-text="state.checkout.bump_display_amount"></span> </div> </div> </div> </div> </div> </div> <div class="sc-cart-submit__wrapper wp-block-buttons" style="border-bottom:var(--sc-drawer-border);padding:1.25em 1.25em 1.25em 1.25em;" > <div class="wp-block-button"> <a class="wp-block-button__link wp-element-button sc-button__link wp-block-surecart-slide-out-cart-submit" href="https://www.francescopepe.com/es/checkout/" data-wp-bind--disabled="state.loading" data-wp-class--sc-button__link--busy="state.loading" > <span class="sc-spinner" aria-hidden="false"></span> <span class="sc-button__link-text">Pedido</span> </a> </div> </div> <div class="sc-block-ui" data-wp-bind--hidden="!state.loading" hidden></div> </div>  <p id="a11y-speak-intro-text" class="a11y-speak-intro-text" style="position: absolute;margin: -1px;padding: 0;height: 1px;width: 1px;overflow: hidden;clip: rect(1px, 1px, 1px, 1px);-webkit-clip-path: inset(50%);clip-path: inset(50%);border: 0;word-wrap: normal !important;"></p> <div id="a11y-speak-assertive" class="a11y-speak-region" style="position: absolute;margin: -1px;padding: 0;height: 1px;width: 1px;overflow: hidden;clip: rect(1px, 1px, 1px, 1px);-webkit-clip-path: inset(50%);clip-path: inset(50%);border: 0;word-wrap: normal !important;" aria-live="assertive" aria-relevant="additions text" aria-atomic="true"> </div> <div id="a11y-speak-polite" class="a11y-speak-region" style="position: absolute;margin: -1px;padding: 0;height: 1px;width: 1px;overflow: hidden;clip: rect(1px, 1px, 1px, 1px);-webkit-clip-path: inset(50%);clip-path: inset(50%);border: 0;word-wrap: normal !important;" aria-live="polite" aria-relevant="additions text" aria-atomic="true"></div> </dialog> </div>  <div data-wp-interactive='{ "namespace": "surecart/checkout" }' class="wp-block-surecart-cart-icon" data-wp-context='{"formId":983,"mode":"test"}' data-wp-on--click="surecart/cart::actions.toggle" data-wp-on--keydown="surecart/cart::actions.toggle" tabindex="0" role="button" data-wp-bind--hidden="!state.hasItems" hidden> <div class="wp-block-surecart-cart-icon__container"> <div class="wp-block-surecart-cart-icon__icon" aria-label="Botón del carro." data-no-translation-aria-label=""> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <path d="M6 2L3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z" /> <line x1="3" y1="6" x2="21" y2="6" /> <path d="M16 10a4 4 0 0 1-8 0" /> </svg> </div> <span class="wp-block-surecart-cart-icon__count" data-wp-text="state.itemsCount" data-wp-bind--aria-label="state.itemsCountAriaLabel" >0</span> </div> </div> <div id="trp-floater-ls" onclick="" data-no-translation class="trp-language-switcher-container trp-floater-ls-names trp-bottom-right trp-color-dark flags-full-names" > <div id="trp-floater-ls-current-language" class="trp-with-flags"> <a href="#" class="trp-floater-ls-disabled-language trp-ls-disabled-language" onclick="event.preventDefault()"> <img class="trp-flag-image" src="https://www.francescopepe.com/wp-content/plugins/translatepress-multilingual/assets/images/flags/es_ES.png" width="18" height="12" alt="es_ES" title="Spanish">Spanish </a> </div> <div id="trp-floater-ls-language-list" class="trp-with-flags" > <div class="trp-language-wrap trp-language-wrap-bottom"> <a href="https://www.francescopepe.com/guida-html/" title="Italian"> <img class="trp-flag-image" src="https://www.francescopepe.com/wp-content/plugins/translatepress-multilingual/assets/images/flags/it_IT.png" width="18" height="12" alt="it_IT" title="Italian">Italian </a> <a href="https://www.francescopepe.com/en/html-guide/" title="English"> <img class="trp-flag-image" src="https://www.francescopepe.com/wp-content/plugins/translatepress-multilingual/assets/images/flags/en_US.png" width="18" height="12" alt="en_US" title="English">English </a> <a href="#" class="trp-floater-ls-disabled-language trp-ls-disabled-language" onclick="event.preventDefault()"><img class="trp-flag-image" src="https://www.francescopepe.com/wp-content/plugins/translatepress-multilingual/assets/images/flags/es_ES.png" width="18" height="12" alt="es_ES" title="Spanish">Spanish</a></div> </div> </div>  <div id="cmplz-cookiebanner-container"><div class="cmplz-cookiebanner cmplz-hidden banner-1 banner-a optin cmplz-bottom-right cmplz-categories-type-no" aria-modal="true" data-nosnippet="true" role="dialog" aria-live="polite" aria-labelledby="cmplz-header-1-optin" aria-describedby="cmplz-message-1-optin"> <div class="cmplz-header"> <div class="cmplz-logo"><a href="https://www.francescopepe.com/es/" class="custom-logo-link" rel="home"><img width="1250" height="1250" src="https://www.francescopepe.com/wp-content/uploads/2024/04/fp-logo.png" class="custom-logo" alt="Francesco Pepe" decoding="async" srcset="https://www.francescopepe.com/wp-content/uploads/2024/04/fp-logo.png 1250w, https://www.francescopepe.com/wp-content/uploads/2024/04/fp-logo-300x300.png 300w, https://www.francescopepe.com/wp-content/uploads/2024/04/fp-logo-1024x1024.png 1024w, https://www.francescopepe.com/wp-content/uploads/2024/04/fp-logo-150x150.png 150w, https://www.francescopepe.com/wp-content/uploads/2024/04/fp-logo-768x768.png 768w" sizes="(max-width: 1250px) 100vw, 1250px" /></a></div> <div class="cmplz-title" id="cmplz-header-1-optin">Gestionar el consentimiento</div> <div class="cmplz-close" tabindex="0" role="button" aria-label="Cerrar ventana" data-no-translation-aria-label=""> <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="times" class="svg-inline--fa fa-times fa-w-11" role="img" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 352 512"><path fill="currentColor" d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"></path></svg> </div> </div> <div class="cmplz-divider cmplz-divider-header"></div> <div class="cmplz-body"> <div class="cmplz-message" id="cmplz-message-1-optin">Para proporcionar la mejor experiencia, utilizamos tecnologías como las cookies para almacenar y/o acceder a la información del dispositivo. El consentimiento a estas tecnologías nos permitirá procesar datos como el comportamiento de navegación o los identificadores únicos en este sitio. No consentir o retirar el consentimiento puede afectar negativamente a determinadas características y funciones.</div>  <div class="cmplz-categories"> <details class="cmplz-category cmplz-functional" > <summary> <span class="cmplz-category-header"> <span class="cmplz-category-title">Funcional</span> <span class='cmplz-always-active'> <span class="cmplz-banner-checkbox"> <input type="checkbox" id="cmplz-functional-optin" data-category="cmplz_functional" class="cmplz-consent-checkbox cmplz-functional" size="40" value="1"/> <label class="cmplz-label" for="cmplz-functional-optin" tabindex="0"><span class="screen-reader-text">Funcional</span></label> </span> Siempre activo </span> <span class="cmplz-icon cmplz-open"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512" height="18" ><path d="M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z"/></svg> </span> </span> </summary> <div class="cmplz-description"> <span class="cmplz-description-functional">El almacenamiento o acceso técnico es estrictamente necesario para el fin legítimo de permitir el uso de un servicio específico solicitado explícitamente por el abonado o usuario, o con el único fin de llevar a cabo la transmisión de una comunicación a través de una red de comunicaciones electrónicas.</span> </div> </details> <details class="cmplz-category cmplz-preferences" > <summary> <span class="cmplz-category-header"> <span class="cmplz-category-title">Preferencias</span> <span class="cmplz-banner-checkbox"> <input type="checkbox" id="cmplz-preferences-optin" data-category="cmplz_preferences" class="cmplz-consent-checkbox cmplz-preferences" size="40" value="1"/> <label class="cmplz-label" for="cmplz-preferences-optin" tabindex="0"><span class="screen-reader-text">Preferencias</span></label> </span> <span class="cmplz-icon cmplz-open"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512" height="18" ><path d="M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z"/></svg> </span> </span> </summary> <div class="cmplz-description"> <span class="cmplz-description-preferences">El almacenamiento o acceso técnico es necesario para el fin legítimo de almacenar preferencias no solicitadas por el abonado o usuario.</span> </div> </details> <details class="cmplz-category cmplz-statistics" > <summary> <span class="cmplz-category-header"> <span class="cmplz-category-title">Estadísticas</span> <span class="cmplz-banner-checkbox"> <input type="checkbox" id="cmplz-statistics-optin" data-category="cmplz_statistics" class="cmplz-consent-checkbox cmplz-statistics" size="40" value="1"/> <label class="cmplz-label" for="cmplz-statistics-optin" tabindex="0"><span class="screen-reader-text">Estadísticas</span></label> </span> <span class="cmplz-icon cmplz-open"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512" height="18" ><path d="M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z"/></svg> </span> </span> </summary> <div class="cmplz-description"> <span class="cmplz-description-statistics">Archivo técnico o acceso que se utiliza exclusivamente con fines estadísticos.</span> <span class="cmplz-description-statistics-anonymous">El almacenamiento o acceso técnico se utiliza únicamente con fines estadísticos anónimos. Sin una citación judicial, el cumplimiento voluntario por parte de su proveedor de servicios de Internet o registros adicionales de terceros, la información almacenada o recuperada únicamente con este fin no puede utilizarse normalmente con fines de identificación.</span> </div> </details> <details class="cmplz-category cmplz-marketing" > <summary> <span class="cmplz-category-header"> <span class="cmplz-category-title">Marketing</span> <span class="cmplz-banner-checkbox"> <input type="checkbox" id="cmplz-marketing-optin" data-category="cmplz_marketing" class="cmplz-consent-checkbox cmplz-marketing" size="40" value="1"/> <label class="cmplz-label" for="cmplz-marketing-optin" tabindex="0"><span class="screen-reader-text">Marketing</span></label> </span> <span class="cmplz-icon cmplz-open"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512" height="18" ><path d="M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z"/></svg> </span> </span> </summary> <div class="cmplz-description"> <span class="cmplz-description-marketing">El almacenamiento o acceso técnico es necesario para crear perfiles de usuario con el fin de enviar publicidad, o para realizar un seguimiento del usuario en uno o varios sitios web con fines de marketing similares.</span> </div> </details> </div> </div> <div class="cmplz-links cmplz-information"> <a class="cmplz-link cmplz-manage-options cookie-statement" href="#" data-relative_url="#cmplz-manage-consent-container" data-no-translation="" data-trp-gettext="">Administrar opciones</a> <a class="cmplz-link cmplz-manage-third-parties cookie-statement" href="#" data-relative_url="#cmplz-cookies-overview" data-no-translation="" data-trp-gettext="">Gestionar los servicios</a> <a class="cmplz-link cmplz-manage-vendors tcf cookie-statement" href="#" data-relative_url="#cmplz-tcf-wrapper" data-no-translation="" data-trp-gettext="">Gestionar {cuenta_vendedores} proveedores</a> <a class="cmplz-link cmplz-external cmplz-read-more-purposes tcf" target="_blank" rel="noopener noreferrer nofollow" href="https://cookiedatabase.org/tcf/purposes/" data-no-translation="" data-trp-gettext="">Leer más sobre estos propósitos</a> </div> <div class="cmplz-divider cmplz-footer"></div> <div class="cmplz-buttons"> <button class="cmplz-btn cmplz-accept">Acepte</button> <button class="cmplz-btn cmplz-deny">Nega</button> <button class="cmplz-btn cmplz-view-preferences">Mostrar preferencias</button> <button class="cmplz-btn cmplz-save-preferences">Guardar preferencias</button> <a class="cmplz-btn cmplz-manage-options tcf cookie-statement" href="#" data-relative_url="#cmplz-manage-consent-container">Mostrar preferencias</a> </div> <div class="cmplz-links cmplz-documents"> <a class="cmplz-link cookie-statement" href="#" data-relative_url="">{título}</a> <a class="cmplz-link privacy-statement" href="#" data-relative_url="">{título}</a> <a class="cmplz-link impressum" href="#" data-relative_url="">{título}</a> </div> </div> </div> <div id="cmplz-manage-consent" data-nosnippet="true"><button class="cmplz-btn cmplz-hidden cmplz-manage-consent manage-consent-1">Gestionar el consentimiento</button> </div><script type="application/json" id="wp-script-module-data-@wordpress/interactivity"> {"config":{"formello":{"ajax_url":"https://www.francescopepe.com/wp-admin/admin-ajax.php","nonce":"aa08fc4994","settings":{"messages":{"form":{"success":"Thanks for submitting this form.","error":"Ops. An error occurred."},"missingValue":{"default":"Please fill out this field.","checkbox":"This field is required.","radio":"Please select a value.","select":"Please select a value.","select-multiple":"Please select at least one value."},"patternMismatch":{"email":"Please enter a valid email address.","url":"Please enter a URL.","number":"Please enter a number","color":"Please match the following format: #rrggbb","date":"Please use the YYYY-MM-DD format","time":"Please use the 24-hour time format. Ex. 23:00","month":"Please use the YYYY-MM format","default":"Please match the requested format."},"outOfRange":{"over":"Please select a value that is no more than {max}.","under":"Please select a value that is no less than {min}."},"wrongLength":{"over":"Please shorten this text to no more than {maxLength} characters. You are currently using {length} characters.","under":"Please lengthen this text to {minLength} characters or more. You are currently using {length} characters."}},"reCaptcha":{"version":"1","site_key":"","threshold":"0.5"},"hCaptcha":{"version":"3","site_key":"","threshold":"0.5"}}}},"state":{"formello":{"captcha":{"enabled":false,"type":"reCaptcha","version":"1"},"errors":[],"debug":false},"surecart/checkout":{"checkout":{"line_items":{"data":[]}},"discountIsRedeemable":false,"isDiscountApplied":false,"itemsCount":0,"hasItems":false}}} </script> <script> window.scFetchData = {"root_url":"https:\/\/www.francescopepe.com\/es\/wp-json\/","nonce":"bd1d617166","nonce_endpoint":"https:\/\/www.francescopepe.com\/wp-admin\/admin-ajax.php?action=sc-rest-nonce"} </script> <link rel='stylesheet' id='surecart-tag-css' href='https://www.francescopepe.com/wp-content/plugins/surecart/packages/blocks-next/build/styles/tag.css?ver=1734537295' media='all' /> <link rel='stylesheet' id='surecart-slide-out-cart-header-style-2-css' href='https://www.francescopepe.com/wp-content/plugins/surecart/packages/blocks-next/build/blocks/cart-header/style-index.css?ver=1.0.0' media='all' /> <link rel='stylesheet' id='surecart-line-item-css' href='https://www.francescopepe.com/wp-content/plugins/surecart/packages/blocks-next/build/styles/line-item.css?ver=1734537295' media='all' /> <link rel='stylesheet' id='surecart-product-line-item-css' href='https://www.francescopepe.com/wp-content/plugins/surecart/packages/blocks-next/build/styles/product-line-item.css?ver=1734537295' media='all' /> <link rel='stylesheet' id='surecart-input-group-css' href='https://www.francescopepe.com/wp-content/plugins/surecart/packages/blocks-next/build/styles/input-group.css?ver=1734537295' media='all' /> <link rel='stylesheet' id='surecart-quantity-selector-css' href='https://www.francescopepe.com/wp-content/plugins/surecart/packages/blocks-next/build/styles/quantity-selector.css?ver=1734537295' media='all' /> <link rel='stylesheet' id='surecart-slide-out-cart-items-style-5-css' href='https://www.francescopepe.com/wp-content/plugins/surecart/packages/blocks-next/build/blocks/cart-items/style-index.css?ver=1.0.0' media='all' /> <link rel='stylesheet' id='surecart-coupon-form-css' href='https://www.francescopepe.com/wp-content/plugins/surecart/packages/blocks-next/build/styles/coupon-form.css?ver=1734537295' media='all' /> <link rel='stylesheet' id='surecart-form-control-css' href='https://www.francescopepe.com/wp-content/plugins/surecart/packages/blocks-next/build/styles/form-control.css?ver=1734537295' media='all' /> <link rel='stylesheet' id='surecart-slide-out-cart-coupon-style-4-css' href='https://www.francescopepe.com/wp-content/plugins/surecart/packages/blocks-next/build/blocks/cart-coupon/style-index.css?ver=1.0.0' media='all' /> <link rel='stylesheet' id='surecart-slide-out-cart-bump-line-item-style-2-css' href='https://www.francescopepe.com/wp-content/plugins/surecart/packages/blocks-next/build/blocks/cart-bump-line-item/style-index.css?ver=6.7.1' media='all' /> <link rel='stylesheet' id='surecart-wp-buttons-css' href='https://www.francescopepe.com/wp-content/plugins/surecart/packages/blocks-next/build/styles/wp-buttons.css?ver=1734537295' media='all' /> <link rel='stylesheet' id='surecart-wp-button-css' href='https://www.francescopepe.com/wp-content/plugins/surecart/packages/blocks-next/build/styles/wp-button.css?ver=1734537295' media='all' /> <link rel='stylesheet' id='surecart-slide-out-cart-submit-style-3-css' href='https://www.francescopepe.com/wp-content/plugins/surecart/packages/blocks-next/build/blocks/cart-submit/style-index.css?ver=1.0.0' media='all' /> <link rel='stylesheet' id='surecart-drawer-css' href='https://www.francescopepe.com/wp-content/plugins/surecart/packages/blocks-next/build/styles/drawer.css?ver=1734537295' media='all' /> <link rel='stylesheet' id='surecart-block-ui-css' href='https://www.francescopepe.com/wp-content/plugins/surecart/packages/blocks-next/build/styles/block-ui.css?ver=1734537295' media='all' /> <link rel='stylesheet' id='surecart-alert-css' href='https://www.francescopepe.com/wp-content/plugins/surecart/packages/blocks-next/build/styles/alert.css?ver=1734537295' media='all' /> <link rel='stylesheet' id='surecart-slide-out-cart-style-4-css' href='https://www.francescopepe.com/wp-content/plugins/surecart/packages/blocks-next/build/blocks/cart/style-index.css?ver=1.0.0' media='all' /> <link rel='stylesheet' id='surecart-theme-base-css' href='https://www.francescopepe.com/wp-content/plugins/surecart/packages/blocks-next/build/styles/theme-base.css?ver=1734537295' media='all' /> <style id='surecart-theme-base-inline-css'> @-webkit-keyframes sheen{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes sheen{0%{background-position:200% 0}to{background-position:-200% 0}}sc-form{display:block}sc-form>:not(:last-child){margin-bottom:var(--sc-form-row-spacing,.75em)}sc-form>:not(:last-child).wp-block-spacer{margin-bottom:0}sc-invoice-details:not(.hydrated),sc-invoice-details:not(:defined){display:none}sc-customer-email:not(.hydrated),sc-customer-email:not(:defined),sc-customer-name:not(.hydrated),sc-customer-name:not(:defined),sc-input:not(.hydrated),sc-input:not(:defined){-webkit-animation:sheen 3s ease-in-out infinite;animation:sheen 3s ease-in-out infinite;background:-webkit-gradient(linear,right top,left top,from(rgba(75,85,99,.2)),color-stop(rgba(75,85,99,.1)),color-stop(rgba(75,85,99,.1)),to(rgba(75,85,99,.2)));background:linear-gradient(270deg,rgba(75,85,99,.2),rgba(75,85,99,.1),rgba(75,85,99,.1),rgba(75,85,99,.2));background-size:400% 100%;border-radius:var(--sc-input-border-radius-medium);display:block;height:var(--sc-input-height-medium)}sc-button:not(.hydrated),sc-button:not(:defined),sc-order-submit:not(.hydrated),sc-order-submit:not(:defined){-webkit-animation:sheen 3s ease-in-out infinite;animation:sheen 3s ease-in-out infinite;background:-webkit-gradient(linear,right top,left top,from(rgba(75,85,99,.2)),color-stop(rgba(75,85,99,.1)),color-stop(rgba(75,85,99,.1)),to(rgba(75,85,99,.2)));background:linear-gradient(270deg,rgba(75,85,99,.2),rgba(75,85,99,.1),rgba(75,85,99,.1),rgba(75,85,99,.2));background-size:400% 100%;border-radius:var(--sc-input-border-radius-medium);color:rgba(0,0,0,0);display:block;height:var(--sc-input-height-large);text-align:center;width:auto}sc-order-summary:not(.hydrated),sc-order-summary:not(:defined){-webkit-animation:sheen 3s ease-in-out infinite;animation:sheen 3s ease-in-out infinite;background:-webkit-gradient(linear,right top,left top,from(rgba(75,85,99,.2)),color-stop(rgba(75,85,99,.1)),color-stop(rgba(75,85,99,.1)),to(rgba(75,85,99,.2)));background:linear-gradient(270deg,rgba(75,85,99,.2),rgba(75,85,99,.1),rgba(75,85,99,.1),rgba(75,85,99,.2));background-size:400% 100%;border-radius:var(--sc-input-border-radius-medium);color:rgba(0,0,0,0);display:block;height:var(--sc-input-height-large);text-align:center;width:auto}sc-tab-group:not(.hydrated),sc-tab-group:not(:defined),sc-tab:not(.hydrated),sc-tab:not(:defined){visibility:hidden}sc-column:not(.hydrated),sc-column:not(:defined){opacity:0;visibility:hidden}sc-columns{-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap!important;flex-wrap:wrap!important;gap:var(--sc-column-spacing,var(--sc-spacing-xxxx-large));margin-left:auto;margin-right:auto;width:100%;-webkit-box-align:initial!important;-ms-flex-align:initial!important;align-items:normal!important}@media(min-width:782px){sc-columns{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}}sc-columns.are-vertically-aligned-top{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}sc-columns.are-vertically-aligned-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}sc-columns.are-vertically-aligned-bottom{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}@media(max-width:781px){sc-columns:not(.is-not-stacked-on-mobile).is-full-height>sc-column{padding:30px!important}sc-columns:not(.is-not-stacked-on-mobile)>sc-column{-ms-flex-preferred-size:100%!important;flex-basis:100%!important}}@media(min-width:782px){sc-columns:not(.is-not-stacked-on-mobile)>sc-column{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}sc-columns:not(.is-not-stacked-on-mobile)>sc-column[style*=flex-basis]{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0}}sc-columns.is-not-stacked-on-mobile{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}sc-columns.is-not-stacked-on-mobile>sc-column{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}sc-columns.is-not-stacked-on-mobile>sc-column[style*=flex-basis]{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0}sc-column{display:block;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;min-width:0;overflow-wrap:break-word;word-break:break-word}sc-column.is-vertically-aligned-top{-ms-flex-item-align:start;align-self:flex-start}sc-column.is-vertically-aligned-center{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}sc-column.is-vertically-aligned-bottom{-ms-flex-item-align:end;align-self:flex-end}sc-column.is-vertically-aligned-bottom,sc-column.is-vertically-aligned-center,sc-column.is-vertically-aligned-top{width:100%}@media(min-width:782px){sc-column.is-sticky{position:sticky!important;-ms-flex-item-align:start;align-self:flex-start;top:0}}sc-column>:not(.wp-block-spacer):not(:last-child):not(.is-empty):not(style){margin-bottom:var(--sc-form-row-spacing,.75em)}sc-column>:not(.wp-block-spacer):not(:last-child):not(.is-empty):not(style):not(.is-layout-flex){display:block}.hydrated{visibility:inherit} :root {--sc-color-primary-500: #1e40af;--sc-focus-ring-color-primary: #1e40af;--sc-input-border-color-focus: #1e40af;--sc-color-gray-900: #000;--sc-color-primary-text: #ffffff;} </style> <link rel='stylesheet' id='surecart-cart-icon-style-css' href='https://www.francescopepe.com/wp-content/plugins/surecart/packages/blocks-next/build/blocks/cart-icon/style-index.css?ver=1.0.0' media='all' /> <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/9000.0.1/prism.min.js?ver=1.0.0" id="prism-js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/9000.0.1/components/prism-markup.min.js?ver=1.0.0" id="prism-lang-js"></script> <script src="https://www.francescopepe.com/wp-includes/js/comment-reply.min.js?ver=6.7.1" id="comment-reply-js" async data-wp-strategy="async"></script> <script id="trp-dynamic-translator-js-extra"> var trp_data = {"trp_custom_ajax_url":"https:\/\/www.francescopepe.com\/wp-content\/plugins\/translatepress-multilingual\/includes\/trp-ajax.php","trp_wp_ajax_url":"https:\/\/www.francescopepe.com\/wp-admin\/admin-ajax.php","trp_language_to_query":"es_ES","trp_original_language":"it_IT","trp_current_language":"es_ES","trp_skip_selectors":["[data-no-translation]","[data-no-dynamic-translation]","[data-trp-translate-id-innertext]","script","style","head","trp-span","translate-press","[data-trp-translate-id]","[data-trpgettextoriginal]","[data-trp-post-slug]"],"trp_base_selectors":["data-trp-translate-id","data-trpgettextoriginal","data-trp-post-slug"],"trp_attributes_selectors":{"text":{"accessor":"outertext","attribute":false},"block":{"accessor":"innertext","attribute":false},"image_src":{"selector":"img[src]","accessor":"src","attribute":true},"submit":{"selector":"input[type='submit'],input[type='button'], input[type='reset']","accessor":"value","attribute":true},"placeholder":{"selector":"input[placeholder],textarea[placeholder]","accessor":"placeholder","attribute":true},"title":{"selector":"[title]","accessor":"title","attribute":true},"a_href":{"selector":"a[href]","accessor":"href","attribute":true},"button":{"accessor":"outertext","attribute":false},"option":{"accessor":"innertext","attribute":false},"aria_label":{"selector":"[aria-label]","accessor":"aria-label","attribute":true},"image_alt":{"selector":"img[alt]","accessor":"alt","attribute":true},"meta_desc":{"selector":"meta[name=\"description\"],meta[property=\"og:title\"],meta[property=\"og:description\"],meta[property=\"og:site_name\"],meta[property=\"og:image:alt\"],meta[name=\"twitter:title\"],meta[name=\"twitter:description\"],meta[name=\"twitter:image:alt\"],meta[name=\"DC.Title\"],meta[name=\"DC.Description\"],meta[property=\"article:section\"],meta[property=\"article:tag\"]","accessor":"content","attribute":true},"page_title":{"selector":"title","accessor":"innertext","attribute":false},"meta_desc_img":{"selector":"meta[property=\"og:image\"],meta[property=\"og:image:secure_url\"],meta[name=\"twitter:image\"]","accessor":"content","attribute":true}},"trp_attributes_accessors":["outertext","innertext","src","value","placeholder","title","href","aria-label","alt","content"],"gettranslationsnonceregular":"0fac273c2f","showdynamiccontentbeforetranslation":"","skip_strings_from_dynamic_translation":[],"skip_strings_from_dynamic_translation_for_substrings":{"href":["amazon-adsystem","googleads","g.doubleclick"]},"duplicate_detections_allowed":"100","trp_translate_numerals_opt":"no","trp_no_auto_translation_selectors":["[data-no-auto-translation]",".wp-block-code"]}; </script> <script src="https://www.francescopepe.com/wp-content/plugins/translatepress-multilingual/assets/js/trp-translate-dom-changes.js?ver=2.9.3" id="trp-dynamic-translator-js"></script> <script id="wp-block-template-skip-link-js-after"> ( function() { var skipLinkTarget = document.querySelector( 'main' ), sibling, skipLinkTargetID, skipLink; // Early exit if a skip-link target can't be located. if ( ! skipLinkTarget ) { return; } /* * Get the site wrapper. * The skip-link will be injected in the beginning of it. */ sibling = document.querySelector( '.wp-site-blocks' ); // Early exit if the root element was not found. if ( ! sibling ) { return; } // Get the skip-link target's ID, and generate one if it doesn't exist. skipLinkTargetID = skipLinkTarget.id; if ( ! skipLinkTargetID ) { skipLinkTargetID = 'wp--skip-link--target'; skipLinkTarget.id = skipLinkTargetID; } // Create the skip link. skipLink = document.createElement( 'a' ); skipLink.classList.add( 'skip-link', 'screen-reader-text' ); skipLink.href = '#' + skipLinkTargetID; skipLink.innerHTML = 'Saltar al contenido'; // Inject the skip link. sibling.parentElement.insertBefore( skipLink, sibling ); }() ); </script> <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/9000.0.1/plugins/line-numbers/prism-line-numbers.min.js?ver=1.0.0" id="prism-line-numbers-js"></script> <script src="https://www.francescopepe.com/wp-content/plugins/google-site-kit/dist/assets/js/googlesitekit-consent-mode-3d6495dceaebc28bcca3.js" id="googlesitekit-consent-mode-js"></script> <script id="wp-consent-api-js-extra"> var consent_api = {"consent_type":"optin","waitfor_consent_hook":"","cookie_expiration":"30","cookie_prefix":"wp_consent"}; </script> <script src="https://www.francescopepe.com/wp-content/plugins/wp-consent-api/assets/js/wp-consent-api.min.js?ver=1.0.8" id="wp-consent-api-js"></script> <script id="cmplz-cookiebanner-js-extra"> var complianz = {"prefix":"cmplz_","user_banner_id":"1","set_cookies":[],"block_ajax_content":"","banner_version":"20","version":"7.1.5","store_consent":"","do_not_track_enabled":"","consenttype":"optin","region":"eu","geoip":"","dismiss_timeout":"","disable_cookiebanner":"","soft_cookiewall":"","dismiss_on_scroll":"","cookie_expiry":"365","url":"https:\/\/www.francescopepe.com\/es\/wp-json\/complianz\/v1\/","locale":"lang=es&locale=es_ES","set_cookies_on_root":"","cookie_domain":"","current_policy_id":"30","cookie_path":"\/","categories":{"statistics":"estad\u00edsticas","marketing":"m\u00e1rketing"},"tcf_active":"","placeholdertext":"Haz clic para aceptar cookies de marketing y permitir este contenido","css_file":"https:\/\/www.francescopepe.com\/wp-content\/uploads\/complianz\/css\/banner-{banner_id}-{type}.css?v=20","page_links":{"eu":{"cookie-statement":{"title":"Cookie Policy ","url":"https:\/\/www.francescopepe.com\/es\/politica-de-cookies-de-la-ue\/"},"privacy-statement":{"title":"Privacy Policy","url":"https:\/\/www.francescopepe.com\/es\/politica-de-privacidad\/"}}},"tm_categories":"","forceEnableStats":"","preview":"","clean_cookies":"","aria_label":"Haz clic para aceptar cookies de marketing y permitir este contenido"}; </script> <script defer src="https://www.francescopepe.com/wp-content/plugins/complianz-gdpr/cookiebanner/js/complianz.min.js?ver=1731639323" id="cmplz-cookiebanner-js"></script> <script src="https://www.francescopepe.com/wp-includes/js/dist/vendor/wp-polyfill.min.js?ver=3.15.0" id="wp-polyfill-js"></script> <script src="https://www.francescopepe.com/wp-content/plugins/gutenberg/build/url/index.min.js?ver=499ac283dc628dfb623e" id="wp-url-js" data-wp-strategy="defer"></script> <script src="https://www.francescopepe.com/wp-content/plugins/gutenberg/build/hooks/index.min.js?ver=84e753e2b66eb7028d38" id="wp-hooks-js"></script> <script src="https://www.francescopepe.com/wp-content/plugins/gutenberg/build/i18n/index.min.js?ver=bd5a2533e717a1043151" id="wp-i18n-js" data-wp-strategy="defer"></script> <script id="wp-i18n-js-after"> wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } ); </script> <script id="wp-api-fetch-js-translations"> ( function( domain, translations ) { var localeData = translations.locale_data[ domain ] || translations.locale_data.messages; localeData[""].domain = domain; wp.i18n.setLocaleData( localeData, domain ); } )( "default", {"translation-revision-date":"2024-12-18 19:10:59+0000","generator":"GlotPress\/4.0.1","domain":"messages","locale_data":{"messages":{"":{"domain":"messages","plural-forms":"nplurals=2; plural=n != 1;","lang":"es"},"You are probably offline.":["Probablemente est\u00e1s fuera de l\u00ednea."],"Media upload failed. If this is a photo or a large image, please scale it down and try again.":["La subida de medios ha fallado. Si esto es una foto o una imagen grande, por favor, reduce su tama\u00f1o e int\u00e9ntalo de nuevo."],"The response is not a valid JSON response.":["Las respuesta no es una respuesta JSON v\u00e1lida."],"An unknown error occurred.":["Ha ocurrido un error desconocido."]}},"comment":{"reference":"build\/api-fetch\/index.js"}} ); </script> <script src="https://www.francescopepe.com/wp-content/plugins/gutenberg/build/api-fetch/index.min.js?ver=8d98f77b6b8fafcd9cee" id="wp-api-fetch-js" data-wp-strategy="defer"></script> <script id="wp-api-fetch-js-after"> wp.apiFetch.use( wp.apiFetch.createRootURLMiddleware( "https://www.francescopepe.com/es/wp-json/" ) ); wp.apiFetch.nonceMiddleware = wp.apiFetch.createNonceMiddleware( "bd1d617166" ); wp.apiFetch.use( wp.apiFetch.nonceMiddleware ); wp.apiFetch.use( wp.apiFetch.mediaUploadMiddleware ); wp.apiFetch.nonceEndpoint = "https://www.francescopepe.com/wp-admin/admin-ajax.php?action=rest-nonce"; </script> <script src="https://www.francescopepe.com/wp-content/plugins/gutenberg/build/dom-ready/index.min.js?ver=222ad38e3e5e302c8bbf" id="wp-dom-ready-js"></script> <script id="wp-a11y-js-translations"> ( function( domain, translations ) { var localeData = translations.locale_data[ domain ] || translations.locale_data.messages; localeData[""].domain = domain; wp.i18n.setLocaleData( localeData, domain ); } )( "default", {"translation-revision-date":"2024-12-18 19:10:59+0000","generator":"GlotPress\/4.0.1","domain":"messages","locale_data":{"messages":{"":{"domain":"messages","plural-forms":"nplurals=2; plural=n != 1;","lang":"es"},"Notifications":["Avisos"]}},"comment":{"reference":"build\/a11y\/index.js"}} ); </script> <script src="https://www.francescopepe.com/wp-content/plugins/gutenberg/build/a11y/index.min.js?ver=d413713617218893642b" id="wp-a11y-js" defer data-wp-strategy="defer"></script> </body> </html>