/*!
Theme Name: Avicola Andina
Theme URI: http://feedlab.cl
Author: FeedLab
Author URI: https://feedlab.cl
Description: Sitio corporativo creado por FeedLab SPA para Avicola.
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: avicola
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Avicola is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

 @font-face {
    font-family: 'Gilroy';
    src: url('assets/fonts/Gilroy-Light.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('assets/fonts/Gilroy-ExtraBold.otf') format('opentype');
    font-weight: 800;
    font-style: normal;
}

html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
	color: #404040;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

p {
	margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", courier, monospace;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
	background: #fff;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

img {
	height: auto;
	max-width: 100%;
}

figure {
	margin: 1em 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/* Links
--------------------------------------------- */


/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	line-height: 1;
	padding: 0.6em 1em 0.4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* Navigation
--------------------------------------------- */
.main-navigation {
	display: block;
	width: 100%;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	display: block;
	left: auto;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation li {
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {

	.menu-toggle {
		display: none;
	}

	.main-navigation ul {
		display: flex;
	}
}

.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
	margin: 0;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
	display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: end;
	flex: 1 0 50%;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
	display: block;
}

.post,
.page {
	margin: 0;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/* Comments
--------------------------------------------- */
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
	margin: 0 0 1.5em;
}

.widget select {
	max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */
sta
/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}

/* AVICOLA STYLES GENERAL TRUE */
body {
    margin: 0;
    font-family: 'Gilroy', sans-serif;
}

.header {
    background-color: #263481;
    padding: 15px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.logo img {
    height: 74px;
}

/* Navigation Styles */
.nav {
    position: relative;
}

.menu{
	display: flex;
	justify-content: space-around;
	flex-direction: row;
	align-items: center;
}

.nav-menu {
    list-style: none;
    display: flex;
    gap: 20px;
    margin: 0;
    padding: 0;
    margin-left: 36rem;
}

.nav-menu li a {
    text-decoration: none;
    color: #fff;
    font-size: 15px;
    font-weight: 300;
}

.nav-menu li a.current {
    color: #FECF29;
}

/* Hamburger Menu */
.hamburger {
    display: none;
    background: none;
    border: none;
    color: #fff;
    font-size: 30px;
    cursor: pointer;
}

/* Responsive */
@media (max-width: 768px) {
    .nav-menu {
        display: none;
        flex-direction: column;
        background-color: #212b61;
        position: absolute;
        top: 60px;
        right: 0;
        width: 100%;
        padding: 20px;
    }

    .nav-menu li {
        margin: 10px 0;
    }

    .nav-menu.active {
        display: flex;
    }

    .hamburger {
        display: block;
    }
}


/* Banner Section */
.banner-section {
    position: relative;
    height: 800px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.banner-section::before {
    content: '';
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
        url('/wp-content/uploads/2025/05/DSC03469-scaled-1.png') center/cover no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.banner-content {
    text-align: center;
    color: #FFFFFF;
    z-index: 2;
}

.banner-content h1 {
    font-size: 48px;
    font-weight: 700;
    color: #FECF29;
    margin-bottom: 10px;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.7);
}

.banner-content h2 {
    font-size: 32px;
    font-weight: 300;
    color: #FFFFFF;
    margin-bottom: 30px;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.7);
}
/* Button Styles */
.btn-primary {
    padding: 10px 30px;
    background: #212b61;
    color: #FFFFFF;
    text-decoration: none;
    font-size: 18px;
    font-weight: 700;
    border: 3px solid #FED42B;
    border-radius: 31px;
    opacity: 1;
    transition: background 0.3s ease, color 0.3s ease;
}

.btn-primary:hover {
    background: #FED42B;
    color: #212b61;
}


/* Info Section */
.info-section {
    background-color: #FFFFFF;
    padding: 50px 20px;
    text-align: center;
    color: #212b61;
    font-family: 'Gilroy', sans-serif;
}

.info-heading {
    font-size: 24px;
    font-weight: 300;
    margin-bottom: 40px;
}

.info-heading .highlight {
    color: #FECF29;
    font-weight: 700;
}

/* Cards */
.cards {
    display: flex;
    justify-content: center;
    gap: 152px;
    margin-bottom: 50px;
}

.card {
    border: 2px solid #FECF29;
    border-radius: 10px;
    padding: 20px;
    width: 420px;
    text-align: center;
    background-color: #FFFFFF;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.card img {
    width: 146px;
    margin-bottom: 15px;
}

.card h3 {
    color: #212b61;
    font-size: 31px;
    font-weight: 700;
}

/* Stats */
.stats {
    display: flex;
    justify-content: center;
    gap: 111px;
    border-top: 2px solid #FECF29;
    padding-top: 30px;
    margin-top: 0px;
    flex-direction: row;
    align-items: center;
    max-width: 100%;
}


.stat {
    max-width: 382px;
}

.stat h3 {
    color: #FECF29;
    font-size: 55px;
    font-weight: 700;
    margin-bottom: 10px;
    text-shadow: -1px 2px 0px #0000006b;
}

.stat p {
    color: #212b61;
    font-size: 16px;
    font-weight: 300;
}
/* About Section */
.about-section {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #212b61;
    padding: 0;
}

.about-container {
	display: flex;
	width: 100%;
	max-width: 100%;
	flex-wrap: wrap;
}

.about-image {
    flex: 1;
    min-width: 50%;
}

.about-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.about-content {
    flex: 1;
    min-width: 50%;
    background-color: #212b61;
    color: #FFFFFF;
    padding: 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.about-content h2 {
    font-size: 36px;
    font-weight: 400;
    margin-bottom: 20px;
}

.about-content p {
    font-size: 18px;
    font-weight: 300;
    line-height: 1.5;
    margin-bottom: 30px;
}

/* Button */
.btn-about {
    display: inline-block;
    padding: 10px 30px;
    background: none;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 700;
    border: 2px solid #FED42B;
    border-radius: 31px;
    text-decoration: none;
    transition: background 0.3s ease, color 0.3s ease;
	max-width: 40%;
}

.btn-about:hover {
    background: #FED42B;
    color: #212b61;
}
/* Contact Section */
.contact-section {
    background-color: #FFFFFF;
    padding: 50px 20px;
    font-family: 'Gilroy', sans-serif;
    color: #212b61;
}

.contact-container {
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
}

.contact-heading {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 30px;
    color: #212b61;
}

/* Form Styles */
.contact-form {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.form-row {
    display: flex;
    gap: 20px;
}

.form-group {
    flex: 1;
    display: flex;
    flex-direction: column;
    text-align: left;
    font-weight: 700;
    color: #212b61;
}

.form-group input,
.form-group select,
.form-group textarea {
    border: none;
    border-bottom: 2px solid #212b61;
    padding: 10px;
    font-size: 16px;
    outline: none;
    background-color: transparent;
}

.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
    border-bottom: 2px solid #FECF29;
}

/* Button Styles */
.btn-submit {
    align-self: flex-start;
    padding: 10px 30px;
    background: #212b61;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 700;
    border: 2px solid #FED42B;
    border-radius: 31px;
    cursor: pointer;
    transition: background 0.3s ease, color 0.3s ease;
}

.btn-submit:hover {
    background: #FED42B;
    color: #212b61;
}

/* Responsive Design */
@media (max-width: 768px) {
    .form-row {
        flex-direction: column;
    }
}
/* Footer Styles */
.site-footer {
    background-color: #212b61;
    padding: 30px 20px;
    color: #FFFFFF;
    font-family: 'Gilroy', sans-serif;
}

.footer-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    max-width: 100%;
    margin: 0 auto;
	margin-left: 2rem;
	margin-right: 2rem;
}

/* Footer Navigation */
.footer-nav ul {
    list-style: none;
    padding: 0;
    display: flex;
	flex-direction: column;
    gap: 4px;
}

.footer-nav ul li a {
    text-decoration: none;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 400;
    transition: color 0.3s ease;
}

.footer-nav ul li a:hover,
.footer-nav ul li a.current {
    color: #FECF29;
}

/* Footer Logo */
.footer-logo img {
    height: 74px;
}

/* Footer Search */
.footer-search form {
    display: flex;
}

.footer-search input[type="search"] {
    padding: 8px 12px;
    font-size: 16px;
    border: none;
    border-radius: 20px;
    outline: none;
}

.footer-search input[type="search"]::placeholder {
    color: #999;
}

.footer-search input[type="submit"] {
    display: none;
}

/* Responsive Design */
@media (max-width: 768px) {
    .footer-container {
        flex-direction: column;
        gap: 20px;
    }

    .footer-nav ul {
        flex-direction: column;
        align-items: center;
    }
}


/* Genética Section */
.genetica-section {
    padding: 50px 20px;
    font-family: 'Gilroy', sans-serif;
    color: #0C1E7F;
    background-color: #FFFFFF;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    place-content: center;
}

/* Header */
.genetica-header {
    text-align: center;
    margin-bottom: 40px;
}

.genetica-header .icon img {
    width: 60px;
    margin-bottom: 20px;
}

.genetica-header h2 {
    font-size: 46px;
    font-weight: 800;
    margin-bottom: 20px;
}

.genetica-header p {
    font-size: 24px;
    font-weight: 300;
    margin-bottom: 20px;
    color: #0C1E7F;
}

.genetica-header hr {
    border: none;
    height: 2px;
    background-color: #FECF29;
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
}

/* Genética Options */
.genetica-option {
    display: flex;
    align-items: center;
    gap: 30px;
    margin-bottom: 50px;
}

.genetica-option img {
    width: 200px;
    height: auto;
    object-fit: contain;
}

.option-content {
    flex: 1;
}

.option-content h3 {
    font-size: 32px;
    font-weight: 800;
    margin-bottom: 10px;
    color: #0C1E7F;
}

.option-content p {
    font-size: 21px;
    font-weight: 300;
    margin-bottom: 20px;
    color: #0C1E7F;
}

/* Buttons */
.buttons {
    display: flex;
    gap: 15px;
}

.btn-primary {
    display: inline-block;
    padding: 10px 30px;
    background: #212b61;
    color: #FFFFFF;
    text-decoration: none;
    font-size: 16px;
    font-weight: 700;
    border: 3px solid #FED42B;
    border-radius: 31px;
    transition: background 0.3s ease, color 0.3s ease;
}

.btn-primary:hover {
    background: #FED42B;
    color: #212b61;
}

/* Responsive Design */
@media (max-width: 768px) {
    .genetica-option {
        flex-direction: column;
        text-align: center;
    }

    .genetica-option img {
        width: 150px;
    }

    .buttons {
        justify-content: center;
    }
}

/* Opciones de Venta Section */
.venta-section {
    padding: 50px 20px;
    font-family: 'Gilroy', sans-serif;
    color: #0C1E7F;
    background-color: #FFFFFF;
    text-align: center;
}

.venta-heading {
    font-size: 42px;
    font-weight: 800;
    margin-bottom: 40px;
}

/* Venta Cards */
.venta-cards {
    display: flex;
    justify-content: center;
    gap: 30px;
    flex-wrap: wrap;
}

.venta-card {
    background-color: #FFFFFF;
    border: 2px solid #FECF29;
    border-radius: 15px;
    padding: 30px;
    max-width: 426px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    text-align: center;
}

.venta-card img {
    width: 140px;
    margin-bottom: 20px;
}

.venta-card h3 {
    font-size: 29px;
    font-weight: 800;
    margin-bottom: 20px;
    color: #0C1E7F;
}

.venta-card h3 span {
    font-size: 16px;
    font-weight: 400;
    display: block;
    color: #666;
}

.venta-card p {
    font-size: 20px;
    font-weight: 300;
    color: #0C1E7F;
    margin-bottom: 15px;
}

.venta-card hr {
    border: none;
    height: 2px;
    background-color: #FECF29;
    margin: 10px 0;
}

.precio {
    font-size: 20px;
    font-weight: 400;
    color: #0C1E7F;
    margin-top: 20px;
}

.precio span {
    font-size: 34px;
    font-weight: 800;
    color: #0C1E7F;
}

/* Responsive Design */
@media (max-width: 768px) {
    .venta-cards {
        flex-direction: column;
        align-items: center;
    }
}
/* Beneficios Section */
.beneficios-section {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #212b61;
    color: #FFFFFF;
    padding: 50px 20px;
}

.container {
    display: flex;
    max-width: 1200px;
    width: 100%;
    gap: 30px;
    flex-wrap: wrap;
}

/* Contenido de Beneficios */
.beneficios-content {
    flex: 1;
    max-width: 50%;
	padding: 5rem;
}

.beneficios-content h2 {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 20px;
}

.beneficios-content p {
    font-size: 18px;
    font-weight: 300;
    line-height: 1.5;
    margin-bottom: 30px;
}

.btn-descargar {
    display: inline-block;
    padding: 10px 30px;
    border: 2px solid #FED42B;
    border-radius: 31px;
    color: #FFFFFF;
    text-decoration: none;
    font-weight: 700;
    transition: background 0.3s ease, color 0.3s ease;
}

.btn-descargar:hover {
    background: #FED42B;
    color: #0C1E7F;
}

/* Slider Styles */
.slider-container {
    flex: 1;
    max-width: 50%;
    position: relative;
    overflow: hidden;
}

.slider {
    display: flex;
    width: 300%;
    animation: slide 9s infinite;
}

.slide {
    width: 100%;
    flex-shrink: 0;
}

.slide img {
    width: auto;
    height: 100%;
    display: block;
}

/* Dots */
.slider-dots {
    position: absolute;
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 10px;
}

.dot {
    width: 10px;
    height: 10px;
    background-color: #FFFFFF;
    border-radius: 50%;
    opacity: 0.5;
}

.dot.active {
    opacity: 1;
}

/* Slider Animation */
@keyframes slide {
    0%, 33.33% { transform: translateX(0); }
    33.34%, 66.66% { transform: translateX(-100%); }
    66.67%, 100% { transform: translateX(-200%); }
}

/* Responsive Design */
@media (max-width: 768px) {
    .beneficios-section .container {
        flex-direction: column;
    }

    .beneficios-content,
    .slider-container {
        max-width: 100%;
    }
}

/* Renovación Section */
.renovacion-section {
    background: url('/wp-content/uploads/2024/12/gallinas-libres-productos.jpg') center/cover no-repeat;
    height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    text-align: center;
}

.renovacion-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3); /* Oscurece ligeramente el fondo */
    z-index: 1;
}

.renovacion-content {
    position: relative;
    z-index: 2;
    color: #FFFFFF;
    text-align: center;
}

.renovacion-content h2 {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.renovacion-content h2 span {
    color: #FECF29;
}

.btn-cta {
    display: inline-block;
    padding: 10px 30px;
    background: #212B61;
    color: #FFFFFF;
    text-decoration: none;
    font-size: 18px;
    font-weight: 700;
    border: 2px solid #FED42B;
    border-radius: 31px;
    transition: background 0.3s ease, color 0.3s ease;
}

.btn-cta:hover {
    background: #FED42B;
    color: #212B61;
}
/* Asesoría Técnica Section */
.asesoria-section {
    padding: 50px 20px;
    background-color: #FFFFFF;
    font-family: 'Gilroy', sans-serif;
    color: #0C1E7F;
    text-align: left;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
}

/* Header de Asesoría Técnica */
.asesoria-header {
    display: flex;
    align-items: flex-start;
    gap: 20px;
}

.asesoria-header img {
    width: 60px;
    height: auto;
}

.asesoria-header h2 {
    font-size: 36px;
    font-weight: 800;
    margin-bottom: 10px;
    color: #0C1E7F;
}

.asesoria-header p {
    font-size: 18px;
    font-weight: 300;
    line-height: 1.5;
    color: #0C1E7F;
    margin-top: 10px;
}

/* Responsive Design */
@media (max-width: 768px) {
    .asesoria-header {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .asesoria-header img {
        width: 50px;
    }
}
/* Servicios de Asesoría Técnica Section */
.servicios-asesoria {
    padding: 50px 20px;
    background-color: #FFFFFF;
    font-family: 'Gilroy', sans-serif;
    color: #0C1E7F;
}

.servicio-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 30px;
    margin-bottom: 50px;
    border-bottom: 2px solid #FECF29;
    padding-bottom: 30px;
}

.servicio-items {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
    margin-bottom: 50px;
    border-bottom: 2px solid #FECF29;
    padding-bottom: 30px;
}

.servicio-image img {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    object-fit: cover;
}

.servicio-content {
    flex: 1;
}

.servicio-content h3 {
    font-size: 24px;
    font-weight: 800;
    margin-bottom: 10px;
    color: #0C1E7F;
}

.servicio-content p {
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 20px;
    color: #0C1E7F;
}

/* Descargas */
.descargas {
    display: flex;
    gap: 20px;
    align-items: center;
}

.descarga {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

.descarga img {
    width: 40px;
    height: auto;
}

.btn-descargar {
    display: inline-block;
    padding: 10px 20px;
    background: #212B61;
    color: #FFFFFF;
    text-decoration: none;
    font-size: 16px;
    font-weight: 700;
    border: 2px solid #FED42B;
    border-radius: 31px;
    transition: background 0.3s ease, color 0.3s ease;
}

.btn-descargar:hover {
    background: #FED42B;
    color: #212B61;
}

/* Responsive Design */
@media (max-width: 768px) {
    .servicio-item {
        flex-direction: column;
        text-align: center;
    }
        .servicio-items {
        flex-direction: column;
        text-align: center;
    }


    .descargas {
        flex-direction: column;
    }

    .servicio-image img {
        width: 120px;
        height: 120px;
    }
}

/* Educación Section */
.educacion-section {
    padding: 50px 20px;
    background-color: #FFFFFF;
    font-family: 'Gilroy', sans-serif;
    color: #0C1E7F;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
}

/* Header de Educación */
.educacion-header {
    text-align: left;
    margin-bottom: 40px;
}

.educacion-header .icon img {
    width: 60px;
    margin-bottom: 20px;
}

.educacion-header h2 {
    font-size: 36px;
    font-weight: 800;
    color: #0C1E7F;
    margin-bottom: 20px;
}

.educacion-header p {
    font-size: 20px;
    font-weight: 300;
    color: #0C1E7F;
    margin-bottom: 20px;
}

.educacion-header hr {
    border: none;
    height: 2px;
    background-color: #FECF29;
    width: 100%;
    max-width: 500px;
    margin-bottom: 30px;
}

/* Contenido de Educación */
.educacion-content {
    font-size: 20px;
    font-weight: 300;
    line-height: 1.6;
    color: #0C1E7F;
    margin-bottom: 40px;
}

/* Opciones */
.educacion-options {
    display: flex;
    justify-content: center;
    gap: 50px;
    margin-top: 40px;
}

.educacion-options .option {
    text-align: center;
    border: 2px solid #FECF29;
    border-radius: 15px;
    padding: 30px;
    width: 293px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.educacion-options .option img {
    width: 80px;
    margin-bottom: 20px;
}

.educacion-options .option h3 {
    font-size: 20px;
    font-weight: 800;
    color: #0C1E7F;
}

/* Responsive Design */
@media (max-width: 768px) {
    .educacion-options {
        flex-direction: column;
        gap: 20px;
    }

    .educacion-options .option {
        width: 100%;
    }
}


/* Hero Section */
.hero {
    height: 500px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    color: #FFFFFF;
    text-align: center;
    padding: 20px;
}

.hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* Overlay oscuro */
    z-index: 1;
}

.hero-content {
    position: relative;
    z-index: 2;
}

.hero-content h1 {
    font-size: 48px;
    font-weight: 700;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 2px;
}

/* Contenido Principal */
.page-content {
    padding: 50px 20px;
    font-family: 'Gilroy', sans-serif;
    color: #0C1E7F;
    line-height: 1.6;
}

.page-content p {
    font-size: 20px;
    margin-bottom: 18px;
}
.page-content h3 {
    font-size: 30px;
    margin-bottom: 18px;
}

/* Responsive Design */
@media (max-width: 768px) {
    .hero {
        height: 350px;
    }

    .hero-content h1 {
        font-size: 32px;
    }

    .page-content {
        padding: 30px 15px;
    }
}

/* Estilo para hr */
hr {
    border: none;          /* Elimina el estilo predeterminado del navegador */
    height: 2px;           /* Grosor de la línea */
    background-color: #FFCA2C;  /* Color de la línea */
    width: 100%;           /* Asegura que la línea ocupe todo el ancho disponible */
    margin: 20px 0;        /* Margen vertical para separar visualmente los elementos */
}


/* Equipo Section */
.equipo-section {
    padding: 50px 20px;
    background-color: #F0F1F3;
    font-family: 'Gilroy', sans-serif;
    color: #0C1E7F;
    text-align: center;
}

.equipo-section h1 {
    font-size: 36px;
    font-weight: 800;
    margin-bottom: 30px;
}

.equipo-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 30px;
}

.equipo-miembro {
    background-color: #FFFFFF;
    padding: 20px;
    border-radius: 15px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
}

.equipo-miembro:hover {
    transform: translateY(-10px);
}

.miembro-foto img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: 15px;
    margin-bottom: 15px;
}

.miembro-nombre {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 10px;
    color: #212B61;
}

.miembro-biografia {
    font-size: 16px;
    font-weight: 300;
    color: #333333;
    line-height: 1.5;
}

/* Responsive Design */
@media (max-width: 768px) {
    .equipo-section h1 {
        font-size: 28px;
    }

    .miembro-foto img {
        height: 150px;
    }
}
.miembro-cargo {
    font-size: 18px;
    font-weight: 600;
    color: #FECF29;
    margin-bottom: 15px;
}

/* Productos Section */
.productos-section {
    padding: 50px 20px;
    background-color: #F0F1F3;
    text-align: center;
    font-family: 'Gilroy', sans-serif;
    color: #0C1E7F;
}

.productos-section h1 {
    font-size: 36px;
    font-weight: 800;
    margin-bottom: 40px;
}

.productos-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 30px;
}

.producto-item {
    background-color: #FFFFFF;
    padding: 20px;
    border-radius: 15px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
}

.producto-item:hover {
    transform: translateY(-10px);
}

.producto-imagen img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: 15px;
    margin-bottom: 15px;
}

.producto-titulo {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 10px;
    color: #212B61;
}

.producto-precio {
    font-size: 18px;
    font-weight: 600;
    color: #FECF29;
    margin-bottom: 15px;
}

.producto-extracto {
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 20px;
}

.btn-detalle {
    display: inline-block;
    padding: 10px 20px;
    background: #212B61;
    color: #FFFFFF;
    text-decoration: none;
    font-weight: 700;
    border-radius: 5px;
    transition: background 0.3s ease;
}

.btn-detalle:hover {
    background: #FECF29;
    color: #212B61;
}

/* Responsive Design */
@media (max-width: 768px) {
    .productos-section h1 {
        font-size: 28px;
    }

    .producto-imagen img {
        height: 150px;
    }
}

/* Sección de Detalle del Producto */
.producto-detalle {
    padding: 50px 20px;
    font-family: 'Gilroy', sans-serif;
    color: #0C1E7F;
    background-color: #F0F1F3;
}

.producto-contenido {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    align-items: flex-start;
}

.producto-imagen-detalle {
    flex: 1;
    max-width: 50%;
}

.producto-imagen-detalle img {
    width: 100%;
    border-radius: 15px;
    object-fit: cover;
}

.producto-info {
    flex: 1;
    max-width: 50%;
}

.producto-titulo {
    font-size: 36px;
    font-weight: 800;
    margin-bottom: 20px;
    color: #212B61;
}

.producto-precio {
    font-size: 24px;
    font-weight: 700;
    color: #FECF29;
    margin-bottom: 20px;
}

.producto-descripcion {
    font-size: 18px;
    font-weight: 300;
    line-height: 1.6;
    margin-bottom: 30px;
    color: #333333;
}

.btn-volver {
    display: inline-block;
    padding: 10px 30px;
    background-color: #212B61;
    color: #FFFFFF;
    text-decoration: none;
    font-weight: 700;
    border-radius: 5px;
    transition: background 0.3s ease;
}

.btn-volver:hover {
    background-color: #FECF29;
    color: #212B61;
}

/* Responsive Design */
@media (max-width: 768px) {
    .producto-contenido {
        flex-direction: column;
    }

    .producto-imagen-detalle,
    .producto-info {
        max-width: 100%;
    }

    .producto-titulo {
        font-size: 28px;
    }

    .producto-precio {
        font-size: 20px;
    }
}



@media (max-width: 500px) {
    .nav {
		margin-left: 4rem;
		

    }
	.nav-menu.active {

		z-index: 99;
		margin-right: 0;
		min-height: 100vh;
		width: 25rem;
		margin-top: 1.4rem;
}

.cards {
	display: flex;
	flex-direction: column;
	padding: 2px;
    width: 376px;
	gap: 22px;
	}
	.card {
		width: 376px;

		}
		.about-container {
			display: flex;
			flex-direction: column;
	}
	.btn-about {
		max-width: 53%;
	}
	.stats{
	display: flex;
    justify-content: center;
    flex-wrap: wrap;
    border-top: 2px solid #FECF29;
    padding-top: 30px;
    gap: 0px;
	}
	.stat{
		max-width: 392px;
		margin: 0;
	}
}




/* Sección de Detalle del Producto */
.single-producto {
    padding: 50px 20px;
    background-color: #F0F1F3;
    font-family: 'Gilroy', sans-serif;
    color: #0C1E7F;
}

.producto-detalle {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    align-items: flex-start;
    background-color: #FFFFFF;
    padding: 30px;
    border-radius: 15px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.producto-imagen {
    flex: 1;
    max-width: 50%;
}

.producto-imagen img {
    width: 100%;
    border-radius: 15px;
    object-fit: cover;
}

.producto-info {
    flex: 1;
    max-width: 50%;
}

.producto-titulo {
    font-size: 36px;
    font-weight: 800;
    margin-bottom: 20px;
    color: #212B61;
}

.producto-precio {
    font-size: 24px;
    font-weight: 700;
    color: #FECF29;
    margin-bottom: 20px;
}

.producto-descripcion {
    font-size: 18px;
    font-weight: 300;
    line-height: 1.6;
    color: #333333;
    margin-bottom: 30px;
}

.btn-volver {
    display: inline-block;
    padding: 10px 30px;
    background-color: #212B61;
    color: #FFFFFF;
    text-decoration: none;
    font-weight: 700;
    border-radius: 5px;
    transition: background 0.3s ease;
}

.btn-volver:hover {
    background-color: #FECF29;
    color: #212B61;
}

/* Responsive Design */
@media (max-width: 768px) {
    .producto-detalle {
        flex-direction: column;
    }

    .producto-imagen,
    .producto-info {
        max-width: 100%;
    }

    .producto-titulo {
        font-size: 28px;
    }

    .producto-precio {
        font-size: 20px;
    }
}


.tabla-titulo{
	background: #f2cc41;
}


/* Archivo de Servicios */
.servicios-archive {
    padding: 50px 20px;
    background-color: #F0F1F3;
    text-align: center;
    font-family: 'Gilroy', sans-serif;
    color: #0C1E7F;
    box-sizing: border-box;
    overflow: hidden;
}

.servicios-archive h1 {
    font-size: 36px;
    font-weight: 800;
    margin-bottom: 40px;
}

.servicios-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 30px;
    max-width: 100%;
    margin: 0 auto;
}

.servicio-item {
    background-color: #FFFFFF;
    padding: 20px;
    border-radius: 15px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
    box-sizing: border-box;
    overflow: hidden;
}

.servicio-items {
    background-color: #FFFFFF;
    padding: 20px;
    border-radius: 15px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
    box-sizing: border-box;
    overflow: hidden;
}

.servicio-item:hover {
    transform: translateY(-10px);
}

.servicio-items:hover {
    transform: translateY(-10px);
}
.servicio-imagen img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: 15px;
    display: block;
}

.servicio-titulo {
    font-size: 24px;
    font-weight: 700;
    margin: 15px 0;
    color: #212B61;
}

.btn-detalle {
    display: inline-block;
    padding: 10px 20px;
    background: #212B61;
    color: #FFFFFF;
    text-decoration: none;
    font-weight: 700;
    border-radius: 5px;
    transition: background 0.3s ease;
}

.btn-detalle:hover {
    background: #FECF29;
    color: #212B61;
}

/* Responsive Design */
@media (max-width: 768px) {
    .servicios-archive h1 {
        font-size: 28px;
    }

    .servicio-imagen img {
        height: 150px;
    }
}


/* Sección de Contacto */
.section_abc123 {
    padding: 50px 20px;
    background-color: #F0F1F3;
    font-family: 'Gilroy', sans-serif;
    color: #0C1E7F;
    text-align: center;
}

/* Contenedor Principal */
.container_xyz789 {
    max-width: 600px;
    margin: 0 auto;
    background-color: #FFFFFF;
    padding: 30px;
    border-radius: 15px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

/* Título del Formulario */
.heading_mno456 {
    font-size: 36px;
    font-weight: 800;
    margin-bottom: 20px;
    color: #212B61;
}

/* Campos del Formulario */
.field_def654 {
    margin-bottom: 20px;
    text-align: left;
}

/* Etiquetas */
.label_jkl987 {
    display: block;
    margin-bottom: 8px;
    font-weight: 700;
    color: #0C1E7F;
}

/* Inputs y Textarea */
.input_uvw234,
.textarea_rty567 {
    width: 100%;
    padding: 10px;
    border: 2px solid #DDD;
    border-radius: 5px;
    font-size: 16px;
    box-sizing: border-box;
    transition: border-color 0.3s ease;
}

.input_uvw234:focus,
.textarea_rty567:focus {
    border-color: #212B61;
    outline: none;
}

/* Botón de Enviar */
.button_lmn890 {
    display: inline-block;
    padding: 10px 30px;
    background-color: #212B61;
    color: #FFFFFF;
    font-weight: 700;
    font-size: 18px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.button_lmn890:hover {
    background-color: #FECF29;
    color: #212B61;
}

/* Responsive Design */
@media (max-width: 768px) {
    .heading_mno456 {
        font-size: 28px;
    }

    .container_xyz789 {
        padding: 20px;
    }
}
/* Sección de Archivo del Equipo */
.equipo-archive-section {
    padding: 50px 20px;
    background-color: #F0F1F3;
    font-family: 'Gilroy', sans-serif;
    color: #0C1E7F;
    text-align: center;
    min-height: 40rem;
}

.container-equipo {
    max-width: 1200px;
    margin: 0 auto;
}

.equipo-titulo-principal {
    font-size: 36px;
    font-weight: 800;
    margin-bottom: 40px;
    color: #212B61;
}

/* Grid de Miembros del Equipo */
.equipo-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 30px;
}

/* Item de Equipo */
.equipo-item {
    background-color: #FFFFFF;
    padding: 20px;
    border-radius: 15px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    text-align: center;
    transition: transform 0.3s ease;
}

.equipo-item:hover {
    transform: translateY(-10px);
}

/* Foto del Miembro */
.equipo-foto img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: 15px;
    margin-bottom: 15px;
}

/* Nombre del Miembro */
.equipo-nombre {
    font-size: 24px;
    font-weight: 700;
    color: #212B61;
    margin-bottom: 10px;
}

/* Cargo del Miembro */
.equipo-cargo {
    font-size: 18px;
    font-weight: 600;
    color: #FECF29;
    margin-bottom: 20px;
}

/* Botón de Biografía */
.btn-biografia {
    display: inline-block;
    padding: 10px 20px;
    background-color: #212B61;
    color: #FFFFFF;
    font-weight: 700;
    text-decoration: none;
    border-radius: 5px;
    transition: background-color 0.3s ease;
}

.btn-biografia:hover {
    background-color: #FECF29;
    color: #212B61;
}

/* Mensaje de No Miembros */
.no-equipo {
    font-size: 18px;
    color: #555555;
    margin-top: 20px;
}

/* Responsive Design */
@media (max-width: 768px) {
    .equipo-titulo-principal {
        font-size: 28px;
    }

    .equipo-foto img {
        height: 150px;
    }
}

/* Sección de Detalle del Equipo */
.equipo-detalle-section {
    padding: 50px 20px;
    background-color: #F0F1F3;
    font-family: 'Gilroy', sans-serif;
    color: #0C1E7F;
}

/* Contenedor Principal */
.container-equipo-detalle {
    max-width: 1000px;
    margin: 0 auto;
    background-color: #FFFFFF;
    padding: 30px;
    border-radius: 15px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    text-align: center;
}

/* Detalle del Miembro del Equipo */
.equipo-detalle {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    align-items: center;
    justify-content: center;
}

/* Imagen del Miembro */
.equipo-imagen {
    flex: 1;
    max-width: 300px;
}

.equipo-imagen img {
    width: 100%;
    border-radius: 15px;
    object-fit: cover;
}

/* Información del Miembro */
.equipo-informacion {
    flex: 2;
    max-width: 600px;
    text-align: left;
}

.equipo-nombre-detalle {
    font-size: 36px;
    font-weight: 800;
    margin-bottom: 10px;
    color: #212B61;
}

.equipo-cargo-detalle {
    font-size: 24px;
    font-weight: 600;
    color: #FECF29;
    margin-bottom: 20px;
}

.equipo-biografia {
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 30px;
    color: #333333;
}

/* Botón Volver al Equipo */
.btn-volver-equipo {
    display: inline-block;
    padding: 10px 30px;
    background-color: #212B61;
    color: #FFFFFF;
    font-weight: 700;
    text-decoration: none;
    border-radius: 5px;
    transition: background-color 0.3s ease;
}

.btn-volver-equipo:hover {
    background-color: #FECF29;
    color: #212B61;
}

/* Responsive Design */
@media (max-width: 768px) {
    .equipo-detalle {
        flex-direction: column;
    }

    .equipo-nombre-detalle {
        font-size: 28px;
    }

    .equipo-cargo-detalle {
        font-size: 20px;
    }

    .equipo-imagen {
        max-width: 100%;
    }

    .equipo-informacion {
        max-width: 100%;
        text-align: center;
    }
}
/* Sección Principal */
.section_abc432 {
    padding: 50px 20px;
    background-color: #F8F9FA;
    font-family: 'Gilroy', sans-serif;
    color: #0C1E7F;
}

/* Contenedor Principal */
.container_xyz876 {
    max-width: 1200px;
    margin: 0 auto;
}

/* Encabezado */
.heading_pqr543 {
    font-size: 36px;
    font-weight: 800;
    margin-bottom: 20px;
    color: #212B61;
}

/* Descripción de la Categoría */
.description_def321 {
    font-size: 18px;
    color: #555555;
    margin-bottom: 30px;
}

/* Grid de Noticias */
.news-grid_mno678 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
}

/* Item de Noticia */
.news-item_jkl234 {
    background-color: #FFFFFF;
    padding: 20px;
    border-radius: 15px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
    text-align: left;
}

.news-item_jkl234:hover {
    transform: translateY(-10px);
}

/* Imagen de la Noticia */
.news-image_vwx987 img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: 15px;
    margin-bottom: 15px;
}

/* Título de la Noticia */
.news-title_lmn765 {
    font-size: 24px;
    font-weight: 700;
    color: #212B61;
    margin-bottom: 10px;
}

/* Extracto de la Noticia */
.news-excerpt_bcd876 {
    font-size: 16px;
    color: #555555;
    margin-bottom: 20px;
}

/* Botón Leer Más */
.btn-readmore_xyz123 {
    display: inline-block;
    padding: 10px 20px;
    background-color: #212B61;
    color: #FFFFFF;
    font-weight: 700;
    text-decoration: none;
    border-radius: 5px;
    transition: background-color 0.3s ease;
}

.btn-readmore_xyz123:hover {
    background-color: #FECF29;
    color: #212B61;
}

/* Mensaje de No Noticias */
.no-news_opq567 {
    font-size: 18px;
    color: #888888;
    text-align: center;
    margin-top: 50px;
}

/* Paginación */
.pagination_rst890 {
    margin-top: 40px;
    text-align: center;
}

.pagination_rst890 a,
.pagination_rst890 span {
    display: inline-block;
    padding: 10px 15px;
    margin: 0 5px;
    background-color: #212B61;
    color: #FFFFFF;
    border-radius: 5px;
    text-decoration: none;
}

.pagination_rst890 a:hover {
    background-color: #FECF29;
    color: #212B61;
}

.pagination_rst890 .current {
    background-color: #FECF29;
    color: #212B61;
    font-weight: 700;
}
/* Contenedor Principal del Artículo */
.article_qwe123 {
    padding: 50px 20px;
    background-color: #F8F9FA;
    font-family: 'Gilroy', sans-serif;
    color: #0C1E7F;
    line-height: 1.6;
}

/* Contenedor General */
.container_rty456 {
    max-width: 900px;
    margin: 0 auto;
    background-color: #FFFFFF;
    padding: 30px;
    border-radius: 15px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

/* Imagen Destacada */
.featured-image_uio789 img {
    width: 100%;
    height: auto;
    border-radius: 15px;
    margin-bottom: 20px;
}

/* Título del Post */
.post-title_zxc987 {
    font-size: 36px;
    font-weight: 800;
    margin-bottom: 10px;
    color: #212B61;
}

/* Fecha del Post */
.post-date_ghj654 {
    font-size: 16px;
    color: #888888;
    margin-bottom: 30px;
}

/* Contenido del Post */
.post-body_mnb543 {
    font-size: 18px;
    color: #333333;
}

/* Navegación entre Entradas */
.post-navigation_lkj234 {
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
    padding-top: 20px;
    border-top: 2px solid #F0F1F3;
}

.nav-previous a,
.nav-next a {
    display: inline-block;
    padding: 10px 20px;
    background-color: #212B61;
    color: #FFFFFF;
    text-decoration: none;
    font-weight: 700;
    border-radius: 5px;
    transition: background-color 0.3s ease;
}

.nav-previous a:hover,
.nav-next a:hover {
    background-color: #FECF29;
    color: #212B61;
}

/* Mensaje de No Contenido */
.no-content_vbn321 {
    font-size: 20px;
    color: #888888;
    text-align: center;
    margin-top: 50px;
}

/* Responsive Design */
@media (max-width: 768px) {
    .post-title_zxc987 {
        font-size: 28px;
    }

    .post-body_mnb543 {
        font-size: 16px;
    }

    .post-navigation_lkj234 {
        flex-direction: column;
        gap: 20px;
    }

    .nav-previous a,
    .nav-next a {
        width: 100%;
        text-align: center;
    }
}
/* Sección Principal de Tags */
.tag-section_abc123 {
    padding: 50px 20px;
    background-color: #F8F9FA;
    font-family: 'Gilroy', sans-serif;
    color: #0C1E7F;
}

/* Contenedor Principal */
.container_xyz456 {
    max-width: 1200px;
    margin: 0 auto;
}

/* Título de la Etiqueta */
.tag-title_pqr789 {
    font-size: 36px;
    font-weight: 800;
    margin-bottom: 20px;
    color: #212B61;
}

/* Descripción de la Etiqueta */
.tag-description_def321 {
    font-size: 18px;
    color: #555555;
    margin-bottom: 30px;
}

/* Grid de Entradas */
.tag-grid_mno654 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
}

/* Item de la Etiqueta */
.tag-item_jkl987 {
    background-color: #FFFFFF;
    padding: 20px;
    border-radius: 15px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
    text-align: left;
}

.tag-item_jkl987:hover {
    transform: translateY(-10px);
}

/* Imagen de la Entrada */
.tag-image_vwx543 img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: 15px;
    margin-bottom: 15px;
}

/* Título de la Entrada */
.tag-post-title_lmn765 {
    font-size: 24px;
    font-weight: 700;
    color: #212B61;
    margin-bottom: 10px;
}

/* Extracto de la Entrada */
.tag-post-excerpt_bcd876 {
    font-size: 16px;
    color: #555555;
    margin-bottom: 20px;
}

/* Botón Leer Más */
.btn-tag-readmore_xyz123 {
    display: inline-block;
    padding: 10px 20px;
    background-color: #212B61;
    color: #FFFFFF;
    font-weight: 700;
    text-decoration: none;
    border-radius: 5px;
    transition: background-color 0.3s ease;
}

.btn-tag-readmore_xyz123:hover {
    background-color: #FECF29;
    color: #212B61;
}

/* Mensaje de No Entradas */
.no-tag-posts_opq567 {
    font-size: 18px;
    color: #888888;
    text-align: center;
    margin-top: 50px;
}

/* Paginación */
.pagination_rst890 {
    margin-top: 40px;
    text-align: center;
}

.pagination_rst890 a,
.pagination_rst890 span {
    display: inline-block;
    padding: 10px 15px;
    margin: 0 5px;
    background-color: #212B61;
    color: #FFFFFF;
    border-radius: 5px;
    text-decoration: none;
}

.pagination_rst890 a:hover {
    background-color: #FECF29;
    color: #212B61;
}

.pagination_rst890 .current {
    background-color: #FECF29;
    color: #212B61;
    font-weight: 700;
}

/* Responsive Design */
@media (max-width: 768px) {
    .tag-title_pqr789 {
        font-size: 28px;
    }

    .tag-image_vwx543 img {
        height: 150px;
    }
}

/* Sección de Resultados de Búsqueda */
.search-section_abc123 {
    padding: 50px 20px;
    background-color: #F8F9FA;
    font-family: 'Gilroy', sans-serif;
    color: #0C1E7F;
    min-height: 40rem;
}

/* Contenedor Principal */
.container_xyz456 {
    max-width: 1200px;
    margin: 0 auto;
}

/* Título de Búsqueda */
.search-title_pqr789 {
    font-size: 36px;
    font-weight: 800;
    margin-bottom: 30px;
    color: #212B61;
    text-align: center;
}

/* Grid de Resultados */
.search-grid_mno654 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
}

/* Item de Resultado */
.search-item_jkl987 {
    background-color: #FFFFFF;
    padding: 20px;
    border-radius: 15px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
    text-align: left;
}

.search-item_jkl987:hover {
    transform: translateY(-10px);
}

/* Imagen del Resultado */
.search-image_vwx543 img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: 15px;
    margin-bottom: 15px;
}

/* Título del Resultado */
.search-post-title_lmn765 {
    font-size: 24px;
    font-weight: 700;
    color: #212B61;
    margin-bottom: 10px;
}

/* Extracto del Resultado */
.search-post-excerpt_bcd876 {
    font-size: 16px;
    color: #555555;
    margin-bottom: 20px;
}

/* Botón Leer Más */
.btn-search-readmore_xyz123 {
    display: inline-block;
    padding: 10px 20px;
    background-color: #212B61;
    color: #FFFFFF;
    font-weight: 700;
    text-decoration: none;
    border-radius: 5px;
    transition: background-color 0.3s ease;
}

.btn-search-readmore_xyz123:hover {
    background-color: #FECF29;
    color: #212B61;
}

/* Mensaje de No Resultados */
.no-search-results_opq567 {
    font-size: 20px;
    color: #888888;
    text-align: center;
    margin-top: 50px;
}

/* Paginación */
.pagination_rst890 {
    margin-top: 40px;
    text-align: center;
}

.pagination_rst890 a,
.pagination_rst890 span {
    display: inline-block;
    padding: 10px 15px;
    margin: 0 5px;
    background-color: #212B61;
    color: #FFFFFF;
    border-radius: 5px;
    text-decoration: none;
}

.pagination_rst890 a:hover {
    background-color: #FECF29;
    color: #212B61;
}

.pagination_rst890 .current {
    background-color: #FECF29;
    color: #212B61;
    font-weight: 700;
}

/* Responsive Design */
@media (max-width: 768px) {
    .search-title_pqr789 {
        font-size: 28px;
    }

    .search-image_vwx543 img {
        height: 150px;
    }
}
/* Contenedor de No Resultados */
.no-search-results-container_vbn432 {
    text-align: center;
    margin-top: 50px;
}

/* Imagen de No Resultados */
.no-results-image_mgh567 {
    max-width: 200px;
    margin-bottom: 20px;
}

/* Mensaje de No Resultados */
.no-search-results_opq567 {
    font-size: 20px;
    color: #888888;
}

/* MENU PRINCIPAL AVICOLA */

/* Header Principal */
.header_custom_abc123 {
    background-color: #212b61;
    padding: 10px 20px;
    color: #FFFFFF;
    position: sticky; /* Cambiado a sticky */
    top: 0; /* Siempre pegado a la parte superior */
    z-index: 1000;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Opcional: sombra para destacar el menú */
}

.header_custom_abc123.scrolled {
    background-color: #212b61; /* Cambia el color del fondo al desplazarse (opcional) */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

/* Contenedor del Header */
.container_custom_xyz456 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1200px;
    margin: 0 auto;
}

/* Logo */
.logo_custom_pqr789 img {
    height: 50px;
    width: auto;
}

/* Menú de Navegación */
.nav_custom_mno654 {
    display: flex;
}

.menu_custom_jkl987 {
    display: flex;
    gap: 20px;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
}

.menu_custom_jkl987 li {
    position: relative;
}

.menu_custom_jkl987 li a {
    color: #FFFFFF;
    text-decoration: none;
    font-weight: 700;
    transition: color 0.3s ease;
}

.menu_custom_jkl987 li a:hover {
    color: #FECF29;
}

/* Submenús Desplegables */
.menu_custom_jkl987 li ul {
    display: none;
    position: absolute;
    background-color: #1E3D59;
    padding: 10px 0;
    min-width: 200px;
    top: 100%;
    left: 0;
    border-radius: 5px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    z-index: 1000;
}

.menu_custom_jkl987 li ul li {
    display: block;
}

.menu_custom_jkl987 li ul li a {
    padding: 10px 20px;
    display: block;
    color: #FFFFFF;
    white-space: nowrap;
}

.menu_custom_jkl987 li ul li a:hover {
    background-color: #FECF29;
    color: #1E3D59;
}

/* Mostrar Submenús al Hover */
.menu_custom_jkl987 li:hover > ul {
    display: block;
}

/* Menú Hamburguesa */
.menu-toggle_custom_vwx543 {
    display: none;
    cursor: pointer;
}

.hamburger_custom_rty321 {
    width: 30px;
    height: 3px;
    background-color: #FFFFFF;
    position: relative;
}

.hamburger_custom_rty321::before,
.hamburger_custom_rty321::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 3px;
    background-color: #FFFFFF;
    left: 0;
}

.hamburger_custom_rty321::before {
    top: -8px;
}

.hamburger_custom_rty321::after {
    top: 8px;
}

/* Estilos para Móvil */
@media (max-width: 768px) {
    .nav_custom_mno654 {
        display: none;
        flex-direction: column;
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        background-color: #212b61;
        padding: 20px 0;
    }

    .nav-active_custom_bcd876 {
        display: flex;
    }

    .menu_custom_jkl987 {
        flex-direction: column;
        text-align: center;
    }

    .menu_custom_jkl987 li {
        position: relative;
    }

    .menu_custom_jkl987 li ul {
        position: static;
        box-shadow: none;
    }

    .menu_custom_jkl987 li ul li a {
        padding-left: 40px;
    }

    .menu-toggle_custom_vwx543 {
        display: block;
    }
}
/* Sección de Error 404 */
.error-404_abc123 {
    padding: 100px 20px;
    background-color: #F8F9FA;
    text-align: center;
    font-family: 'Gilroy', sans-serif;
    color: #0C1E7F;
}

/* Contenedor Principal */
.container-404_xyz456 {
    max-width: 600px;
    margin: 0 auto;
    background-color: #FFFFFF;
    padding: 40px;
    border-radius: 15px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

/* Imagen del Error */
.image-404_pqr789 {
    width: 150px;
    height: auto;
    margin-bottom: 20px;
}

/* Título del Error */
.title-404_jkl987 {
    font-size: 36px;
    font-weight: 800;
    margin-bottom: 10px;
    color: #212B61;
}

/* Descripción del Error */
.description-404_vwx543 {
    font-size: 18px;
    color: #555555;
    margin-bottom: 30px;
}

/* Botón de Regreso al Inicio */
.btn-404-return_rty321 {
    display: inline-block;
    padding: 10px 30px;
    background-color: #212B61;
    color: #FFFFFF;
    font-weight: 700;
    text-decoration: none;
    border-radius: 5px;
    transition: background-color 0.3s ease;
}

.btn-404-return_rty321:hover {
    background-color: #FECF29;
    color: #212B61;
}

/* Responsive Design */
@media (max-width: 768px) {
    .title-404_jkl987 {
        font-size: 28px;
    }

    .description-404_vwx543 {
        font-size: 16px;
    }
}
/* Sección Principal del Producto */
.producto-section_abc123 {
    padding: 50px 20px;
    background-color: #F8F9FA;
    font-family: 'Gilroy', sans-serif;
    color: #0C1E7F;
}

/* Contenedor Principal */
.producto-container_xyz456 {
    max-width: 1200px;
    margin: 0 auto;
    background-color: #FFFFFF;
    padding: 30px;
    border-radius: 15px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

/* Detalle del Producto */
.producto-detalle_mno654 {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

/* Imagen del Producto */
.producto-imagen_pqr789 {
    flex: 1;
}

.producto-imagen_pqr789 img {
    width: 100%;
    height: auto;
    border-radius: 15px;
}

/* Información del Producto */
.producto-info_jkl987 {
    flex: 2;
}

.producto-titulo_vwx543 {
    font-size: 36px;
    font-weight: 800;
    margin-bottom: 15px;
    color: #212B61;
}

.producto-precio_rty321 {
    font-size: 24px;
    color: #FECF29;
    font-weight: 700;
    margin-bottom: 20px;
}

.producto-descripcion_lmn765 {
    font-size: 18px;
    color: #555555;
    margin-bottom: 30px;
    line-height: 1.6;
}

/* Botón de Volver a Productos */
.btn-volver_bcd876 {
    display: inline-block;
    padding: 10px 30px;
    background-color: #212B61;
    color: #FFFFFF;
    font-weight: 700;
    text-decoration: none;
    border-radius: 5px;
    transition: background-color 0.3s ease;
}

.btn-volver_bcd876:hover {
    background-color: #FECF29;
    color: #212B61;
}

/* Diseño Responsive */
@media (max-width: 768px) {
    .producto-detalle_mno654 {
        flex-direction: column;
    }

    .producto-titulo_vwx543 {
        font-size: 28px;
    }

    .producto-precio_rty321 {
        font-size: 20px;
    }

    .producto-descripcion_lmn765 {
        font-size: 16px;
    }
}
/* Sección Principal del Archivo de Productos */
.productos-archive_abc123 {
    padding: 50px 20px;
   /* background-color: #F8F9FA; */
    font-family: 'Gilroy', sans-serif;
    color: #0C1E7F;
}

/* Contenedor Principal */
.productos-container_xyz456 {
    max-width: 1200px;
    margin: 0 auto;
    background-color: #FFFFFF;
    padding: 30px;
    border-radius: 15px;
    /*box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);*/
    text-align: center;
}

/* Título Principal */
.productos-title_pqr789 {
    font-size: 36px;
    font-weight: 800;
    margin-bottom: 30px;
    color: #212B61;
}

/* Grid de Productos */
.productos-grid_mno654 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 30px;
}

/* Item de Producto */
.producto-item_jkl987 {
    background-color: #FFFFFF;
    padding: 20px;
    border-radius: 15px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
    text-align: left;
}

.producto-item_jkl987:hover {
    transform: translateY(-10px);
}

/* Imagen del Producto */
.producto-imagen_vwx543 img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: 15px;
    margin-bottom: 15px;
}

/* Título del Producto */
.producto-titulo_rty321 {
    font-size: 24px;
    font-weight: 700;
    color: #212B61;
    margin-bottom: 10px;
}

/* Precio del Producto */
.producto-precio_lmn765 {
    font-size: 18px;
    color: #FECF29;
    font-weight: 700;
    margin-bottom: 20px;
}

/* Botón Ver Detalle */
.btn-detalle_bcd876 {
    display: inline-block;
    padding: 10px 20px;
    background-color: #212B61;
    color: #FFFFFF;
    font-weight: 700;
    text-decoration: none;
    border-radius: 5px;
    transition: background-color 0.3s ease;
}

.btn-detalle_bcd876:hover {
    background-color: #FECF29;
    color: #212B61;
}

/* Mensaje de No Productos */
.no-productos_vbn432 {
    font-size: 20px;
    color: #888888;
    text-align: center;
    margin-top: 50px;
}

/* Diseño Responsive */
@media (max-width: 768px) {
    .productos-title_pqr789 {
        font-size: 28px;
    }

    .producto-titulo_rty321 {
        font-size: 20px;
    }

    .producto-precio_lmn765 {
        font-size: 16px;
    }
}
/* Sección de Contacto */
.section_abc123 {
    padding: 50px 20px;
    background-color: #F8F9FA;
    font-family: 'Gilroy', sans-serif;
    color: #0C1E7F;
}

/* Contenedor Principal */
.container_xyz789 {
    max-width: 600px;
    margin: 0 auto;
    background-color: #FFFFFF;
    padding: 30px;
    border-radius: 15px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

/* Campos del Formulario */
.field_def654 {
    margin-bottom: 20px;
}

.label_jkl987 {
    display: block;
    font-weight: 700;
    margin-bottom: 5px;
    color: #212B61;
}

.input_uvw234,
.textarea_rty567 {
    width: 100%;
    padding: 10px;
    border: 1px solid #CCC;
    border-radius: 5px;
    font-size: 16px;
}

/* Checkbox de Privacidad */
.field_privacy_bcd876 {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
}

.checkbox_xyz654 {
    width: 18px;
    height: 18px;
    accent-color: #212B61;
}

.label_privacy_klm321 {
    font-size: 14px;
    color: #555555;
}

.label_privacy_klm321 a {
    color: #212B61;
    text-decoration: underline;
}

.label_privacy_klm321 a:hover {
    color: #FECF29;
}

/* Botón de Envío */
.button_lmn890 {
    display: inline-block;
    padding: 10px 20px;
    background-color: #212B61;
    color: #FFFFFF;
    font-weight: 700;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.button_lmn890:hover {
    background-color: #FECF29;
    color: #212B61;
}

/* Línea Divisoria */
hr {
    margin: 30px 0;
    border: none;
    border-top: 1px solid #DDD;
}

/* Estilo del Enlace de WhatsApp */
.container_xyz789 p a {
    color: #212B61;
    font-weight: 700;
    text-decoration: none;
}

.container_xyz789 p a:hover {
    color: #FECF29;
}


/* Sección Principal del Detalle del Servicio */
.servicio-detalle_sec123 {
    margin-top: 3rem;
    margin-bottom: 2rem;
    padding: 20px;
    background-color: #F8F9FA;
    font-family: 'Gilroy', sans-serif;
    color: #0C1E7F;
}

/* Contenedor Principal */
.servicio-container_con456 {
    max-width: 1200px;
    margin: 0 auto;
    background-color: #FFFFFF;
    padding: 30px;
    border-radius: 15px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

/* Contenido del Servicio */
.servicio-contenido_cont789 {
    display: flex;
    flex-direction: column;
    gap: 30px;
    align-items: center;
}

/* Imagen del Servicio */
.servicio-imagen-detalle_img321 {
    flex: 1;
    max-width: 50%;
}

.servicio-imagen-detalle_img321 img {
    width: 100%;
    height: auto;
    border-radius: 15px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

/* Información del Servicio */
.servicio-info_inf654 {
    flex: 2;
}

.servicio-titulo_tit987 {
    font-size: 36px;
    font-weight: 800;
    margin-bottom: 20px;
    color: #212B61;
}

.servicio-descripcion_desc234 {
    font-size: 18px;
    color: #555555;
    line-height: 1.6;
    margin-bottom: 30px;
}

/* Botón de Volver */
.btn-volver_btn543 {
    display: inline-block;
    padding: 10px 30px;
    background-color: #212B61;
    color: #FFFFFF;
    font-weight: 700;
    text-decoration: none;
    border-radius: 5px;
    transition: background-color 0.3s ease;
    text-align: center;
}

.btn-volver_btn543:hover {
    background-color: #FECF29;
    color: #212B61;
}

/* Diseño Responsive */
@media (max-width: 768px) {
    .servicio-contenido_cont789 {
        flex-direction: column;
    }

    .servicio-imagen-detalle_img321 {
        max-width: 100%;
    }

    .servicio-titulo_tit987 {
        font-size: 28px;
    }

    .servicio-descripcion_desc234 {
        font-size: 16px;
    }
}

/* Sección de Publicaciones */
.publicaciones-archive_sec123 {
    padding: 50px 20px;
    background-color: #F8F9FA;
}

.publicaciones-container_con456 {
    max-width: 1200px;
    margin: 0 auto;
}

.publicaciones-title_tit789 {
    font-size: 36px;
    font-weight: 800;
    text-align: center;
    margin-bottom: 30px;
}

.publicaciones-grid_grd654 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
}

.publicacion-item_itm321 {
    background-color: #FFFFFF;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    text-align: center;
}

.publicacion-titulo_ttl543 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 15px;
}

.btn-descargar_pdf_btn876 {
    display: inline-block;
    padding: 10px 20px;
    background-color: #212B61;
    color: #FFFFFF;
    text-decoration: none;
    border-radius: 5px;
    transition: background-color 0.3s ease;
}

.btn-descargar_pdf_btn876:hover {
    background-color: #FECF29;
    color: #212B61;
}

/* Sección Principal del Detalle de la Publicación */
.publicacion-detalle_sec123 {
    padding: 50px 20px;
    background-color: #F8F9FA;
    font-family: 'Gilroy', sans-serif;
    color: #0C1E7F;
}

/* Contenedor Principal */
.publicacion-container_con456 {
    max-width: 800px;
    margin: 0 auto;
    background-color: #FFFFFF;
    padding: 30px;
    border-radius: 15px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

/* Título de la Publicación */
.publicacion-titulo_tit987 {
    font-size: 36px;
    font-weight: 800;
    color: #212B61;
    margin-bottom: 20px;
    text-align: center;
}

/* Descripción de la Publicación */
.publicacion-descripcion_dsc654 {
    font-size: 18px;
    color: #555555;
    line-height: 1.6;
    margin-bottom: 30px;
}

/* Enlace para Descargar el PDF */
.publicacion-pdf-link_pdf321 {
    text-align: center;
    margin-bottom: 30px;
}

.btn-descargar_pdf_btn876 {
    display: inline-block;
    padding: 10px 20px;
    background-color: #212B61;
    color: #FFFFFF;
    font-weight: 700;
    text-decoration: none;
    border-radius: 5px;
    transition: background-color 0.3s ease;
}

.btn-descargar_pdf_btn876:hover {
    background-color: #FECF29;
    color: #212B61;
}

/* Botón para Volver a Publicaciones */
.btn-volver-archivo_vlt543 {
    display: inline-block;
    padding: 10px 20px;
    background-color: #444444;
    color: #FFFFFF;
    font-weight: 700;
    text-decoration: none;
    border-radius: 5px;
    transition: background-color 0.3s ease;
    text-align: center;
    margin-top: 20px;
}

.btn-volver-archivo_vlt543:hover {
    background-color: #FECF29;
    color: #212B61;
}

/* Mensaje de No Publicación */
.no-publicacion_msg123 {
    font-size: 20px;
    color: #888888;
    text-align: center;
    margin-top: 50px;
}

/* Diseño Responsive */
@media (max-width: 768px) {
    .publicacion-titulo_tit987 {
        font-size: 28px;
    }

    .publicacion-descripcion_dsc654 {
        font-size: 16px;
    }
}


/* Responsive Design */
@media (max-width: 375px) {
    .beneficios-section {
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #212b61F;
        color: #FFFFFF;
    }
    .beneficios-content {
        padding: 1rem;
    }
    .slider{
        width: 100%;
        
    }
}


/* Sección de Aves */
.aves-section {
    padding-bottom: 20px;
    font-family: 'Gilroy', sans-serif;
}

.aves-container {
    display: flex;
    justify-content: center;
    gap: 30px;
    max-width: 1200px;
    margin: 0 auto;
}

/* Estilo de cada ave */
.ave-item {
    position: relative;
    width: 426px;
    height: 300px;
    overflow: hidden;
    border-radius: 15px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    cursor: pointer;
}

.ave-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

/* Información al pasar el mouse */
.ave-info {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    color: #FFFFFF;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 20px;
    transition: top 0.3s ease;
}

.ave-info h3 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
}

.ave-info p {
    font-size: 16px;
    margin-bottom: 20px;
    line-height: 1.5;
}

/* Botón */
.ave-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #FECF29;
    color: #212B61;
    font-weight: 700;
    text-decoration: none;
    border-radius: 5px;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.ave-button:hover {
    background-color: #212B61;
    color: #FFFFFF;
}

/* Hover Effect */
.ave-item:hover img {
    transform: scale(1.1);
}

.ave-item:hover .ave-info {
    top: 0;
}

.ave-item:hover {
    transform: translateY(-10px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}
/* Sobrescribir a:visited */
.ave-button:visited {
    color: #212B61; /* Mismo color que el estado normal */
    background-color: #FECF29; /* Mismo color que el estado normal */
}


@media (max-width: 768px) {
    .aves-container {
        flex-direction: column;
        align-items: center;
    }

    .ave-item {
        width: 100%;
        max-width: 300px;
    }
}



/* Sección de Contacto */
.contact-section {
    position: relative;
    background: url('https://avicolaandina.cl/wp-content/uploads/2024/12/IMG_7048-scaled-1.jpg') center/cover no-repeat;
    background-attachment: fixed; /* Efecto parallax */
    background-size: cover;
    background-position: center;
    height: 600px; /* Altura inicial para el fondo */
    padding: 50px 20px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.contact-container {
    position: relative;
    z-index: 2;
    background-color: rgba(0, 0, 0, 0.79); /* Fondo semitransparente */
    padding: 30px 20px;
    border-radius: 10px;
    max-width: 800px;
    color: #FFFFFF;
}

/* Título */
.contact-title {
    font-size: 36px;
    font-weight: 800;
    margin-bottom: 20px;
}

/* Descripción */
.contact-description {
    font-size: 18px;
    margin-bottom: 30px;
    line-height: 1.6;
}

/* Botón */
.contact-button {
    display: inline-block;
    padding: 15px 30px;
    background-color: #FECF29;
    color: #1E3D59;
    font-size: 18px;
    font-weight: 700;
    text-decoration: none;
    border-radius: 50px;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.contact-button:hover {
    background-color: #212B61;
    color: #FFFFFF;
}

.contact-button:visited {
    background-color: #212B61;
    color: #FFFFFF;
}

/* Asegurar compatibilidad con Safari */
@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
    .contact-section {
        background-attachment: scroll; /* Safari no soporta fixed con background-size: cover */
    }
}

/* Diseño Responsive */
@media (max-width: 768px) {
    .contact-section {
        height: auto; /* Ajusta la altura para pantallas pequeñas */
        background-attachment: scroll; /* Para evitar problemas de renderizado en móviles */
    }

    .contact-title {
        font-size: 28px;
    }

    .contact-description {
        font-size: 16px;
    }

    .contact-button {
        font-size: 16px;
        padding: 10px 20px;
    }
}

/* General styles for all sections */
.section-title33 {
  color: #212B61;
  font-size: 20px;
  margin-bottom: 10px;
}

.egg-production-section, 
.viability-section, 
.body-weight-section, 
.feed-consumption-section, 
.egg-characteristics-section {
  margin: 20px 0;
  padding: 15px;
  border: 1px solid #ddd;
  border-radius: 5px;
  background-color: #f9f9f9;
}

table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 10px;
}

table.egg-production-table th, 
table.egg-production-table td {
  border: 1px solid #ddd;
  padding: 8px;
  text-align: center;
}

table.egg-production-table th {
  background-color: #f4f4f4;
  color: #333;
}

p {
  margin: 5px 0;
}

.production-alternative, .egg-characteristics, .feed-consumption, .body-weight, .viability {
  margin-bottom: 20px;
  padding: 15px;
  background-color: #f9f9f9;
  border: 1px solid #ddd;
  border-radius: 5px;
}

.production-alternative h2, .egg-characteristics h2, .feed-consumption h2, .body-weight h2, .viability h2 {
  font-size: 18px;
  margin-bottom: 10px;
  color: #212B61;
}

.production-table th, .production-table td {
  padding: 8px;
  text-align: left;
  border-bottom: 1px solid #ddd;
}

.production-info, .feed-consumption p, .body-weight p, .viability p {
  font-size: 14px;
  color: #333;
}

/* Sección de Educación */
.educacion-section {
    background-color: #F8F9FA; /* Fondo claro */
    padding: 50px 20px;
    font-family: 'Gilroy', sans-serif;
}

.container-educacion {
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
}

.guias {
    display: grid;
    grid-template-columns: repeat(2, 1fr); 
    gap: 20px; 
    max-width: 100%; 
    margin: 0 auto; 
}

.educacion-topic {
    width: 100%; 
    box-sizing: border-box; 
    padding: 15px; 
    background: #fff; 
    border: 1px solid #ddd; 
    word-wrap: break-word; 
    overflow-wrap: break-word; 
}

.educacion-list {
    list-style: none; 
    padding: 0; 
}

.educacion-list li a {
    display: block; 
    padding: 5px 0; 
    color: #0c1e7f; 
    word-break: break-all; 
}

/* Responsive Design */
@media (max-width: 768px) {
    .guias {
        grid-template-columns: 1fr; /* Single column on small screens */
        margin-left: 0; /* Removes margin on mobile */
    }
}



/* OUTLINDER HEADER */
.logo_custom_pqr789 a:focus:not(:focus-visible),
.logo_custom_pqr789 a img:focus:not(:focus-visible) {
    outline: none;
    box-shadow: none;
}