/* ========================================
   Custom Styles for Clearway Website
   Site-specific styling and language selector
   ======================================== */

/* Text Alignment Classes */
.has-text-align-center {
    text-align: center !important;
}

.has-text-align-left {
    text-align: left !important;
}

.has-text-align-right {
    text-align: right !important;
}

/* Sección Quiénes Somos - texto más ancho */
.wp-block-cover .wp-block-cover__inner-container {
    max-width: 1400px !important;
    width: 95% !important;
}

.wp-block-cover .wp-block-cover__inner-container .wp-block-group.alignwide {
    max-width: 100% !important;
    width: 100% !important;
}

.wp-block-cover .wp-block-cover__inner-container .wp-block-group.alignwide p {
    max-width: none !important;
    width: 100% !important;
}

/* Site Title Customization */
.wp-block-site-title {
    font-size: 1.2rem !important;
    animation: fadeInSlide 0.8s ease-out;
}

@keyframes fadeInSlide {
    0% {
        opacity: 0;
        transform: translateX(-20px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.wp-block-site-title a {
    position: relative;
    display: inline-block;
    transition: all 0.3s ease;
}

.wp-block-site-title a:hover {
    transform: translateY(-2px);
    text-shadow: 0 2px 8px rgba(255, 255, 255, 0.3);
}

.wp-block-site-title a::after {
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    bottom: -3px;
    left: 0;
    background-color: currentColor;
    transition: width 0.4s ease;
}

.wp-block-site-title a:hover::after {
    width: 100%;
}

/* Responsive adjustments for site title */
@media (max-width: 768px) {
    .wp-block-site-title {
        font-size: 1.05rem !important;
    }
}

@media (max-width: 480px) {
    .wp-block-site-title {
        font-size: 0.95rem !important;
    }
}

/* Language Switcher */
.lang-switcher-inline {
    display: inline-flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px;
    padding: 0 10px;
    vertical-align: middle;
    margin: 0;
}

.flag-link {
    display: flex !important;
    transition: transform 0.2s ease !important;
    text-decoration: none !important;
    width: 28px;
    height: auto;
    border: none !important;
    background: none !important;
}

.flag-link:hover {
    transform: scale(1.2);
}

.flag-link svg {
    width: 100% !important;
    height: auto !important;
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

@media (max-width: 480px) {
    .lang-switcher-inline {
        gap: 8px;
        padding: 0 5px;
    }
    .flag-link {
        width: 24px;
    }
}

/* Core Block Supports - Custom Container Styles */
.wp-elements-0fc28337457a1de0af268d48ab61d558
    a:where(:not(.wp-element-button)) {
    color: var(--wp--preset--color--background);
}
.wp-container-core-group-is-layout-bea41954 {
    flex-wrap: nowrap;
    gap: 5px;
    justify-content: flex-start;
}
.wp-container-core-navigation-is-layout-9578ed29 {
    justify-content: flex-start;
}
.wp-container-core-buttons-is-layout-2f082ee3 {
    justify-content: flex-start;
}
.wp-container-core-group-is-layout-6c531013 {
    flex-wrap: nowrap;
}
.wp-container-core-group-is-layout-43b4b956 {
    gap: 10px;
    justify-content: space-between;
}
.wp-container-core-group-is-layout-77899689 > .alignfull {
    margin-right: calc(10px * -1);
    margin-left: calc(10px * -1);
}
.wp-container-core-group-is-layout-d737d3d3 > * {
    margin-block-start: 0;
    margin-block-end: 0;
}
.wp-container-core-group-is-layout-d737d3d3 > * + * {
    margin-block-start: 0px;
    margin-block-end: 0;
}
.wp-elements-ece68b4fa00b9243e3a6d70634552f75
    a:where(:not(.wp-element-button)) {
    color: var(--wp--preset--color--body-text);
}
.wp-container-core-group-is-layout-00831e1a > * {
    margin-block-start: 0;
    margin-block-end: 0;
}
.wp-container-core-group-is-layout-00831e1a > * + * {
    margin-block-start: 10px;
    margin-block-end: 0;
}
.wp-container-core-group-is-layout-b4cbb8c1 {
    flex-wrap: nowrap;
    gap: 0px;
    justify-content: center;
}
.wp-container-core-group-is-layout-9e40f159 > * {
    margin-block-start: 0;
    margin-block-end: 0;
}
.wp-container-core-group-is-layout-9e40f159 > * + * {
    margin-block-start: 10px;
    margin-block-end: 0;
}
.wp-container-core-group-is-layout-c10fee44 > .alignfull {
    margin-right: calc(30px * -1);
    margin-left: calc(30px * -1);
}
.wp-elements-85a9dfe549476e01fc2fcea4c4af3c71
    a:where(:not(.wp-element-button)) {
    color: #0097b2;
}
.wp-elements-861fa25de680de5b8d7cacf24ae73a28
    a:where(:not(.wp-element-button)) {
    color: #0097b2;
}
.wp-elements-c12395dee3df69d1a9af5da8a10b27a5
    a:where(:not(.wp-element-button)) {
    color: #0097b2;
}
.wp-elements-d297c506e19a86f8f27441cbd2dab906
    a:where(:not(.wp-element-button)) {
    color: #0097b2;
}
.wp-elements-2146dc3bc6d7ba38fb7b37fd13934b8b
    a:where(:not(.wp-element-button)) {
    color: #0097b2;
}
.wp-container-core-group-is-layout-ebc72a69 > * {
    margin-block-start: 0;
    margin-block-end: 0;
}
.wp-container-core-group-is-layout-ebc72a69 > * + * {
    margin-block-start: 20px;
    margin-block-end: 0;
}
.wp-container-core-columns-is-layout-28f84493 {
    flex-wrap: nowrap;
}
.wp-container-core-group-is-layout-dd5ee366 > * {
    margin-block-start: 0;
    margin-block-end: 0;
}
.wp-container-core-group-is-layout-dd5ee366 > * + * {
    margin-block-start: 0px;
    margin-block-end: 0;
}
.wp-elements-2efc8fc90e17b14c8994b4aa47f840e3
    a:where(:not(.wp-element-button)) {
    color: #929ba8;
}
.wp-container-core-column-is-layout-8aa55d24 > * {
    margin-block-start: 0;
    margin-block-end: 0;
}
.wp-container-core-column-is-layout-8aa55d24 > * + * {
    margin-block-start: 10px;
    margin-block-end: 0;
}
.wp-container-core-column-is-layout-067db780 > * {
    margin-block-start: 0;
    margin-block-end: 0;
}
.wp-container-core-column-is-layout-067db780 > * + * {
    margin-block-start: 10px;
    margin-block-end: 0;
}
.wp-container-core-columns-is-layout-18c2625c {
    flex-wrap: nowrap;
}
.wp-elements-315141a9b5bd71998fa2488c07e3e808
    a:where(:not(.wp-element-button)) {
    color: var(--wp--preset--color--background);
}
.wp-elements-3521f3fde8d330ef6fc60a90a5dd0ce9
    a:where(:not(.wp-element-button)) {
    color: var(--wp--preset--color--white);
}
.wp-container-core-group-is-layout-81a7f686 {
    justify-content: center;
}
.wp-container-core-social-links-is-layout-abfc13d3 {
    gap: 20px 20px;
    justify-content: center;
}
.wp-container-core-group-is-layout-6c756ad3 {
    justify-content: space-between;
}
.wp-container-core-group-is-layout-7b89ca6f > .alignfull {
    margin-right: calc(30px * -1);
    margin-left: calc(30px * -1);
}
.wp-container-core-group-is-layout-2b148a20 > * {
    margin-block-start: 0;
    margin-block-end: 0;
}
.wp-container-core-group-is-layout-2b148a20 > * + * {
    margin-block-start: 0px;
    margin-block-end: 0;
}

/* Additional Layout Utilities */
.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}

.animated-fadeInUp {
    animation-name: fadeInUp;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 40px, 0);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

/* ========================================
   Footer Social Links
   ======================================== */
.wp-block-social-links {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: center;
}

.wp-block-social-links.has-small-icon-size svg {
    width: 24px;
    height: 24px;
}

.wp-block-social-link {
    display: flex;
    align-items: center;
    justify-content: center;
}

.wp-block-social-link a {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    transition:
        transform 0.2s ease,
        opacity 0.2s ease;
}

.wp-block-social-link a:hover {
    transform: scale(1.15);
    opacity: 0.85;
}

.wp-block-social-link svg {
    fill: currentColor;
}

.wp-block-social-link-label.screen-reader-text {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* Footer Bottom Bar */
.footer-bottom-bar {
    background-color: #24221f !important;
    padding: 25px 30px;
    width: 100%;
    box-sizing: border-box;
}

.footer-bottom-content {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    max-width: 1200px;
    margin: 0 auto;
}

.footer-copyright {
    color: #ffffff;
    font-size: 14px;
    margin: 0;
    text-align: center;
}

@media (max-width: 768px) {
    .footer-bottom-content {
        flex-direction: column;
        text-align: center;
    }

    .wp-block-social-links {
        justify-content: center;
    }
}