/*
Theme Name: Flores
Author: Flores continental
Author URI: https://www.florescfc.com/
Description: Tema personalizado para Flores continental
Version: 1.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: flores
Tags: custom-theme, full-site-editing
*/

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url('/assets/fonts/inter/Inter-VariableFont_opsz,wght.woff2') format('woff2');
}

body {
	font-family: 'Inter';
}

a {
	text-decoration-thickness: 1px !important;
	text-underline-offset: .1em;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

:where(.wp-site-blocks *:focus) {
	outline-width: 2px;
	outline-style: solid;
}

.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
	margin-bottom: 3px;
}

.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
	outline-offset: 4px;
}

.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	outline-offset: 0;
}

h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p {
	text-wrap: pretty;
}

.more-link {
	display: block;
}


/* Custom */

:root {
	--wp--preset--shadow--deep: 12px 12px 50px rgba(50, 50, 93, 0.25);
}

main, footer {
	margin-top: 0 !important;
}

a {
	outline: none;
}

.w-100,
.w-100 img {
	width: 100%;
}

@media (max-width: 781px) {
	.d-md-none {
		display: none;
	}
}

header {
    position: sticky;
    top: 0;
    width: 100%;
    height: auto;
    z-index: 100;
    background-color: #fff;
    transition: top .5s ease-in-out;
}

.home header {
	background: linear-gradient(270deg, rgb(13, 32, 72) 0%, rgb(0, 59, 172) 100%);
	color: #fff;
}

.home header > .wp-block-group {
	border: 0 !important;
}

main > .wp-block-group {
	padding-top: 0 !important;
}

@media (min-width: 600px) {
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: block !important;
    }
}

@media (min-width: 600px) {
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        background-color: inherit;
        display: none !important;
        position: relative;
        width: 100%;
        z-index: auto;
    }
}

@media (min-width: 1024px) {
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: none !important;
    }

	.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: block !important;
    }
}

@media (max-width: 1024px) {
	.menu-header {
		order: 1;
		margin-left: 12px !important;
	}

	.lenguaje {
		padding-left: 0 !important;
		order: -1;
		margin-right: 8px !important;
	}

	.lenguaje .widget.widget_polylang {
		margin-right: 0;
	}
}

/* Yoast SEO */

.yoast-breadcrumbs > span {
	font-size: 14px;
	text-transform: uppercase;
}

.yoast-breadcrumbs > span > span {
	font-size: 12px;
	font-weight: 300;
}

.yoast-breadcrumbs > span > span:first-of-type {
	margin-right: 0.5rem;
}

.yoast-breadcrumbs > span > span:nth-child(2) {
	margin-left: 0.5rem;
}

.yoast-breadcrumbs a {
	text-decoration: none;
	color: rgba(256, 256, 256, 0.60);
}


/* Paginación */

.page-numbers {
	width: 36px;
    height: 36px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}

.page-numbers.current,
.wp-block-query-pagination-next,
.wp-block-query-pagination-previous {
	background-color: #2677EA;
	color: #fff;
	border-radius: 4px;
}

.wp-block-query-pagination-next,
.wp-block-query-pagination-previous {
	padding: 8px 12px;
}

.wp-block-query-pagination-next-arrow,
.wp-block-query-pagination-previous-arrow {
	display: none !important;
}

.wp-block-query-pagination-next::after,
.wp-block-query-pagination-previous::before {
	display: inline-block;
    font-size: 16px;
	line-height: normal;
	font-weight: 700;
}

.wp-block-query-pagination-next::after {
	content: '›';
    margin-left: 10px;
}

.wp-block-query-pagination-previous::before {
	content: '‹';
    margin-right: 10px;
}

.wp-block-query-pagination {
	display: grid !important;
	grid-template-columns: repeat(3, 1fr);
}

.wp-block-query-pagination-previous {
	grid-column: 1;
}

.wp-block-query-pagination-numbers {
	grid-column: 2;
	display: flex;
    justify-content: center;
}

.wp-block-query-pagination-next {
	grid-column: 3;
}


/*  */

@media (max-width: 600px) {
	.widget.widget_polylang {
		margin-right: 2rem;
    	order: -1;
	}
}

@media (max-width: 781px) {
	.headband {
		padding: 2rem !important;
	}

    .cta-footer {
      padding: 3rem 2rem !important;
    }

    .cta-footer .wp-block-buttons {
      justify-content: flex-start;
    }

	.wp-block-query-pagination-next::before {
        content: none !important;
    }

    .wp-block-query-pagination-previous::after {
		content: none !important;
    }

	.wp-block-query-pagination-previous::before {
		margin-right: 0;
	}

	.wp-block-query-pagination-next::after {
		margin-left: 0;
	}
}

/* Multi idioma */

.pll-switcher-select {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background-color: transparent;
    border: 1px solid #D9DFE9;
	border-radius: 20px;
	color: #1D1D1F;
    font-size: 13px;
    text-transform: uppercase;
	padding: 8px 32px;
	cursor: pointer;
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 2C6.486 2 2 6.486 2 12s4.486 10 10 10 10-4.486 10-10S17.514 2 12 2zm7.931 9h-2.764a14.67 14.67 0 0 0-1.792-6.243A8.013 8.013 0 0 1 19.931 11zM12.53 4.027c1.035 1.364 2.427 3.78 2.627 6.973H9.03c.139-2.596.994-5.028 2.451-6.974.172-.01.344-.026.519-.026.179 0 .354.016.53.027zm-3.842.7C7.704 6.618 7.136 8.762 7.03 11H4.069a8.013 8.013 0 0 1 4.619-6.273zM4.069 13h2.974c.136 2.379.665 4.478 1.556 6.23A8.01 8.01 0 0 1 4.069 13zm7.381 6.973C10.049 18.275 9.222 15.896 9.041 13h6.113c-.208 2.773-1.117 5.196-2.603 6.972-.182.012-.364.028-.551.028-.186 0-.367-.016-.55-.027zm4.011-.772c.955-1.794 1.538-3.901 1.691-6.201h2.778a8.005 8.005 0 0 1-4.469 6.201z"/></svg>'),
					  url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M16.293 9.293 12 13.586 7.707 9.293l-1.414 1.414L12 16.414l5.707-5.707z"></path></svg>');
	background-repeat: no-repeat;
	background-position: 0.7rem center, calc(100% - 0.7rem) center;
	background-size: 1rem, 1rem;
	outline: none;
}

.home .pll-switcher-select {
	color: white;
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="white" width="24" height="24" viewBox="0 0 24 24"><path d="M12 2C6.486 2 2 6.486 2 12s4.486 10 10 10 10-4.486 10-10S17.514 2 12 2zm7.931 9h-2.764a14.67 14.67 0 0 0-1.792-6.243A8.013 8.013 0 0 1 19.931 11zM12.53 4.027c1.035 1.364 2.427 3.78 2.627 6.973H9.03c.139-2.596.994-5.028 2.451-6.974.172-.01.344-.026.519-.026.179 0 .354.016.53.027zm-3.842.7C7.704 6.618 7.136 8.762 7.03 11H4.069a8.013 8.013 0 0 1 4.619-6.273zM4.069 13h2.974c.136 2.379.665 4.478 1.556 6.23A8.01 8.01 0 0 1 4.069 13zm7.381 6.973C10.049 18.275 9.222 15.896 9.041 13h6.113c-.208 2.773-1.117 5.196-2.603 6.972-.182.012-.364.028-.551.028-.186 0-.367-.016-.55-.027zm4.011-.772c.955-1.794 1.538-3.901 1.691-6.201h2.778a8.005 8.005 0 0 1-4.469 6.201z"/></svg>'),
    url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="white" width="24" height="24" viewBox="0 0 24 24"><path d="M16.293 9.293 12 13.586 7.707 9.293l-1.414 1.414L12 16.414l5.707-5.707z"></path></svg>');
}

.pll-switcher-select::-ms-expand {
	display: none;
}

.home .pll-switcher-select option {
	color: black;
}


/* Contact Form 7 */

.wpcf7-form p {
	margin-top: 24px;
	margin-bottom: 24px;
}

.wpcf7-form-control-wrap {
	display: block;
}

.wpcf7-form-control {
	padding: 16px 20px;
    border-radius: 8px;
    outline: none;
    border: 1px solid rgba(0, 0, 0, 0.5);
    box-sizing: border-box;
}

.wpcf7-form-control,
.wpcf7-form-control::placeholder {
	color: rgba(0, 0, 0, 0.75);
	font-family: 'Inter';
	font-size: 13px;
}

.btn-enviar {
	background-color: #1E61D7;
	color: #fff;
	padding: 13px 20px;
        border: none;
}

.two-input p {
	display: flex;
	gap: 1rem;
}

.two-input .wpcf7-form-control-wrap:nth-child(2) {
	width: 100%;
}

.select-tel {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background: #ffffff url(https://www.florescfc.com/wp-content/uploads/2025/03/icon-chevron-down.png) right 15px center no-repeat;
    background-size: 16px;
}

.testimonios .wp-block-getwid-content-slider .slick-next,
.testimonios .wp-block-getwid-content-slider .slick-prev {
    background-color: rgba(38, 119, 234, 0.15);
}


/* Noticias Categorias */

.wp-block-categories-list.wp-block-categories {
	list-style: none;
	padding: 0;
	display: flex;
	gap: 1rem;
}

.wp-block-categories-list .cat-item a {
	display: inline-block;
	color: #0059FF;
	border: 1px solid #0059FF;
    border-radius: 1rem;
    padding: var(--wp--preset--spacing--30) 14px;
	font-size: 14px;
}

.wp-block-categories-list .cat-item.current-cat a {
	color: white;
    background-color: #0059FF;
}

.menu-categorias .btn-english {
	display: none;
}

html[lang="en-US"] .menu-categorias .btn-english {
	display: block;
}

html[lang="en-US"] .menu-categorias .btn-espanol {
	display: none;
}


/* Footer */

@media (max-width: 1023px) {
    .footer .nav.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
        flex-basis: 100% !important;
    }
}

@media (min-width: 1024px) {
	.footer .nav.wp-block-columns {
        flex-wrap: nowrap !important;
    }

    .footer .nav.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
        flex-basis: 0;
        flex-grow: 1;
    }
}

@media (min-width: 782px) {
    .footer .nav.wp-block-columns {
        flex-wrap: wrap !important;
    }
}