/*
Theme Name: Mi Tema Blanco Ultra Simple
Theme URI: http://tusitio.com
Author: Tu Nombre
Author URI: http://tusitio.com
Description: Un tema ultra simple para WordPress, solo el contenido.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mi-tema-blanco-ultra-simple
*/

/* Reset de estilo básico */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Aseguramos que el contenido no se desborde de la pantalla */
html, body {
    width: 100%;
    height: 100%;
    overflow-x: hidden; /* Evitar cualquier desplazamiento horizontal */
}

/* El body debe ocupar todo el ancho disponible y ser fluido */
body {
    font-family: Arial, sans-serif;
    background-color: transparent; /* Sin fondo */
    color: #333333;
    max-width: 100%; /* Garantizamos que no haya desbordamiento */
    overflow-x: hidden; /* Evitar desplazamiento horizontal */
}

/* Aseguramos que no haya bordes, márgenes ni espacio extra */
.container {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
}

/* Eliminar títulos, metadatos, fechas, etc. */
h1, h2, h3, h4, h5, h6 {
    display: none; /* Ocultar encabezados */
}

a {
    text-decoration: none;
    color: inherit; /* Hereda el color del texto */
}

.post {
    background-color: transparent; /* Sin fondo */
    padding: 0;
    margin: 0;
}

.post .content {
    font-size: 16px;
    line-height: 1.8;
    word-wrap: break-word; /* Evitar que las palabras largas se desborden */
    width: 100%;
    max-width: 100%;
}

/* Hacer que las imágenes sean responsivas */
.post .content img {
    width: 100%; /* Las imágenes ocuparán todo el ancho de su contenedor */
    height: auto; /* Mantener la proporción de la imagen */
    max-width: 100%; /* Evitar que las imágenes se salgan del contenedor */
    display: block; /* Eliminar los espacios debajo de la imagen */
}

/* Ocultamos pie de página, cabecera, etc. */
footer, header {
    display: none;
}

/* Hacer que sea responsivo en móviles */
@media screen and (max-width: 768px) {
    .post .content {
        font-size: 14px; /* Ajustamos el tamaño de texto en móviles */
        padding: 10px; /* Agregar padding para mejor visualización */
    }
}