html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    font-size: 1.04rem;
}
h1, h2, h3, h4, h5, h6 {
    font-size: 1.23rem;
}
h1 *, h2 *, h3 *, h4 *, h5 *, h6 * {
    font-size: 1.23rem;
}
body{
    background-color: var(--background-mobile) !important;
}
/*Header*/
header .center-block {
    justify-content: space-between;
}
header .center-block .top-nav .menu-menuprincipaldrmariano-container{
    display: none;
}
header .center-block .logo {
    border-right: none;
    max-width: 250px;
}
header .center-block .logo img{
    width: 100%;
}
/*Header*/

/*Icon Mobile Nav*/
header .center-block .top-nav .hb-mobile{
    display: block;
}
/*Icon Mobile Nav*/

/*Hero Header*/
.hero-header .center-block{
    padding: 0px;
}
.hero-header .background-hero {
    display: none;
}
.hero-only-image {
    height: 300px;
}
.hero-only-image .background-hero{
    display: block;
}
.hero-header .center-block{
    flex-direction: column;
}

.hero-header .center-block .hero-left{
    max-width: none;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 30px;
    width: 100%;
    justify-content: center;
}
.hero-header .center-block .hero-left img{
    max-width: 250px;
    height: auto;
}
.hero-header .center-block .hero-right{
    margin-top: 20px;
    margin-bottom: 20px;
    width: 100%;
}
.hero-header .center-block .hero-right.hero-right-hide-mobile{
    display: none;
}
.hero-header .center-block .hero-right .block {
    width: calc(90% - 30px);
    background-color: var(--white);
    padding: 15px;
    border-radius: 15px;
}
.hero-header .center-block .hero-right .block h1{
    font-size: 1.7rem;
    line-height: 1em;
}
/*Hero Header*/

/*Home access services*/
.access-services ul{
    margin: 10px 0px 10px;
    padding: 0;
    justify-content: space-between;
}
.access-services ul li a{
    font-size: 0.9rem;
    padding: 10px 8px;
}
.access-services ul li:first-child a {
    padding: 10px 7px 10px 0px;
}


.text-services{
    padding: 20px 0px;
}
.text-services h2, .text-services h2 *{
    color: var(--hero-h1);
    font-weight: 700;
}
.text-services .center-block{
    width: calc(90% - 30px);
    background-color: var(--white);
    padding: 15px;
    border-radius: 15px;
}
.slider-services h2, .slider-services h2 *{
    color: var(--hero-h1);
    font-weight: 700;
}
/*Home access services*/

/*Slider After And Before*/
.slider-after-before h2, .slider-after-before h2 *{
    color: var(--hero-h1);
    font-weight: 700;
}
.slider-after-before .center-block .after-before-box-mobile{
    width: calc(97% - 30px);
    background-color: var(--white);
    padding: 15px;
    border-radius: 15px;
}
.ba__col figcaption{
    color: var(--hero-h1);
    font-weight: 600;
}
/*Slider After And Before*/

/*Slider Review*/
.slider-reviews h2, .slider-reviews h2 *{
    color: var(--hero-h1);
    font-weight: 700;
}
.slider-reviews .center-block .reviews-box-mobile{
    width: calc(98% - 30px);
    background-color: var(--white);
    padding: 15px;
    border-radius: 15px;
    margin-bottom: 15px;
}
.slider-reviews .center-block .reviews-box-mobile p{
    margin-bottom: 0px;
}
/*Slider Review*/

/*Our blog - Home*/
.our-blog h2, .our-blog h2 *{
    color: var(--hero-h1);
    font-weight: 700;
}
.our-blog .list-blog{
    flex-wrap: wrap;
    margin-top: 25px;
}
.our-blog  .blog-box-mobile{
    width: calc(98% - 30px);
    background-color: var(--white);
    padding: 15px;
    border-radius: 15px;
}
.our-blog .list-blog .item-blog{
  width: calc(90% - 20px); 
  background-color: var(--white);
}
.our-blog .list-blog .item-blog h3{
    color: var(--hero-h1);
    font-weight: 700;
}
/*Our blog - Home*/

/*Call now mobile*/
.call-to-mobile{
  padding-top: 40px;
  display: block;
}
/*Call now mobile*/

/* Footer */
footer .center-block .block h4{
  font-size: 1.1rem;
}
footer .center-block .block h3{
  font-size: 1.1rem;
}
footer .center-block .block ul.footer-menu-bold-parent li a{
  font-size: 1.1rem;
}
/* Footer */

/*Follow us*/
.follow-us .center-block h2, .follow-us .center-block h2 *{
    color: var(--hero-h1);
    font-weight: 700;
}
.follow-us .center-block{
    width: calc(90% - 30px);
    background-color: var(--white);
    padding: 15px;
    border-radius: 15px;
    margin-bottom: 15px;
}
.follow-us .center-block ul {
    text-align: center;
}
.follow-us .center-block ul li a {
    width: 35px;
    height: 35px;
    margin-right: 12px;
}
/*Follow us*/

/* Footer */
footer .center-block {
    display: flex;
    flex-direction: column;
    text-align: center;
}
footer .center-block .block {
    width: calc(100% - 30px);
    padding: 0px 15px;
}
footer .center-block .block.block-1{
    border-bottom: 1px solid rgba(49, 74, 109, 1);
    margin-bottom: 10px;
}
footer .center-block .block-1 .title-footer-dr{
  order: 1;
  border-bottom: 1px solid rgba(49, 74, 109, 1);
  margin-bottom: 10px;
}
footer .center-block .block ul.menu-last-block-3{
  border-bottom: 1px solid rgba(49, 74, 109, 1);
  margin-bottom: 10px;
}
footer .center-block .block-1 .menu-footer-dr{
  order: 2;
}
/* Footer */

/* Service Intro */
.service-intro {
    padding: 20px 0px;
}
.service-intro .center-block{
    width: calc(90% - 30px);
    background-color: var(--white);
    padding: 15px;
    border-radius: 15px;
}

/* Service Reasons */
.service-reasons .center-block .reason-text{
    width: calc(99% - 40px);
    background-color: var(--white);
    padding: 15px 20px;
    border-radius: 15px;
    margin:  0px auto 20px;
}
.service-reasons h2,
.service-reasons h2 * {
    color: var(--hero-h1);
    font-weight: 700;
}
.service-reasons .reasons-grid {
    flex-direction: column;
    gap: 15px;
}
.service-reasons .reason-item {
    flex-direction: row;
    align-items: flex-start;
}

/* Service FAQ */
.service-faq .center-block .service-text{
    width: calc(99% - 40px);
    background-color: var(--white);
    padding: 15px 20px;
    border-radius: 15px;
    margin:  0px auto 20px;
}
.service-faq h2,
.service-faq h2 * {
    color: var(--hero-h1);
    font-weight: 700;
}
.service-faq .faq-grid {
    grid-template-columns: 1fr;
    gap: 12px;
}
.service-faq .faq-item {
    background-color: var(--white);
}

/* Service CTA */
.service-cta .center-block {
    flex-direction: column;
    align-items: center;
    gap: 15px;
}
.cta-btn {
    width: calc(100% - 80px);
    justify-content: center;
    font-size: 1rem;
    padding: 18px 40px;
}

/* ============================================
   ABOUT GRID — 630x320.css (añadir al final)
   ============================================ */

.cards-option-list {
    flex-direction: column;
}
.cards-option-col {
    gap: 15px;
}

/* block-title-subtitle-text */
.block-title-subtitle-text .center-block{
    width: calc(96% - 30px);
    background-color: var(--white);
    padding: 15px;
    border-radius: 15px;
    margin-bottom: 0px;
}

/* block-subservices — 630x320.css */
.block-subservices .subservices-grid {
    grid-template-columns: 1fr;
}

/* block-intro-title*/
.block-intro-title .center-block{
    width: calc(96% - 30px);
    background-color: var(--white);
    padding: 15px;
    border-radius: 15px;
    margin-bottom: 0px;
}

/* block-service-detail — 630x320.css */
.block-service-detail {
    padding: 40px 0 0px;
}
.block-service-detail .service-detail__layout {
    flex-direction: column-reverse;
    
}
.block-service-detail .service-detail__image {
    flex: none;
    width: 100%;
}
.block-service-detail .service-detail__text{
    width: calc(100% - 30px);
    background-color: var(--white);
    padding: 15px;
    border-radius: 15px;
    margin-bottom: 0px;
}

/* block-blog-header — 630x320.css */
.block-blog-header {
    padding: 40px 0 0;
}
.block-blog-header .blog-header__layout {
    flex-direction: column;
    gap: 25px;
}
.block-blog-header .blog-header__topics {
    flex: none;
    width: calc(100% - 30px);
    background-color: var(--white);
    padding: 15px;
    border-radius: 15px;
}
.block-blog-header .blog-header__intro {
    width: calc(100% - 30px);
    background-color: var(--white);
    padding: 15px;
    border-radius: 15px;
}

/* ============================================
   SINGLE POST — 630x320.css
   ============================================ */
.single-post__layout {
    flex-direction: column;
    gap: 25px;
}
.single-post__sidebar {
    flex: none;
    width: 100%;
    position: static;
    width: calc(100% - 30px);
    background-color: var(--white);
    padding: 15px;
    border-radius: 15px;
    margin-bottom: 25px;
    margin-top: 0px;
}
.single-post__title {
    font-size: 1.3rem;
}
.entry-content .cols-2 {
    grid-template-columns: 1fr;
}
.entry-content .wp-block-columns {
    flex-direction: column;
}
.single-post__content{
    width: calc(100% - 30px);
    background-color: var(--white);
    padding: 15px;
    border-radius: 15px;
}

/* block-contact — 630x320.css */
.block-contact .contact__layout {
    flex-direction: column;
}
.block-contact .contact__map {
    flex: none;
    width: 100%;
    height: 280px;
}

/* CF7 — 630x320.css */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="date"],
.wpcf7 select,
.wpcf7 textarea {
    font-size: 1rem;
    padding: 13px 14px;
}
.wpcf7 input[type="submit"] {
    padding: 16px 24px;
    font-size: 1rem;
}
.block-contact-form {
    padding: 0 0 20px;
}
.block-contact-form .center-block {
    width: calc(96% - 30px);
    padding: 15px;
    border-radius: 15px;
}

/* block-contact-form — 630x320.css */
.block-contact-form .contact-form__layout {
    flex-direction: column;
    gap: 30px;
}
.block-contact-form .contact-form__info {
    flex: none;
    width: 100%;
}
.block-contact-form .contact-form__hola {
    font-size: 3rem;
}

/* ── WhatsApp Chicklet — mobile ──────────────────────────── */
.whatsapp-chicklet {
    bottom: 18px;
    right: 18px;
    padding: 12px;
    border-radius: 50%;
    box-shadow: 0 4px 14px rgba(0,0,0,.30);
}

.whatsapp-chicklet span {
    display: none;
}

.whatsapp-chicklet svg {
    width: 26px;
    height: 26px;
}