:root
{
	--padding-estandar: 25px;
	--padding-estandar-texto: 50px;
}

/*Use a media query to add a break point at 800px:*/
@media (max-width:1280px) {
  BODY {}
  
  #cabecero { overflow: auto;}
  #contenido_cabecero {margin: 0 auto; display: unset;}
  
  #navegador 
  {
	display: flex;
	/*justify-content: center;*/
	align-items: center;
	vertical-align: middle;
	padding: var(--padding-estandar);
	}
	
  #navegador, #contenido_cabecero{ width: 100%;}

  #logotipo {width: 200px; margin: 0px;}
  #icono_responsive
  {
	  display: block;
	  position: absolute;
	  right: 25px;
	  
	  fill: white;
	  cursor: pointer;
  }

  #menu_principal {display: none; margin: unset; width: 100%; text-align: left; padding: var(--padding-estandar); padding-top: 0px;}
  #cabecero.positivo #menu_principal LI:last-of-type > A, #cabecero.negativo #menu_principal LI:last-of-type > A {border: unset; margin-left: unset; padding: unset; background-color: unset;}
  #menu_principal > LI {display: block; height: fit-content; padding: 10px 0px; margin-right: unset;}
  #menu_principal .submenu LI, #pp_servicios .submenu LI {padding: 8px 0;}
  #menu_principal .submenu LI:first-of-type {padding-top: 0;}
  #menu_principal .submenu A {color: #787878;}
  
  .menu_responsive {display: block !important;}
  /*.menu_responsive A {color:darkblue !important;}
  .menu_responsive.flecha {fill: darkblue !important;}*/
  
  .submenu
  {
	  position: unset;
	  left: 0px;
	  margin: 10px 0px 10px 8px;
	   
	  backdrop-filter: unset;
	  border-radius: unset;
	  padding: 0px;
  }
  /*#menu_principal LI:target .submenu {
        display: grid;
    }*/
  
  .submenu:before{content: unset;}
  
  .contenedorCategoriaSubmenu {display: unset;}
  .CategoriaSubmenu {display: grid; padding-left: 5px;}	
  
  .estrecha 
  {
	  width: 100% !important;
	  /*margin: unset;*/
	  margin: 0;
	  padding: 50px var(--padding-estandar) !important;
  }
  
  .separar{margin-bottom: 50px;}

  #contenido_cabecero.estrecha {padding: 0px !important;}
  
  .dos, .cuatro, #servicios IMG{width: 100%;}
  
  /**CONTENIDO**/
  #hero{display: block; /*height: var(--altura-estandar);*/}
  
  #principal {position: unset; width: unset;}
	
#principal.inicio {position: relative;top: -100px;}
  
  #principal > P:first-of-type
  { font-size: var(--texto-tam-subtitulo); text-align: center;}
  
  #principal.centrado {width: 100%;}
  #principal.centrado > P:first-of-type {font-size: calc(var(--texto-tam-estandar)+0.1em); line-height: var(--interlineado-estandar);}
  
  #principal P, #principal H1
  { text-align: center; }
  
  #principal .boton
  {margin: 0 auto;}
  
  #hero VIDEO, #hero IMG { margin-left: 50vw;
  transform: translate(-50%); }
  
  #hero IMG
  { 
	width: unset;
	/* height: 100%; */
	height: unset;
  }
  
  #social_proof
  {bottom: 25px; right: unset;}
  
  #social_proof > IMG:last-of-type
  {margin-right: 0;}
  
  #sellos, #organismos_y_empresas {display: inherit; padding: 0px var(--padding-estandar) !important; text-align: center;}
  
  #subvencion_pyme_innova IMG
	{
		padding: 0px 0px 15px;
	}
	
	#subvencion_pyme_innova IMG:last-of-type
	{
		padding-top: 0px;
		padding-bottom: 0px;
	}
  
  #sellos IMG, #organismos_y_empresas IMG, #subvencion_pyme_innova IMG {/*width: 45%;*/ display: inline-block; vertical-align: middle; margin: 0 20px 0;opacity: 1;}
  #sellos IMG {margin-bottom: 25px;}
  
  /*#sellos IMG:first-of-type, #organismos_y_empresas IMG:first-of-type { margin-top: 0px;}*/
  #sellos DIV{width: fit-content;}
  #sellos DIV:last-of-type IMG, #organismos_y_empresas A:last-of-type IMG { margin-bottom: 0px;}
  
  .sobre_imagen{width: 90%;}
  
  .contenedor .columnas.normal:last-child {margin: 50px 0;}
  
  .columnas.normal {height: fit-content;}
  .columnas.normal .texto {padding: var(--padding-estandar-texto); padding-top: 0px; padding-bottom: 0px;}

  .columnas.normal .texto H2 {margin: 0px 0px 50px;}
  .columnas.normal .texto P {text-align: left;}
  
  #contenedor_destacados, .todocentrado, #servicios_incluidos {display: block;}
  #contenedor_destacados > DIV 
  {
	max-width: unset;
	max-height: unset;
	width: 100%;
	
	margin: 0 0 50px;  
  }
  /*#contenedor_destacados IMG {max-width: unset; max-height: unset; width: 80%;}*/
  
  .columnas.normal IMG {width: 100%;}
	.columnas.normal .texto .logotipo
		{ 
			width: unset;
			max-width: 300px;
			max-height: 45px;
			margin-bottom: var(--padding-estandar);
		}

  #servicios VIDEO
  {
	  min-height: unset;
	  min-width: unset;
	  height: var(--altura-estandar);
  }
  
  #servicios #video_pecho, #servicios #video_facial, #servicios #video_piel
	{transform: translate(5%) scaleX(0.85);} 
	#servicios #video_corporal {transform:translate(-1%) scaleX(0.85);}
	
	#contenedor_migas_pan
	{ padding: 0px;}
	
	#migas_pan
	{ padding: 25px !important;}

	#mapa{width: 100%;}
  /**************/
  
  /*REVIEWS GOOGLE*/
  #controles{left:0; right: 0; min-width: unset; padding: 0 25px;}
  .nombre{max-width: 125px;}
  .opinion{margin: 25px 0;}
  .descripcion{text-align: left;}
  /*EO: REVIEWS GOOGLE*/
  
  /**FOOTER**/
  #informacion UL, #legal UL
	{
		display: unset;
	}
  
  #informacion UL, #legal UL
  {
	  margin: unset !important;
	  text-align: unset;
  }
  
  #informacion LI, #legal LI
  {
	  display: inline-flex;
	  padding: 15px 0;
	  width: 100%;
  }
  
  #informacion LI:first-of-type
  {padding-left: unset;}
  
  #informacion P, #informacion A
  {font-size: 1em;}
  
  #informacion SVG, #informacion I
  {
	  display: flex;
	  align-items: center;
	  font-size: var(--texto-tam-estandar-plus);
	  justify-content: center;
	  width: 40px;
	  margin-bottom: unset;
	  margin-right: 20px;
  }
  
  .pp_cuatro
  {width: 100%; margin: unset;}
  
  #pp_servicios {display: block; justify-content: unset; padding-bottom: 35px !important;}
  
  #contenedor_logo_y_rrss
  {}
  
  #contenedor_logo_y_rrss DIV:first-of-type
  {}
  
  #pp_servicios P
  {
	  margin: 15px 0px;
  }
  
  #pp_servicios DIV:first-of-type P {margin-top: 0px;}
  /*#pp_servicios DIV:last-of-type P {margin-bottom: 0px;}*/
  
  #pp_servicios LI
  {
	  margin: 8px 0px;
  }
  
  #pp_servicios UL
  {
	  display: none;
  }
  
  #pp_servicios A:hover #pp_servicios UL {
	  display: block;
  }
  
  /*#pp_servicios .encabezado A:after
  {
	  content: url("data:image/svg+xml; utf8, <svg xmlns='http://www.w3.org/2000/svg' width='8.233' height='13.861' viewBox='0 -4.861 8.233 13.861' style='fill: red; transform: rotate(90deg); ' ><path d='M8.233 2.018L1.251 9 0 7.645l5.627-5.627L0-3.61l1.251-1.25 6.982 6.878z'></path></svg>");
  }*/
  
  #pp_servicios .flecha
  {
	display: inline;
	transform: rotate(90deg);
	fill: #787878;
	margin-left: 15px;
	top: 2px;
	position: relative;
	transition: 0.5s;
  }

  
  /*#menu_principal LI:hover .submenu {}*/
  #pp_servicios .encabezado:hover .prueba
  {display: unset;}
  /**************/

	#cookies {font-size: var(--texto-tam-extrapequenio); padding: 15px;}
	#cookies .boton {padding: 8px 15px;}
}