/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 12 2026 | 07:13:50 */
/* =========================================================
   HEADER
========================================================= */

.breon-header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;

    width: 100%;

    overflow: visible !important;

    background: transparent;

    transition:
        background-color 0.35s ease,
        backdrop-filter 0.35s ease,
        padding 0.35s ease,
        box-shadow 0.35s ease;
}

.breon-header nav {
    margin-top: 10px;
}

/* Header Scrolled */

.breon-header.scrolled {
    padding-top: 10px !important;
    padding-bottom: 8px !important;

    background: rgba(236, 234, 214, 0.5) !important;

    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);

    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);

    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
}

/* Logo */

.breon-header .custom-logo-link img {
    transition: opacity 0.3s ease;
}

.breon-header.scrolled .custom-logo {
    transform: scale(0.92);
    transition: 0.3s ease !important;
}

/* Header Links */

.breon-header a {
    transition: color 0.3s ease !important;
}

.breon-header.scrolled a,
.breon-header.scrolled nav a,
.breon-header.scrolled button.wp-block-navigation__responsive-container-open {
    color: #894127 !important;
    transition: color 0.3s ease !important;
}

.breon-header.scrolled button.wp-block-navigation__responsive-container-open {
    color: #3d3d3d !important;
}

/* =========================================================
   NAVIGATION
========================================================= */

button.wp-block-navigation__responsive-container-open {
    color: #ecead6 !important;
}

.menu-breon .wp-block-navigation__responsive-container
.wp-block-navigation__responsive-container-close {
    color: #894127 !important;
}

/* Mobile Menu */

nav.menu-breon .wp-block-navigation__responsive-container.is-menu-open {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    z-index: 999900 !important;

    width: 70vw !important;
    height: 100vh !important;
    max-height: 100vh !important;

    overflow: hidden;
    overflow-y: auto !important;

    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);

    transition: width 0.35s ease;
}

/* =========================================================
   HEADER HELPERS
========================================================= */

div.escribenos-wp,
.in-logo {
    display: none !important;
}

.in-logo a img {
    width: 80% !important;
}

/* =========================================================
   RESET
========================================================= */

body.editor-styles-wrapper .wp-site-blocks > *,
.wp-site-blocks > * {
    margin-block-start: 0;
}

/* =========================================================
   ALIGN FULL SUPPORT
========================================================= */

body {
    overflow-x: hidden;
}

.entry-content .alignfull {
    width: 100vw;
    max-width: 100vw;

    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
}

/* =========================================================
   NAVIGATION SUBMENU
========================================================= */

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

    .wp-block-navigation ul.wp-block-navigation-submenu li {
        border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    }

    .wp-block-navigation ul.wp-block-navigation-submenu li:last-child {
        border: none;
    }
}

/* =========================================================
   CUSTOM BUTTON ICONS
========================================================= */

.button_mas a,
a.button_masb,
.btn_blog a,
.footer-flecha,
.btn_contacto a{
    display: inline-flex;
    align-items: center;
}

/* Shared Icon */

.button_mas a::after,
a.button_masb::after,
.btn_blog a::after,
.footer-flecha::before,
.servicios-flecha::before{
    content: "";

    display: inline-block;

    width: 18px;
    height: 18px;

    background-size: contain;
    background-repeat: no-repeat;

    transition: transform 0.2s ease;
}

/* Brown Arrow */

.button_mas a::after,
a.button_masb::after,
.footer-flecha::before,
.servicios-flecha::before{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23894125' stroke-width='3'%3E%3Cpath stroke-linecap='square' stroke-linejoin='bevel' d='M7 17L17 7M17 7H9M17 7V15'/%3E%3C/svg%3E");
}

/* White Arrow */

.btn_blog a::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23f9f8f2' stroke-width='3'%3E%3Cpath stroke-linecap='square' stroke-linejoin='bevel' d='M7 17L17 7M17 7H9M17 7V15'/%3E%3C/svg%3E");
}

/* Hover */

.button_mas a:hover::after,
a.button_masb:hover::after,
.btn_blog a:hover::after,
.footer-flecha:hover::before,
.servicios-flecha:hover::before{
    transform: translate(3px, -3px);
}

/* =========================================================
   BREON TITLE
========================================================= */

.breon_title {
    display: flex;
    align-items: center;
    gap: 8px;
}

.breon_title::before {
    content: "";

    width: 20px;
    height: 24px;

      background-color: currentColor;

  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cpath d='M115.62,50.28V13.91c0-5.4-4.37-9.77-9.76-9.77h-36.35c-4.35,0-8.03,2.85-9.3,6.78-1.26-3.93-4.95-6.78-9.3-6.78H14.57c-5.39,0-9.76,4.37-9.76,9.77v36.36c0,4.32,2.81,7.98,6.7,9.27-3.89,1.29-6.7,4.95-6.7,9.27v36.36c0,5.4,4.37,9.77,9.76,9.77h36.35c4.35,0,8.03-2.85,9.3-6.78,1.26,3.93,4.95,6.78,9.3,6.78h36.35c5.39,0,9.76-4.37,9.76-9.77v-36.36c0-4.32-2.81-7.98-6.7-9.27,3.89-1.29,6.7-4.95,6.7-9.27ZM60.21,65.84c-.95-2.97-3.28-5.31-6.23-6.29,2.95-.98,5.28-3.32,6.23-6.29.95,2.97,3.28,5.31,6.23,6.29-2.95.98-5.28,3.32-6.23,6.29Z'/%3E%3C/svg%3E");

  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cpath d='M115.62,50.28V13.91c0-5.4-4.37-9.77-9.76-9.77h-36.35c-4.35,0-8.03,2.85-9.3,6.78-1.26-3.93-4.95-6.78-9.3-6.78H14.57c-5.39,0-9.76,4.37-9.76,9.77v36.36c0,4.32,2.81,7.98,6.7,9.27-3.89,1.29-6.7,4.95-6.7,9.27v36.36c0,5.4,4.37,9.77,9.76,9.77h36.35c4.35,0,8.03-2.85,9.3-6.78,1.26,3.93,4.95,6.78,9.3,6.78h36.35c5.39,0,9.76-4.37,9.76-9.77v-36.36c0-4.32-2.81-7.98-6.7-9.27,3.89-1.29,6.7-4.95,6.7-9.27ZM60.21,65.84c-.95-2.97-3.28-5.31-6.23-6.29,2.95-.98,5.28-3.32,6.23-6.29.95,2.97,3.28,5.31,6.23,6.29-2.95.98-5.28,3.32-6.23,6.29Z'/%3E%3C/svg%3E");

  mask-size: contain;
  mask-repeat: no-repeat;
}

/* =========================================================
   CONTACT ITEMS
========================================================= */

.contact-item {
    display: flex;
    align-items: center;
    gap: 5px;

    margin-top: 5px;
    margin-bottom: 25px;
}

.contact-item span,
.contact-item a {
    font-size: 16px !important;

    color: #894125;

    text-decoration: none !important;
}

.contact-item svg {
    flex-shrink: 0;

    color: #894125;

    padding-top: 2px !important;
}

.contact-item a:hover,
.contact-item svg:hover {
    color: #432025;
}

/* Contact Icon */

.contact-icon {
    width: 28px;
    min-width: 28px;

    margin-top: 4px;
    margin-right: 5px;

    color: #A44E27;
}

.contact-icon svg {
    width: 100%;
    height: auto;

    display: block;
}

/* Contact Typography */

.contact-content small {
    margin: 0 !important;

    font-family: var(--wp--preset--font-family--citizen);
}

.contact-content a {
    font-family: "PT Mono" !important;
    font-style: normal;
}

p.breon-note {
    font-size: 12px;

    font-family: "PT Mono" !important;
    font-style: normal;
}

/* =========================================================
   FOOTER LINKS
========================================================= */

.footer-flecha a {
    text-decoration: none !important;
}

/* =========================================================
   CONTACT BUTTON
========================================================= */

.btn_contacto a::before {
    content: "";

    display: inline-block;

    width: 18px;
    height: 21px;

    margin-right: 3px;

    background-color: currentColor;

    -webkit-mask-image: url("data:image/svg+xml,...");
    mask-image: url("data:image/svg+xml,...");

    mask-size: contain;
    mask-repeat: no-repeat;

    transition: transform 0.2s ease;
}

.btn_contacto a:hover::before {
    transform: translate(3px, 0);
}

/* =========================================================
   SERVICES LIST
========================================================= */

.lista-servicios {
    margin: 0;
    padding: 0;

    list-style: none;
}

.lista-servicios li {
    position: relative;

    padding-left: 28px;
    margin-bottom: 10px;

    font-size: 14px;
}

.lista-servicios li::before {
    content: "";

    position: absolute;

    top: 50%;
    left: 0;

    width: 16px;
    height: 2px;

    transform: translateY(-50%);

    background-color: #8B5E3C;

    border-radius: 2px;
}

/* =========================================================
   SERVICES BANNER
========================================================= */

.servicios-banner {
    border-bottom: solid 1px #b6c0c3;
}

.servicios-banner:hover {
    background-color: #eeead6 !important;
    transition: transform 0.5s ease;
}

.servicios-flecha {
    text-decoration: none !important;
	padding-bottom: 10px !important;
	border-bottom: solid 1px #f4f3e9;
}
.otros-servicios:hover{
	background-color: #7e794f !important;
}
.otros-servicios:hover h4 a,
.otros-servicios:hover p{
	color: #ecead6 !important;
}

.otros-servicios h4 a{
	text-decoration: none !important;
	color: #432025 !important:
}
.otros-servicios h4 a:hover{
	text-decoration: none !important;
	color: #ecead6 !important:
}

/* =========================================================
   CONTACT FORM
========================================================= */

.breon-contact-form {
    width: 100%;
}

.form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;

    margin-bottom: 28px;
}

.form-group {
    display: flex;
    flex-direction: column;
}

.form-group label {
    margin-bottom: 12px;

    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.08em;

    font-family: var(--wp--preset--font-family--citizen);

    color: #2d2d2d;
}

.form-group label span {
    opacity: 0.7;

    letter-spacing: 0;
    text-transform: none;
}

.form-group p {
    margin: 0;
}

.breon-contact-form input,
.breon-contact-form textarea,
.breon-contact-form select {
    width: 100%;

    padding: 18px 20px;

    box-sizing: border-box;

    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    font-family: "PT Mono";

    color: #3d3d3d;

    background: transparent;
    border: 1px solid rgba(0, 0, 0, 0.12);

    transition:
        border-color 0.3s ease,
        background 0.3s ease;
}

.breon-contact-form textarea {
    min-height: 220px;

    resize: vertical;
}

.breon-contact-form input:focus,
.breon-contact-form textarea:focus,
.breon-contact-form select:focus {
    outline: none;

    border-color: #8B5E3C;

    background: rgba(255, 255, 255, 0.4);
}

.full-width {
    margin-bottom: 32px;
}

/* Contact Button */

.contact-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 64px;

    padding: 18px 42px;

    font-size: 20px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0.04em;

    font-family: var(--wp--preset--font-family--citizen);

    color: #4A2A32;

    cursor: pointer;

    background: #F5F2EC;
    border: none;

    transition:
        transform 0.3s ease,
        background 0.3s ease,
        color 0.3s ease;
}

.contact-button:hover {
    background: #8d421f;

    transition: transform 0.2s ease;
}

/* Disclaimer */

.form-disclaimer {
    max-width: 600px;
    margin-top: 0;

    font-size: 14px;
    line-height: 1.5;

    color: #666;
}

/* =========================================================
   CONTACT INFO
========================================================= */

.breon-contact-info {
    padding-left: 60px;
}

/* Heading */

.contact-heading {
    display: flex;
    align-items: center;
    gap: 16px;

    margin-bottom: 50px;
}

.contact-heading span {
    width: 70px;
    height: 2px;

    background: #A44E27;
}

.contact-heading p {
    margin: 0;

    font-size: 14px;
    letter-spacing: 0.18em;

    color: #4d5a4d;
}

/* Content */

.contact-content small {
    display: block;

    margin-bottom: 10px;

    font-size: 13px;
    letter-spacing: 0.12em;

    color: #5b665b;
}

.contact-content a,
.contact-content h3 {
    margin: 0;

    font-size: 42px;
    line-height: 1.1;
    font-family: serif;

    color: #222;

    text-decoration: none;
}

.contact-content p {
    margin-top: 12px;

    line-height: 1.6;

    color: #626262;
}

/* =========================================================
   SCHEDULE CARD
========================================================= */

.contact-schedule-card {
    margin-top: 30px;
    padding: 30px;

    color: white;

    background: #7e794f;
}

.contact-schedule-card small {
    display: block;

    margin-bottom: 16px;

    font-family: var(--wp--preset--font-family--citizen);
    font-weight: 600;
    letter-spacing: 0.04em;

    color: #e5aa41;
}

.contact-schedule-card h2 {
    margin: 0 0 22px;

    font-size: 32px;
    font-weight: 400;
    line-height: 1.105;
    font-style: normal;

    font-family: "PT Mono";

    color: #ecead6;
}

.contact-schedule-card p {
    margin: 0;

    color: rgba(255, 255, 255, 0.7);
}

/* =========================================================
   FOOTER ACCORDION
========================================================= */

.footer-accordion {
    padding: 10px 5px !important;

    overflow: hidden;

    border-bottom: none;
}

/* =========================================
PANEL submenú breon
========================================= */

.breon-services-panel {

    position: absolute;

    top: 100px;

    left: 50%;

    transform:
        translateX(-50%)
        translateY(10px);

    width: 720px;

    background: rgba(245, 242, 236, 0.98);

    backdrop-filter: blur(14px);

    padding: 42px 48px;

    box-shadow:
        0 20px 60px rgba(0,0,0,0.08);

    opacity: 0;

    visibility: hidden;

    pointer-events: none;

    transition:
        opacity 0.25s ease,
        transform 0.25s ease;

    z-index: 999999;
}

/* ACTIVO */
.wp-block-navigation__submenu-container{
	display: none !important;
}

.breon-services-panel.active {

    opacity: 1;

    visibility: visible;

    pointer-events: auto;

    transform:
        translateX(-50%)
        translateY(0);
}

/* =========================================
ITEMS
========================================= */

.service-panel-item {

    display: flex;

    align-items: flex-start;

    gap: 26px;

    text-decoration: none;

    padding: 24px 0;

    border-bottom: 1px solid rgba(0,0,0,0.06);

    transition:
        transform 0.25s ease,
        opacity 0.25s ease;
}

.service-panel-item:last-child {

    border-bottom: none;
}

.service-panel-item:hover {

    transform: translateX(6px);
}

/* =========================================
ICONO BREON
========================================= */

.service-number {

    width: 34px;

    height: 34px;

    min-width: 34px;

    background-image: url("https://breon.villadigital.mx/wp-content/uploads/2026/04/cropped-consultores-fiscales-empresariales-breon-1.png");

    background-repeat: no-repeat;

    background-position: center;

    background-size: contain;

    margin-top: 4px;

    opacity: 0.92;

    transition:
        transform 0.25s ease,
        opacity 0.25s ease;
}

/* HOVER ICONO */

.service-panel-item:hover .service-number {

    transform: rotate(-4deg);

    opacity: 1;
}

/* =========================================
CONTENIDO
========================================= */

.service-content {

    flex: 1;
}

/* TITULO */

.service-content h4 {

    margin: 0 0 10px;

    font-size: 22px;

    line-height: 1.3;

    color: #894125;

    font-weight: 300;
}

/* TEXTO */

.service-content p {

    margin: 0;

    font-size: 16px;

    line-height: 1.55;

    color: #7e794f;
	
    font-weight: 200;
}

/* Mobile OPTIONS */

@media (max-width: 990px) {

    .breon-services-panel {

        display: none !important;
    }
	
	.wp-block-navigation__submenu-container{
		display: block !important;
	}
	
	.wp-block-navigation__submenu-container {

        padding-top: 14px !important;

        padding-left: 18px !important;

        background: transparent !important;

        border: none !important;
    }

    .wp-block-navigation__submenu-container a {
		position: relative;
        font-size: 14px !important;
        padding: 10px 0 !important;
		padding-left: 20px !important;
    }
	.wp-block-navigation__submenu-container a::before {
        content: "";
        position: absolute;
        left: 0;
        top: 50%;

        transform: translateY(-50%);

        width: 16px;

        height: 16px;

        background-image: url("https://breon.villadigital.mx/wp-content/uploads/2026/04/cropped-consultores-fiscales-empresariales-breon-1.png");

        background-size: contain;

        background-repeat: no-repeat;

        background-position: center;

        opacity: 0.9;
    }


}

/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 768px) {

    /* Header */

    .breon-header {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    div.escribenos-wp {
        display: block !important;

        margin-top: 10px;
    }

    .in-logo {
        display: block !important;
    }

    .boton-hw {
        display: none !important;
    }
	
	.breon-services-panel {

        position: static;

        width: 100%;

        padding: 0;

        max-height: 0;

        overflow: hidden;

        opacity: 0;

        visibility: hidden;

        pointer-events: none;

        transform: none;

        background: transparent;

        box-shadow: none;

        backdrop-filter: none;

        transition:
            max-height 0.35s ease,
            opacity 0.25s ease;
    }

    .breon-services-panel.active {

        padding: 20px 0;

        max-height: 1000px;

        opacity: 1;

        visibility: visible;

        pointer-events: auto;
    }

    /* Form */

    .form-row {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .breon-contact-form textarea {
        min-height: 180px;
    }

    .contact-button {
        width: 100%;
    }

    /* Contact Info */

    .breon-contact-info {
        padding-left: 0;
        margin-top: 60px;
    }

    .contact-content a,
    .contact-content h3 {
        font-size: 32px;
    }

    /* Schedule */

    .contact-schedule-card {
        padding: 36px;
    }

    .contact-schedule-card h2 {
        font-size: 36px;
    }

    /* Footer Accordion */

    .footer-accordion {
        padding: 10px 5px !important;

        overflow: hidden;

        border-bottom: 1px solid #7e794f;
    }

    /* Accordion Title */

    .footer-accordion .wp-block-heading {
        position: relative;

        margin: 0;
        padding-right: 30px;

        cursor: pointer;
    }

    .footer-accordion h5 {
        font-size: 20px !important;
    }

    .footer-accordion .wp-block-group {
        height: 40px !important;

        transition: transform 0.3s ease;
    }

    .footer-accordion.active .wp-block-group {
        height: auto !important;

        transition: transform 0.3s ease;
    }

    /* Accordion Icon */

    .footer-accordion .wp-block-heading::before,
    .footer-accordion .wp-block-heading::after {
        content: "";

        position: absolute;

        top: 50%;
        right: 0;

        width: 16px;
        height: 2px;

        background: #8B5E3C;

        transition: transform 0.3s ease;
    }

    .footer-accordion .wp-block-heading::after {
        transform: rotate(90deg);
    }

    .footer-accordion.active .wp-block-heading::after {
        transform: rotate(0deg);
    }

    /* Accordion Content */

    .footer-accordion p {
        display: none;

        max-height: 0;

        overflow: hidden;

        margin: 0;

        opacity: 0;

        transition:
            max-height 0.4s ease,
            opacity 0.3s ease,
            margin 0.3s ease;
    }

    .footer-accordion.active p {
        display: block;

        max-height: 80px;

        margin-top: 18px;

        opacity: 1;

        transition: transform 0.3s ease;
    }

    .footer-accordion p a {
        display: inline-block;

        padding: 4px 0;
    }
}