.elementor-kit-32{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-32 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ==========================================================================
   Transportes Donoso Renedo — CSS global
   Todo el contenido son bloques nativos de Elementor. Aquí solo van:
   1) correcciones de plugins (GTranslate, Complianz)
   2) micro-interacciones enganchadas a clases CSS de los bloques
   ========================================================================== */

/* --- 1. Plugins ---------------------------------------------------------- */
.gtranslate_wrapper,.gt_.elementor-kit-32{position:absolute!important;width:1px!important;
  height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;
  white-space:nowrap!important}
.skiptranslate iframe{display:none!important}
body{top:0!important}

@media(max-width:600px){
  .cmplz-cookiebanner{width:auto!important;max-width:none!important;box-sizing:border-box!important;
    left:10px!important;right:10px!important;margin:0!important;padding:14px 16px 16px!important}
  .cmplz-cookiebanner .cmplz-body{padding:0!important}
  .cmplz-cookiebanner .cmplz-message{font-size:13px!important;line-height:1.5!important;
    max-height:8.2em;overflow:auto}
  .cmplz-cookiebanner .cmplz-header{padding:0 0 6px!important}
  .cmplz-cookiebanner .cmplz-title{font-size:15px!important}
  .cmplz-cookiebanner .cmplz-buttons{display:grid!important;
    grid-template-columns:1fr 1fr!important;gap:8px!important;padding:10px 0 6px!important}
  .cmplz-cookiebanner .cmplz-btn{width:100%!important;min-height:44px!important;
    font-size:14px!important;margin:0!important}
  .cmplz-cookiebanner .cmplz-view-preferences{grid-column:1 / -1!important}
  .cmplz-cookiebanner .cmplz-links{padding-top:6px!important;font-size:12px!important}
  .cmplz-cookiebanner .cmplz-divider{display:none!important}
}

/* --- 2. Micro-interacciones ---------------------------------------------- */
/* Acento azul del H1 del hero (bloque heading nativo, <em> sin estilos inline) */
.dn-h1 em{font-style:normal;color:#5B8CFF}

/* Botones: elevación sutil al pasar */
.dn-lift .elementor-button{transition:transform .2s,background-color .2s,color .2s}
.dn-lift .elementor-button:hover{transform:translateY(-2px)}

/* Tarjetas de servicio */
.dn-card{transition:transform .25s,box-shadow .25s}
.dn-card:hover{transform:translateY(-6px);box-shadow:0 22px 44px rgba(11,23,48,.13)}

/* Galería nativa (widget Galería de imágenes) en rejilla uniforme.
   El nº de columnas se sigue controlando desde el widget: cambia
   "Columnas" y la clase .gallery-columns-N de abajo hace el resto. */
.dn-gal .gallery{display:grid;
  column-gap:var(--grid-column-gap,14px);row-gap:var(--grid-row-gap,14px)}
.dn-gal .gallery-columns-2{grid-template-columns:repeat(2,1fr)}
.dn-gal .gallery-columns-3{grid-template-columns:repeat(3,1fr)}
.dn-gal .gallery-columns-4{grid-template-columns:repeat(4,1fr)}
.dn-gal .gallery-columns-5{grid-template-columns:repeat(5,1fr)}
.dn-gal .gallery-columns-6{grid-template-columns:repeat(6,1fr)}
.dn-gal .gallery .gallery-item{width:auto!important;max-width:none!important;
  margin:0!important;padding:0!important;float:none}
.dn-gal .gallery .gallery-icon{width:100%;margin:0;padding:0}
.dn-gal .gallery-icon,.dn-gal .gallery-item a{display:block;line-height:0;
  background:#0B1730;overflow:hidden}
.dn-gal img{width:100%;height:210px;object-fit:cover;display:block;border:0;
  transition:transform .45s,opacity .3s}
.dn-gal--lg img{height:230px}
.dn-gal .gallery-item a:hover img{transform:scale(1.06);opacity:.72}
.dn-gal .gallery-item a:focus-visible{outline:3px solid #1A4FD0;outline-offset:3px}
@media(max-width:1024px){.dn-gal .gallery[class*="gallery-columns-"]{grid-template-columns:repeat(2,1fr)}}
@media(max-width:767px){.dn-gal .gallery[class*="gallery-columns-"]{grid-template-columns:1fr}}

/* Enlaces del pie */
.dn-fmail a{color:#5B8CFF;text-decoration:none;font-weight:600;word-break:break-all;
  border-bottom:1px solid transparent;transition:border-color .2s}
.dn-fmail a:hover{border-bottom-color:#5B8CFF}
.dn-flinks .elementor-icon-list-text{transition:color .2s}
.dn-dato a{color:#1A4FD0;text-decoration:none;font-weight:600;word-break:break-all}

/* Marca de agua del pie */
.dn-mark .elementor-heading-title{white-space:nowrap;pointer-events:none}

/* Selector de idioma */
.dn-gt .elementor-button{line-height:1}
.dn-gt.on .elementor-button,.dn-gt.on .elementor-button:hover{
  color:#fff!important;background:#1A4FD0!important;border-color:#1A4FD0!important}

/* Compensar la cabecera fija en los anclajes internos */
html{scroll-padding-top:96px}/* End custom CSS */