/**
 * Theme Name:     Natural Studio Theme
 * Author:         Isa Fuentes
 * Template:       astra
 * Text Domain:	   natural-studio-theme
 * Description:    Natural Studio Theme es un tema creado como portfolio de bodas adaptado a las necesidades de Natural Studio Fotografía.
 * Author URI:     https://isafuentes.com/
 */

/* Titulo web */

@font-face {
    font-family: 'Natural Studio';
    src: url('/wp-content/uploads/2025/08/natural-studio-font.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.site-title a {
    font-family: 'Natural Studio', sans-serif !important;
	color: #fff;
}


/* CSS Portfolio */

.portfolio-filter {
    text-align: center;
    margin: 20px 0px;
}
.portfolio-filter button {
	background: none;
	color: #343434;
    padding: 10px 14px;
    margin: 0 4px 6px;
    cursor: pointer;
    font-size: 20px;
	font-weight: 400;
    transition: all 0.2s ease;
	border-radius: 0px;
	box-shadow: none;
}

.portfolio-filter button:hover,
.portfolio-filter button.active {
    background: none;
	border-bottom: solid 1px #343434;
}

.portfolio-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.portfolio-item {
    float: none;
    width: auto;
    margin: 0;
}

@media (max-width: 800px) {
    .portfolio-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 500px) {
    .portfolio-grid {
        grid-template-columns: 1fr;
    }
}

/* Imagen destacada: tamaño completo dentro del item, con altura mínima para evitar que se vean demasiado pequeñas */
.portfolio-thumb {
    width: 100%;
    height: 250px; /* altura fija para uniformidad */
    object-fit: cover; /* recorta la imagen para llenar el área */
    border-radius: 6px;
    display: block;
}

/* Título centrado y con margen superior */
.portfolio-title {
    margin-top: 10px;
    font-size: 20px;
    text-align: center;
    color: #111;
}