/*
Theme Name: Travel Master FSE
Theme URI: https://themepalace.com/downloads/travel-master-fse/
Template: themepalace-fse
Author: Themepalace
Author URI: https://themepalace.com/
Description: Travel Master FSE is a modern and fully customizable WordPress Full Site Editing (FSE) theme designed for travel agencies, tour operators, and travel bloggers. With the power of block-based design, this theme offers complete flexibility, allowing you to create stunning travel websites without any coding knowledge. Built for agencies specializing in day tours, vacation packages, adventure trips, and city explorations, Travel Master FSE provides seamless customization through the WordPress Site Editor. You can easily modify layouts, adjust colors, update typography, and personalize every aspect of your site in real time. With an intuitive drag-and-drop interface, responsive design, and optimized performance, Travel Master FSE ensures a smooth user experience across all devices. Whether you’re promoting guided tours, showcasing destinations, or managing bookings, this theme empowers you with a visually engaging and dynamic website.
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, blog, portfolio
Text Domain: travel-master-fse
Requires at least: 6.0
Requires PHP: 7.4
Tested up to: 6.8
Version: 1.0.1

License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/


/* === KAKEHASHI – HEADER ESTILO REDONDEADO === */

.custom-header {
    background: #d43c57 !important; /* color sólido */
    padding-left: 20px !important;
	padding-right: 20px !important;
}

/* Logo más ajustado */
.custom-header .wp-block-site-logo img {
    margin-left: 10px !important;
}



/* Animación hover en el logo hacia la izquierda */
.custom-header .wp-block-site-logo img {
    transition: transform 0.35s ease;
}

.custom-header .wp-block-site-logo img:hover {
    transform: translateY(-6px); /* mueve hacia la izquierda */
}

.wp-block-navigation__container > .wp-block-navigation-item > a {
    transition: transform 0.35s ease;
    display: inline-block; /* permite la animación */
}

.wp-block-navigation__container > .wp-block-navigation-item > a:hover {
    transform: translateY(-4px);
}

/* Submenú */
.wp-block-navigation-submenu .wp-block-navigation-item > a {
    transition: transform 0.35s ease;
    display: inline-block;
}

.wp-block-navigation-submenu .wp-block-navigation-item > a:hover {
    transform: translateY(-4px);
}



/* === KAKEHASHI – BANNER RESPONSIVE REAL === */

/* Quitar alto gigante impuesto por WP */
.custom-banner.wp-block-cover {
    min-height: 420px !important; /* altura del banner (ajústala) */
    height: 420px !important;
    aspect-ratio: unset !important;
    padding: 0 !important;
}

/* Imagen del banner (cover real) */
.custom-banner .wp-block-cover__image-background {
    object-fit: cover !important;
    object-position: center !important;
    height: 100% !important;
    width: 100% !important;
}

/* Oscurecer ligeramente para mejorar texto */
.custom-banner .wp-block-cover__background {
    background: rgba(0, 0, 0, 0.10) !important;
}

/* Centrar contenido */
.custom-banner .wp-block-cover__inner-container {
    position: relative;
    z-index: 2;
    max-width: 900px;
    margin: 0 auto;
    padding: 20px;
}

/***************************
    RESPONSIVE SETTINGS
****************************/

/* Tablets */
@media (max-width: 768px) {
    .custom-banner.wp-block-cover {
        height: 340px !important;
    }
    .custom-banner h1 {
        font-size: 32px !important;
    }
    .custom-banner p {
        font-size: 18px !important;
    }
}

/* Móviles */
@media (max-width: 480px) {
    .custom-banner.wp-block-cover {
        height: 300px !important;
    }
	.custom-banner .wp-block-cover__image-background {
    object-fit: cover !important;
    object-position: right !important;
    height: 100% !important;
    width: 100% !important;
}
    .custom-banner h1 {
        font-size: 24px !important;
    }
    .custom-banner p {
        font-size: 16px !important;
    }
    .custom-banner .wp-block-button__link {
        padding: 10px 16px !important;
    }
}
.entry-content.alignwide.wp-block-post-content.is-layout-flow.wp-block-post-content-is-layout-flow {

    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.bio-fondo {
    background-color: #6F3544 !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 20px !important;
}

.entry-content.alignwide.wp-block-post-content.is-layout-flow.wp-block-post-content-is-layout-flow > .wp-block-group.has-global-padding.is-layout-constrained.wp-container-core-group-is-layout-ad1af2a0.wp-block-group-is-layout-constrained > .wp-block-cover {
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
}


footer.wp-block-template-part {
    margin-block-start: 0px !important;
}

footer > .nfd-container.nfd-py-md.nfd-text-base.nfd-wb-footer__footer-4.is-style-nfd-theme-white.wp-block-group.alignfull.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained > .wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-28f84493.wp-block-columns-is-layout-flex {
    margin-top: 25px !important;
}


.libros{
	background: #775554;
    border-radius: 16px;
    max-width:100% !important;
    margin-right: 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
	padding: 20px;
	box-shadow: 
        -6px 6px 14px rgba(0, 0, 0, 0.25); /* left + bottom */

}

.amazon-btn img {
    transition: transform .2s ease, opacity .2s ease;
}

.libros figure img {
    transition: transform .2s ease, opacity .2s ease;
}

.libros figure:hover img {
    transform: scale(1.04);
    opacity: 0.9;
}

.amazon-btn-right{
	margin-right: 13% !important;
}
.amazon-btn:hover img {
    transform: scale(1.04);
    opacity: 0.9;
}


@media only screen and (max-width: 1024px) {
    html, body {
        width: 1024px !important;
        overflow-x: scroll !important;
    }
}