/*
Theme Name: Tuilio Blog
Theme URI: https://tuilio.com
Author: Tuilio
Description: Tema de blog de Tuilio. Replica el diseño del sitio principal (CRM y Chat con IA) en WordPress.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: tuilio
*/

/* Estilos compartidos */
@keyframes rise { from { opacity: 0; transform: translateY(18px) } to { opacity: 1; transform: none } }
.rise { animation: rise .7s ease-out both; animation-delay: .15s }   /* única animación de entrada: mockup del hero */
@keyframes pulse-dot { 50% { opacity: .35 } }
.pulse-dot { animation: pulse-dot 2.4s ease-in-out infinite }
@media (prefers-reduced-motion: reduce) { .rise, .pulse-dot { animation: none } html { scroll-behavior: auto } }
:focus-visible { outline: 2px solid #4F6BFF; outline-offset: 2px }
dialog::backdrop { background: rgba(11,21,48,.7); backdrop-filter: blur(4px) }
section[id] { scroll-margin-top: 5rem }

/* ---------- Extras de WordPress ---------- */
.screen-reader-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; }
.screen-reader-text:focus { position: static; width: auto; height: auto; clip: auto; }
.alignleft { float: left; margin: 0 1.5rem 1rem 0 }
.alignright { float: right; margin: 0 0 1rem 1.5rem }
.aligncenter { display: block; margin-left: auto; margin-right: auto }
.wp-caption { max-width: 100% }
.wp-caption-text, figcaption.wp-element-caption { font-size: .875rem; color: #64748b; text-align: center; margin-top: .5rem }
.entry-content img { border-radius: .75rem; height: auto }
.entry-content .wp-block-image { margin: 2rem 0 }
.admin-bar .site-header { top: 32px }
@media (max-width: 782px) { .admin-bar .site-header { top: 46px } }

/* Paginación */
.nav-links { display: flex; flex-wrap: wrap; justify-content: center; gap: .5rem }
.page-numbers { padding: .5rem 1rem; border-radius: 9999px; background: #fff; box-shadow: 0 0 0 1px #cbd5e1; font-weight: 600; color: #0B1530; font-size: .875rem }
a.page-numbers:hover { box-shadow: 0 0 0 1px #0B1530 }
.page-numbers.current { background: #0B1530; color: #fff; box-shadow: none }
.page-numbers.dots { background: transparent; box-shadow: none }

/* Formulario de comentarios */
.comment-form label { display: block; margin-bottom: .25rem; font-size: .875rem; font-weight: 500; color: #0B1530 }
.comment-form input[type=text], .comment-form input[type=email], .comment-form input[type=url], .comment-form textarea { width: 100%; border: 1px solid #cbd5e1; border-radius: .5rem; padding: .6rem .75rem }
.comment-form p { margin-bottom: 1rem }
.comment-body { padding: 1rem 0; border-bottom: 1px solid #e2e8f0 }
.comment-meta { font-size: .875rem; color: #64748b }