/*
Theme Name: Floraïa Web 2
Template: floret-lite
Theme URI: https://gracethemes.com/themes/free-florist-wordpress-theme/
Author: Grace Themes
Author URI: https://gracethemes.com/
Description: Floret Lite is a free florist WordPress theme and comes with a minimal and sleek representation. This theme is budget-friendly and can fit the needs of those people who want to start a website associated with flowers, florists, gifts, decoration and light services, online floral stores, and others. This theme is specially designed for flower shop owners, flower shop products, flower suppliers, online floral delivery services, eCommerce stores, gifts stores, subscription service providers, and a lot more. Being a free theme, this Floret Lite template can prove to be a perfect choice for you because it presents you with a powerful and array of features. In the first place, it is user-friendly, and secondly, it comes with tons of simplified functionalities and features. For developing a minimalistic site, this free florist WordPress theme can prove to be highly supportive of your long-term goal. This multipurpose theme enables you to make an excellent online presence in the least amount of time. The stylish outlook of this theme is perfect and allows you to create a rock-solid web presence pretty fast, and the best thing is that you will not need any assistance from an expert developer. Demo: http://www.gracethemesdemo.com/floret/
Version: 1.1
License: GNU General Public License version 2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: floret-lite
Requires PHP:  5.6
Tested up to: 6.0
Tags:blog,two-columns,right-sidebar,full-width-template,custom-colors,custom-menu,custom-header,custom-logo,featured-images,editor-style,custom-background,threaded-comments,
theme-options, translation-ready
Floret Lite WordPress Theme has been created by Grace Themes(gracethemes.com), 2022.
Floret Lite WordPress Theme is released under the terms of GNU GPL
*/
@import url("../floret-lite/style.css");

:root {
    --primary: #162a46;
    --secondary: #7ba3d6;
    --accent: #ed6751;
    --light: #F8F9FA;
    --dark: #212529;
    --gray: #6C757D;
    --white: #ffffff;
}

body{
	font-size:16px;
	line-height:26px;
	font-family:'Poppins', sans-serif;	
	background-color:#ffffff;	
	color:#555555;
	-ms-word-wrap:break-word; 
	word-wrap:break-word;
}

h1.entry-title{ 
    display: none;
	font-size:40px;	
	font-weight:400;
	margin-top: 90px;
	margin-bottom:35px;
	text-align: center;
}

body.page-id-2321 h1.entry-title {
    display: block;
    line-height:1.1;
    margin-bottom:5px;
    font-weight:600;
    color:#7ba3d6;
}

body.page-id-2323 h1.entry-title {
    display: block;
    line-height:1.1;
    margin-bottom:5px;
    font-weight:600;
    color:#7ba3d6;
}

a{ 
	text-decoration:none;
	color:#ed6751;
}

.custom-logo {
    max-width: 200px;
    height: auto;
}

.HeadFix{ 
	background-color:#162a46; 
	padding:0;
    border-radius:0px;  
	box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
}

.container{ 
	position:relative;
	width: 100%;
	margin:0 auto;
}

.site-header  { 
	position: fixed;
	width:100%;
	z-index:999;
	top:0px;
}

.site-header.innerpage_header{ 
	position:fixed;
	top:0;
} 

.LayoutContent-70 a{ 
	font-weight:bold;
	text-decoration:none;
}

.SitePageStyle-2{
	padding: 58px 0 0 0;
}


.wpcf7-acceptance .wpcf7-list-item-label {
    font-size: 12px;  /* Ajusta este valor según necesites */
    line-height: 1.4; /* Para mejor legibilidad */
}

button.dropdown-toggle {  
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    background-color: transparent;
    color: #ed6751;
    border: none;
    width: 45px;
    height: 45px;
    line-height: 50px;
	padding: 0;
}


@media screen and (min-width: 1024px) {

    .site-navigation {
        padding: 32px 0;
        width: auto;
    }

}

#tabber-BX{ 
	padding:0px 0;
}

#tabber-BX p{ 
	margin-bottom:0px;
}



@media screen and (max-width: 1023px) {
.site-navigation ul.nav-menu {
    margin-right: 0;
    background-color: #162a46;
    margin-top: 25px;
    border-top: 1px solid rgba(0, 0, 0, 0.10);
}
}

/* Estilos base del footer */
.footer {
    background: var(--secondary);
    color: white;
    padding: 3rem 1.5rem 2rem;
}

/* Grid principal */
.footer-grid {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 2rem;
}

/* Estilos de íconos */
.footer-icon img {
    width: 40px;
    height: 40px;
    transition: transform 0.3s ease;
}

.footer-icon a:hover img {
    transform: scale(1.1);
}

.footer-top-icon {
    text-align: center;
}

.footer-social {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
}

/* Estilos de secciones */
.footer-section h3 {
    color: white;
    font-size: 18px;
    margin-bottom: 1rem;
}

.footer-menu {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-menu li {
    margin-bottom: 0.5rem;
}

/* Enlaces */
.footer-link {
    color: white;
    text-decoration: none;
    font-size: 14px;
    transition: opacity 0.3s ease;
}

.footer-link:hover {
    opacity: 0.8;
}

/* Footer legal */
.footer-legal {
    margin-top: 2.5rem;
    text-align: center;
    font-size: 12px;
    padding-top: 1.5rem;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.footer-copyright {
    margin: 0;
}

/* Responsive - Pantallas grandes */
@media screen and (max-width: 1200px) {
    .footer-grid {
        grid-template-columns: repeat(4, 1fr);
        gap: 2rem 1.5rem;
    }

    .footer-top-icon {
        grid-column: 1;
    }

    .footer-social {
        grid-column: 4;
        justify-content: flex-end;
    }
}

/* Responsive - Tablets */
@media screen and (max-width: 768px) {
    .footer-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 2rem;
    }

    .footer-top-icon {
        grid-column: 1;
    }

    .footer-social {
        grid-column: 2;
        justify-content: flex-end;
    }

    .footer-section h3 {
        font-size: 16px;
    }
}

/* Responsive - Móviles */
@media screen and (max-width: 480px) {
    .footer {
        padding: 2rem 1rem;
    }

    .footer-grid {
        grid-template-columns: 1fr;
        text-align: center;
        gap: 1.5rem;
    }

    .footer-top-icon,
    .footer-social {
        grid-column: auto;
    }

    .footer-social {
        justify-content: center;
    }

    .footer-menu {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .footer-section h3 {
        font-size: 15px;
    }

    .footer-legal {
        margin-top: 2rem;
        font-size: 11px;
        line-height: 1.5;
    }
}

/* Ajuste adicional para pantallas muy pequeñas */
@media screen and (max-width: 320px) {
    .footer {
        padding: 1.5rem 0.8rem;
    }

    .footer-link {
        font-size: 13px;
    }
}