/home/vianto5/haciendasanpancho.mx/wp-content/uploads/elementor/css
Edit: /home/vianto5/haciendasanpancho.mx/wp-content/uploads/elementor/css/post-315.css (22679B)
.elementor-315 .elementor-element.elementor-element-8bade18{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:1%;--padding-bottom:1%;--padding-left:5%;--padding-right:5%;}.elementor-315 .elementor-element.elementor-element-8bade18:not(.elementor-motion-effects-element-type-background), .elementor-315 .elementor-element.elementor-element-8bade18 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F5F5;}.elementor-315 .elementor-element.elementor-element-8485fac{--display:flex;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-315 .elementor-element.elementor-element-98c6d2b{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-315 .elementor-element.elementor-element-28de443{--display:flex;--justify-content:center;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-315 .elementor-element.elementor-element-44fe8f7 .elementor-menu-toggle{margin:0 auto;}.elementor-315 .elementor-element.elementor-element-44fe8f7 .elementor-nav-menu .elementor-item{font-family:"Point DEMO Light", Sans-serif;font-size:18px;font-weight:300;text-transform:none;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:0.4px;}.elementor-315 .elementor-element.elementor-element-44fe8f7 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-315 .elementor-element.elementor-element-44fe8f7 .elementor-nav-menu--main .elementor-item:hover,
.elementor-315 .elementor-element.elementor-element-44fe8f7 .elementor-nav-menu--main .elementor-item.elementor-item-active,
.elementor-315 .elementor-element.elementor-element-44fe8f7 .elementor-nav-menu--main .elementor-item.highlighted,
.elementor-315 .elementor-element.elementor-element-44fe8f7 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-315 .elementor-element.elementor-element-df1dd77{--display:flex;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-315 .elementor-element.elementor-element-975515f .elementor-button{background-color:var( --e-global-color-text );font-family:"Raleway", Sans-serif;font-size:16px;font-weight:500;text-transform:none;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:0px;fill:var( --e-global-color-text );color:var( --e-global-color-text );}.elementor-315 .elementor-element.elementor-element-975515f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-315 .elementor-element.elementor-element-323de05{--display:flex;--min-height:9vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;box-shadow:0px 0px 13px 0px rgba(0,0,0,0.5);--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:8%;--padding-right:8%;--z-index:95;}.elementor-315 .elementor-element.elementor-element-323de05:not(.elementor-motion-effects-element-type-background), .elementor-315 .elementor-element.elementor-element-323de05 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-315 .elementor-element.elementor-element-67713c3{--display:flex;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-315 .elementor-element.elementor-element-4fc6b4b .elementor-icon-wrapper{text-align:center;}.elementor-315 .elementor-element.elementor-element-4fc6b4b.elementor-view-stacked .elementor-icon{background-color:#581424;}.elementor-315 .elementor-element.elementor-element-4fc6b4b.elementor-view-framed .elementor-icon, .elementor-315 .elementor-element.elementor-element-4fc6b4b.elementor-view-default .elementor-icon{color:#581424;border-color:#581424;}.elementor-315 .elementor-element.elementor-element-4fc6b4b.elementor-view-framed .elementor-icon, .elementor-315 .elementor-element.elementor-element-4fc6b4b.elementor-view-default .elementor-icon svg{fill:#581424;}.elementor-315 .elementor-element.elementor-element-e2078a1{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-315 .elementor-element.elementor-element-34ccf56{--display:flex;}.elementor-315 .elementor-element.elementor-element-16ef3d4 .elementor-button{background-color:#00000000;font-family:"Proxima Nova", Sans-serif;font-size:18px;font-weight:600;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:0px;word-spacing:0em;fill:#000000;color:#000000;transition-duration:0s;border-style:none;border-radius:6px 6px 6px 6px;padding:16px 30px 16px 30px;}.elementor-315 .elementor-element.elementor-element-16ef3d4.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-315 .elementor-element.elementor-element-16ef3d4 .elementor-button:hover, .elementor-315 .elementor-element.elementor-element-16ef3d4 .elementor-button:focus{color:#000000;}.elementor-315 .elementor-element.elementor-element-16ef3d4 .elementor-button:hover svg, .elementor-315 .elementor-element.elementor-element-16ef3d4 .elementor-button:focus svg{fill:#000000;}.elementor-315 .elementor-element.elementor-element-07a0290{width:auto;max-width:auto;bottom:64px;z-index:100;border-style:none;}body:not(.rtl) .elementor-315 .elementor-element.elementor-element-07a0290{right:24px;}body.rtl .elementor-315 .elementor-element.elementor-element-07a0290{left:24px;}.elementor-315 .elementor-element.elementor-element-07a0290 .elementor-icon-wrapper{text-align:center;}.elementor-315 .elementor-element.elementor-element-07a0290.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-315 .elementor-element.elementor-element-07a0290.elementor-view-framed .elementor-icon, .elementor-315 .elementor-element.elementor-element-07a0290.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-315 .elementor-element.elementor-element-07a0290.elementor-view-framed .elementor-icon, .elementor-315 .elementor-element.elementor-element-07a0290.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-315 .elementor-element.elementor-element-07a0290 .elementor-icon{font-size:30px;padding:12px;}.elementor-315 .elementor-element.elementor-element-07a0290 .elementor-icon svg{height:30px;}.elementor-315 .elementor-element.elementor-element-194de6ea{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-315 .elementor-element.elementor-element-44fe8f7 .elementor-nav-menu .elementor-item{font-size:70px;}.elementor-315 .elementor-element.elementor-element-975515f .elementor-button{font-size:15px;}.elementor-315 .elementor-element.elementor-element-323de05{--min-height:85px;--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-315 .elementor-element.elementor-element-16ef3d4 .elementor-button{font-size:14px;padding:14px 35px 14px 35px;}}@media(max-width:767px){.elementor-315 .elementor-element.elementor-element-44fe8f7 .elementor-nav-menu .elementor-item{font-size:46px;}.elementor-315 .elementor-element.elementor-element-975515f .elementor-button{font-size:14px;}.elementor-315 .elementor-element.elementor-element-323de05{--width:100%;--min-height:81px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:5%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-315 .elementor-element.elementor-element-67713c3{--width:20%;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-315 .elementor-element.elementor-element-4fc6b4b .elementor-icon{font-size:45px;}.elementor-315 .elementor-element.elementor-element-4fc6b4b .elementor-icon svg{height:45px;}.elementor-315 .elementor-element.elementor-element-e2078a1{--width:60%;}.elementor-315 .elementor-element.elementor-element-e9000c7 img{width:75px;}.elementor-315 .elementor-element.elementor-element-34ccf56{--width:20%;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-315 .elementor-element.elementor-element-16ef3d4 .elementor-button{font-size:36px;border-radius:0px 0px 0px 0px;padding:3% 3% 3% 3%;}}@media(min-width:768px){.elementor-315 .elementor-element.elementor-element-8485fac{--width:13%;}.elementor-315 .elementor-element.elementor-element-28de443{--width:74%;}.elementor-315 .elementor-element.elementor-element-df1dd77{--width:13%;}.elementor-315 .elementor-element.elementor-element-67713c3{--width:20%;}.elementor-315 .elementor-element.elementor-element-e2078a1{--width:100%;}.elementor-315 .elementor-element.elementor-element-34ccf56{--width:20%;}}@media(max-width:1024px) and (min-width:768px){.elementor-315 .elementor-element.elementor-element-e2078a1{--width:15%;}}/* Start custom CSS for nav-menu, class: .elementor-element-44fe8f7 */#menu-desk a:hover {
transform: translateY(-10px);
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-07a0290 */#slider-up-mob .elementor-icon {
border: solid 1px #000;
}
.elementor-82 .elementor-element.elementor-element-3b0df8a > .elementor-widget-container {
transform: none !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b898a8a *//* ==========================================================
MENÚ MÓVIL HACIENDA SAN PANCHO
========================================================== */
/* Oculto por defecto en tablet y escritorio */
.hsp-mobile-menu {
display: none;
}
/* Bloqueo del scroll cuando el menú está abierto */
html.hsp-menu-open {
overflow: hidden !important;
}
body.hsp-menu-open {
position: fixed;
width: 100%;
overflow: hidden !important;
touch-action: none;
}
/* ==========================================================
ÚNICAMENTE MÓVIL
========================================================== */
@media screen and (max-width: 767px) {
.hsp-mobile-menu,
.hsp-mobile-menu *,
.hsp-mobile-menu *::before,
.hsp-mobile-menu *::after {
box-sizing: border-box;
}
.hsp-mobile-menu {
position: fixed;
inset: 0;
z-index: 2147483000;
display: block;
width: 100%;
height: 100vh;
height: 100dvh;
background: #ededed;
visibility: hidden;
opacity: 0;
pointer-events: none;
transform: translateX(-100%);
transition:
transform 360ms cubic-bezier(0.77, 0, 0.18, 1),
opacity 220ms ease,
visibility 0s linear 360ms;
overflow: hidden;
}
.hsp-mobile-menu.is-open {
visibility: visible;
opacity: 1;
pointer-events: auto;
transform: translateX(0);
transition:
transform 360ms cubic-bezier(0.77, 0, 0.18, 1),
opacity 220ms ease,
visibility 0s linear 0s;
}
.hsp-mobile-menu__panel {
width: 100%;
height: 100%;
min-height: 100%;
background: #ededed;
}
/* ======================================================
ENCABEZADO
====================================================== */
.hsp-mobile-menu__header {
position: relative;
width: 100%;
height: 65px;
background: #f5f5f5;
border-top: 4px solid #f1dfd0;
border-bottom: 1px solid #d9d9d9;
}
.hsp-mobile-menu__close,
.hsp-mobile-menu__cart {
position: absolute;
top: 50%;
display: flex;
align-items: center;
justify-content: center;
margin: 0;
padding: 0;
color: #111111;
background: transparent;
border: 0;
outline: 0;
box-shadow: none;
transform: translateY(-50%);
cursor: pointer;
text-decoration: none;
-webkit-tap-highlight-color: transparent;
}
.hsp-mobile-menu__close {
left: 23px;
width: 32px;
height: 32px;
}
.hsp-mobile-menu__cart {
right: 23px;
width: 35px;
height: 35px;
}
.hsp-mobile-menu__close:hover,
.hsp-mobile-menu__close:focus,
.hsp-mobile-menu__cart:hover,
.hsp-mobile-menu__cart:focus {
color: #111111;
background: transparent;
}
.hsp-mobile-menu__logo {
position: absolute;
top: 50%;
left: 50%;
display: flex;
align-items: center;
justify-content: center;
width: 105px;
height: 47px;
transform: translate(-50%, -50%);
text-decoration: none;
}
.hsp-mobile-menu__logo img {
display: block;
width: 100%;
max-width: 105px;
max-height: 45px;
object-fit: contain;
}
/* ======================================================
CUERPO DEL MENÚ
====================================================== */
.hsp-mobile-menu__body {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
height: calc(100vh - 65px);
height: calc(100dvh - 65px);
min-height: calc(100svh - 65px);
padding:
116px
24px
max(28px, env(safe-area-inset-bottom));
background: #ededed;
overflow-x: hidden;
overflow-y: auto;
overscroll-behavior: contain;
-webkit-overflow-scrolling: touch;
}
/* ======================================================
NAVEGACIÓN
====================================================== */
.hsp-mobile-menu__navigation {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
margin: 0;
padding: 0;
gap: 19px;
}
.hsp-mobile-menu__navigation a {
display: block;
margin: 0;
padding: 0;
color: #4b4b4b;
font-family: "Montserrat", "Poppins", Arial, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 22px;
letter-spacing: 0;
text-align: center;
text-decoration: none;
transition: opacity 180ms ease;
-webkit-tap-highlight-color: transparent;
}
.hsp-mobile-menu__navigation a:hover,
.hsp-mobile-menu__navigation a:focus {
color: #4b4b4b;
opacity: 0.65;
}
/* ======================================================
BOTÓN ECOMMERCE
====================================================== */
.hsp-mobile-menu__ecommerce {
display: inline-flex;
align-items: center;
justify-content: center;
width: 150px;
height: 48px;
margin-top: 25px;
padding: 0 15px;
gap: 7px;
color: #ffffff;
background: #000000;
border: 0;
border-radius: 7px;
font-family: Arial, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1;
text-align: center;
text-decoration: none;
box-shadow: none;
transition:
transform 160ms ease,
opacity 160ms ease;
-webkit-tap-highlight-color: transparent;
}
.hsp-mobile-menu__ecommerce svg {
flex: 0 0 auto;
}
.hsp-mobile-menu__ecommerce:hover,
.hsp-mobile-menu__ecommerce:focus {
color: #ffffff;
background: #000000;
opacity: 0.85;
transform: translateY(-1px);
}
/* ======================================================
REDES SOCIALES
====================================================== */
.hsp-mobile-menu__social {
display: flex;
flex-direction: column;
align-items: center;
margin-top: auto;
padding-top: 40px;
color: #000000;
}
.hsp-mobile-menu__social p {
margin: 0;
color: #000000;
font-family: Arial, sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 18px;
text-align: center;
}
.hsp-mobile-menu__social-links {
display: flex;
align-items: center;
justify-content: center;
margin-top: 11px;
gap: 24px;
}
.hsp-mobile-menu__social-links a {
display: flex;
align-items: center;
justify-content: center;
width: 18px;
height: 18px;
margin: 0;
padding: 0;
color: #000000;
background: transparent;
text-decoration: none;
transition:
transform 160ms ease,
opacity 160ms ease;
-webkit-tap-highlight-color: transparent;
}
.hsp-mobile-menu__social-links a:hover,
.hsp-mobile-menu__social-links a:focus {
color: #000000;
opacity: 0.7;
transform: translateY(-1px);
}
/* Estados de enfoque para accesibilidad */
.hsp-mobile-menu a:focus-visible,
.hsp-mobile-menu button:focus-visible {
outline: 2px solid #9b1c34;
outline-offset: 3px;
}
}
/* ==========================================================
PANTALLAS MÓVILES DE BAJA ALTURA
Evita que el contenido se corte
========================================================== */
@media screen and (max-width: 767px) and (max-height: 620px) {
.hsp-mobile-menu__body {
padding-top: 55px;
padding-bottom: 24px;
}
.hsp-mobile-menu__navigation {
gap: 13px;
}
.hsp-mobile-menu__ecommerce {
margin-top: 20px;
}
.hsp-mobile-menu__social {
margin-top: 45px;
padding-top: 0;
}
}
/* Elimina la animación cuando el usuario tiene
activado "reducir movimiento" */
@media (prefers-reduced-motion: reduce) {
.hsp-mobile-menu {
transition: none !important;
}
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
font-family: 'Point DEMO Light';
font-style: normal;
font-weight: 300;
font-display: auto;
src: url('https://haciendasanpancho.mx/wp-content/uploads/2026/06/Point-DEMO-Light.woff2') format('woff2');
}
/* End Custom Fonts CSS */